!
/***************************************
	Couleur de fond du reader (concerne la partie du bas
****************************************/

#readerDiv, #contentBottom
{
	background-color : #d6e2ed;
}

/***************************************
	Couleur du fond du cadre contenant les infos
****************************************/

#spanContent
{
	background-color : #FFFFFF;
}

/***************************************
	Bouton "home" (+ "hover")
****************************************/

#header #homeBtn
{
	background-position : -370px -138px;
	height : 17px;
	width : 16px;
	left: 161px;
	top: 3px;
}

#header #homeBtn.hover
{
	background-position : -388px -138px;
}

/***************************************
	Bouton "close" (+ "hover")
****************************************/

#header #closeBtn
{
	background-position : -370px -118px;
	height : 17px;
	width : 16px;
	left: 181px;
	top: 3px;
}

#header #closeBtn.hover
{
	background-position : -388px -118px;
}

/***************************************
	Logo partners ("hover" possible)
****************************************/

#header #logo
{
	background-position : -272px -2px;
	width : 62px;
	height : 50px;
	left: 109px;
	top: 26px;
}

/***************************************
	Cadre info
****************************************/

#header #info
{
	background-position : -3px -42px;
	width : 188px;
	height : 56px;
	left: 7px;
	top: 97px;
}

/****************************************************
	Texte titre et auteur dans cadre info
*****************************************************/

#header #spanTitre {
	left: 20px;
	top: 107px;
	font-size: 8pt;
	color: white;
}

#header #spanAuthor {
	left: 20px;
	top: 127px;
}

#header #spanAuthor a {
	font-size: 8pt;
	color: aqua;
	text-decoration : none;
}

/***************************************
	Bouton "previous" (+ "hover")
****************************************/

#header #imgprevBtn
{
	background-position : -195px -56px;
	width : 53px;
	height : 60px;
	left: 10px;
	top: 180px;
}

#header #imgprevBtn.hover
{
	background-position : -307px -56px;
}

/***************************************
	Bouton "next" (+ "hover")
****************************************/

/* Position du bouton next */
#header #nextButtonFadeGroup, #header #imgnextBtn,  #header #imgnextGhost
{
	left: 137px;
	top: 180px;

}
#header #imgnextBtn
{
	background-position : -251px -56px;
	width : 53px;
	height : 60px;
}

#header #imgnextBtn.hover
{
	background-position : -363px -56px;
}

#header #imgnextGhost
{
	background-position : -419px -56px;
	width : 53px;
	height : 60px;
}


/***************************************
	Bouton "refresh" (+ "hover")
****************************************/

#header #imgrefreshBtn
{
	background-position : -234px -117px;
	width : 35px;
	height : 38px;
	left: 86px;
	top: 182px;
}

#header #imgrefreshBtn.hover
{
	background-position : -195px -117px;
}

/*****************************************************
	Cadre navigation (contient les numéros des steps)
******************************************************/

#header #mainBox
{
	background-position : -195px -164px;
	width : 80px;
	height : 23px;
	left: 63px;
	top: 246px;
}

/*****************************************************
	Texte situé au dessus du cadre de navigation
******************************************************/

#header #spanNavigationPage {
	left: 91px;
	top: 231px;
	color: #ffffff;
}

/*****************************************************
	Digits situés dans le cadre de navigation
******************************************************/

#header #spanNavigationPageNumbers1 {
	left: 74px;
	top: 248px;
	color: #fff;
}

#header #spanNavigationPageNumbers2 {
	left: 118px;
	top: 248px;
	color: #fff;
}

/***************************************
	Onglets de menu (+ version "actif")
****************************************/

#header #imgComments,#header #imgPreviews
{
	background-position : -3px -110px;
	width : 94px;
	height : 35px;
}

#header #imgComments.actif,#header #imgPreviews.actif
{
	background-position : -3px -159px;
}

/****************************************************
	Contenus des onglets comments et previews
	position relative à l'onglet conteneur
*****************************************************/

/* icônes des onglets */

#header #imgComments #imgCommentsBtn {
	background-position : -302px -164px;
	width : 18px;
	height : 21px;
}

#header #imgComments.actif #imgCommentsBtn {
	background-position : -302px -164px;
	width : 18px;
	height : 21px;
}

#header #imgPreviews #imgPreviewsBtn {
	background-position : -279px -164px;
	width : 18px;
	height : 21px;
}

#header #imgPreviews.actif #imgPreviewsBtn {
	background-position : -279px -164px;
	width : 18px;
	height : 21px;
}

/* Texte des onglets (positionnement % coin haut-gauche de l'onglet contenneur) */

#header #spanPreviewsBtn {
	left: 33px;
	top: 10px;
	font-size:8pt;
	font-weight : bold;
}

#header #spanCommentsBtn {
	left: 35px;
	top: 10px;
	font-size:8pt;
	font-weight : bold;
}

/* textes des onglets versions actif/inactif */

#header #imgComments #spanCommentsBtn,
#header #imgPreviews #spanPreviewsBtn {
	color : White;
}

#header #imgComments.actif #spanCommentsBtn,
#header #imgPreviews.actif #spanPreviewsBtn {
	color : Black;
}

/****************************************************
	Emplacement de l'url du step
*****************************************************/

#header #spanNavigationURL
{
	left: 15px;
	top: 278px;
}

/****************************************************
	Formatage de l'url du step
*****************************************************/
#header #spanNavigationURL a{
	color : green;
	text-decoration : none;
}

/****************************************************
	Haut de la partie variable (située en dessous
	des onglets	de menu)
	Dimensions constantes :
	(width = 189 ; height = 10)
*****************************************************/
#contentTop {
	background-position : -3px -3px;
}

/* Bordure du bas */
#contentBottom #border
{
	background-position : -3px -24px;
}

/* Lien Powered */
#contentBottom a
{
	color : #FFFFFF;
	text-decoration : none;
}