/* Pour modifier la couleur de fond, changer la couleur défini à la ligne 16 : #c00 */
* {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}

a,input  {
position: relative;}  /* Afin que les liens fonctionnent sous IE*/

body {
	color: #000000;
	/*******************
	 * La couleur du fond
	 *******************/
	background-color:#ccc;
	margin: 0px;
	padding: 0px;}

#png {
	background-image:url(pop-trans-plat.png);}

.txtCoul {
	font-weight: bold;
	color: #FFFFFF;}

.txt {
	font-weight: normal;
	color: #666666;}

.txtBas {
	font-weight: normal;
	color: #FFFFFF;}

.cnil {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}

.cnil:hover {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;}

#powered a {
	color: #c00;
	text-decoration:none}

#powered a:hover {
	text-decoration:underline;}

#powered a img {
	height: 15px;
	width: 15px;
	vertical-align: middle;}

.cnil1 {
	font-weight: bold;
	color: #fff;
	text-decoration: none;}

.powered {
	font-weight: bold;
	color: #c00;
	text-decoration: none;}

.txt1 {
	font-weight: normal;
	color: #fff;}

.txtBas1 {
	font-weight: normal;
	color: #666666;}

.txtCoul1 {
	font-weight: bold;
	color: #ff6600;}

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default. */
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;}

/* * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: block; 
	margin: 5px 0 0 0;
	font-size: 90%;
	line-height: 16px;
	color : #fff;	
	text-align: center;
	font-weight: bold;
	border: #FF0000 solid 1px; }

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	border: 2px solid #0c0;}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	border: 2px solid  #c00;}


.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel {
	color: #CC3333;	}

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg {
	margin: 5px 0;
	font-size: 90%;
	color : #fff;	
	text-align: center;
	font-weight: bold;
	border: #FF0000 solid 1px;
	background: #900 url(/images/error.gif) no-repeat center right;}

.validMsg {
	display:none;}

.textfieldValidState .validMsg {
	display:inline; }
	
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;}