/**
 * Messages syst�mes 
 */
 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: green;
 	text-align: center;
 	margin-bottom:20px;
 	
	border:solid 1px green;
	padding:5px;
 }
 

 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;

	border:solid 1px red;
	padding:5px; 	
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 600 px;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 10px;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 

 /**
 * Gestion du texte en position "exposant" => balise "sup"
 */
sup
{
	line-height:95%;
	font-size:100%;
}

/** Gestion des formulaires **/

	.formulaire-row {
		width:530px; /*utiliser dans formulaire login | ancienne valeur=> width:98%*/
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		float:left;
		clear: both;
		padding-top: 5px;
	}
	
	.formulaire-row LABEL {
	   font-family: Verdana, Arial, Helvetica, sans-serif; 
	   font-size: 12px; 
	   color: #666666;
	    
	   float: left;
	   width: 200px;
	   padding-right: 4px;
	   text-align: right;
	}

	.formulaire-row .valider {
	  text-align:left;
	}

	.formulaire-row TEXTAREA {
		float:left;
		width:275px;
		height:100px;
		border: solid 1px #ccc;
		padding:0 5px 0 5px;
	}

	.formulaire-row INPUT {
		border: solid 1px #ccc;
		padding-left: 3px;
	}
	
	.formulaire-row INPUT.text {
		width:280px;
	}	
		
	.formulaire-row SELECT {
		width:300px;
		border: solid 1px #ccc;
		padding:0;
	}

	.formulaire-row OPTION {
		padding:0 5px 0 5px;
	}

	.formulaire-row .asterisque {
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	font-size: 12px; 
		color:red;
		font-weight:bold;
		margin-right:5px;
	}

	.formulaire-row INPUT,		
	.formulaire-row SELECT,
	.formulaire-row TEXTAREA {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			font-style: normal; 
			font-weight: normal;
			color: #000; 
	}
	
	.formulaire-row	input.button,
	.formulaire-row input.submit {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; 
		font-style: normal; 
		font-weight: normal;
		color: #fff; 
		border:none;
		margin:5px 0 0 0;
		padding:0;
	}
		
/*********************************** STYLE DES BOUTONS ******************************/

DIV.pastille_couleur {
	position:absolute;
	bottom:4px;
	right:-8px;
	width:30px;
	height:30px;

	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:solid 1px silver;	
}

A.btn_arrondi,
INPUT.btn_arrondi {
	text-align:center;
	padding:4px 10px 4px 10px;
	
	text-decoration:none;	
	font-weight:bold;
	font-size:11px;
	color:#fff;
			
	/* ARRONDI DU BOUTON */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	
	border:0; 
	cursor:pointer;	
}	

DIV.arrondi {
	float:left;
	padding:10px;
			
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;	
	
	border:solid 1px #ab5014; 
	
}	

A.btn_arrondi:link,
A.btn_arrondi:focus,
A.btn_arrondi:hover,
A.btn_arrondi:active,
A.btn_arrondi:visited {
	color:#fff;
}

.btn_retour {
	background-color:#555454;
	color:#fff;
}

.btn_retour:hover {
	background-color:#ab5014;
	color:#fff;
}

.btn_detail_fiche,
.btn_ajout_panier {
	background-color:#ab5014;
	color:#fff;
}

.btn_detail_fiche:hover,
.btn_ajout_panier:hover {
	background-color:#555454;
	color:#fff;
}