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

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

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

#spanContent
{
	background-color : #ffffff;
}

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

#header #homeBtn
{
	background-position : -108px -10px;
	height : 14px;
	width : 14px;
	left: 163px;
	top: 4px;
}

#header #homeBtn.hover
{
	background-position : -94px -10px;
}

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

#header #closeBtn
{
	background-position : -94px -24px;
	height : 14px;
	width : 14px;
	left: 183px;
	top: 3px;
}

#header #closeBtn.hover
{
	background-position : -108px -24px;
}

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

#header #logo
{
	background-position : 0px -10px;
	width : 93px;
	height : 19px;
	left: 54px;
	top: 55px;
}

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

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

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

#header #spanTitre {
	color:#fff;
	font:Arial, Helvetica, sans-serif;
	left: 20px;
	top: 109px;
	font-size: 8pt;
	font-weight: bold;
}

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

#header #spanAuthor a {
	font-size: 8pt;
	color: #87b727;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration : none;
}

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

#header #imgprevBtn
{
	background-position : -122px -70px;
	width : 53px;
	height : 60px;
	left: 1px;
	top: 174px;
}

#header #imgprevBtn.hover
{
	background-position : -122px -190px;
}

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

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

}
#header #imgnextBtn
{
	background-position : -122px -10px;
	width : 53px;
	height : 60px;
}

#header #imgnextBtn.hover
{
	background-position : -122px -130px;
}

#header #imgnextGhost
{
	background-position : -122px -250px;
	width : 53px;
	height : 60px;
}


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

#header #imgrefreshBtn
{
	background-position : -189px -47px;
	width : 41px;
	height : 26px;
	left: 81px;
	top: 187px;
}

#header #imgrefreshBtn.hover
{
	background-position : -189px -21px;
}

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

#header #mainBox
{
	background-position : -189px 0px;
	width : 77px;
	height : 21px;
	left: 64px;
	top: 230px;
}

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

#header #spanNavigationPage {
	display:none;
	left: 91px;
	top: 230px;
	color: #666666;
}

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

#header #spanNavigationPageNumbers1 {
	left: 78px;
	top: 230px;
	color: #666;
}

#header #spanNavigationPageNumbers2 {
	left: 118px;
	top: 230px;
	color: #666;
}

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

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

#header #imgComments.actif,#header #imgPreviews.actif
{
	background-position : 0px -29px;
}

/****************************************************
	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;
	display:none;
}

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

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

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

/* 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 : #fff;
}

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

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

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

/****************************************************
	Formatage de l'url du step
*****************************************************/
#header #spanNavigationURL a{
	color : #87b727;
	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 : 0px 0px;
}

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

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