/* CSS Document */

html {
	background-color:#FFFFFF;
	color:#555555;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
}

body {
	font-size: 1.2em;
	line-height:1.6em;
	width: 550px;
}

/* Gère la largeur des valeurs avant les elements de formulaire*/
label {
	display:block;
	width:150px;
	float:left;
}

/* Gère l'affichage des alertes du formulaire*/
.commentaire_alerte {
	color: #FF0000;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 5px;
	margin: 5px;
}

/* Gère l'affichage de confirmation de postage du commentaire*/
.form_ok {
	color: #006600;
	background-color: #AFF5B8;
	padding: 5px;
	margin: 5px;

}

/* Gère l'affichage des commentaires */
.affiche_commentaire {
	width: 548px;
	clear: both;
	margin-bottom: 25px;
	padding: 0;
}
.commentaire-gris {
	background-image: url("jd_commentaires/images/bulle-commentaire-gris-1px.gif"); 
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.commentaire-blanc {
	background-image: url("jd_commentaires/images/bulle-commentaire-blanc-1px.gif"); 
	background-repeat: repeat-y;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

.commentaire-gris p, .commentaire-blanc p{
	margin : 0;
	padding: 0;
}

/* Gère l'affichage des numéros de page */
.navigation {
	padding: 10px 20px 15px 20px;
	float: left;
	width: 500px
}


	div.navigation span.current {
		background: #AAD83E repeat scroll 0%;
		border: 1px solid #AAD83E;
		color: #FFFFFF;
		font-weight: bold;
		margin-right: 2px;
		padding: 2px 5px;
	}
	
	div.navigation a:hover, div.navigation a:active {
		background: #AAD83E repeat scroll 0%;
		border: 1px solid #AAD83E;
		color: #FFFFFF;
	}

	div.navigation a {
		background: #2C2C2C repeat scroll 0%;
		border: 1px solid #2C2C2C;
		color: #FFFFFF;
		margin-right: 2px;
		padding: 2px 5px;
		text-decoration: none;
	}