@charset "utf-8";
/* CSS Document */
body {
	background-color:#FFFFFF;
	width:530px;
	margin:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FF3399;
}
/* Le livre d'or (formulaire) */
input, textarea {
    font-family: Georgia, "Times New Roman", Times, serif;
	border: #CCC 1px solid;
	color:#7244D2;
}

textarea {
	width:100%;
}
 
label {
	display: block;
	width: 160px;
	float: left;
	padding-right: 5px;
	text-align: right;
    color: #FF3399; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
legend {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 13px;
   color: #7244D2;
   font-weight: bold;
}
 
fieldset {
   padding: 5px 5px;
   margin-bottom: 10px; /* Une marge pour séparer les fieldset */
   background-color: #FFFFFF;
}

#formulaire {
	background-color:#FFFFFF;
	padding:5px 5px;
	width:520px;
}

#formulaire p {
	margin: 2px 0;
}

#info {
	margin-top:15px;
	margin-bottom:5px;
	width:100%;
}

#info p {
	text-align:justify;
}

#bouton {
	margin:auto;
	margin-top:15px;
	width:300px;
	text-align:center;
}

#bouton input {
	width: 120px;
}

#bouton input:hover {
	background-color: #7244D2;
	color:#FFFFFF;
	cursor: pointer;
}

/* Liste des commentaires */
.commentaire{
	border: 1px dotted #FF3399;
	padding: 5px;
	margin: 10px;
}

.info{
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #b3960e;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}

.titre {
	text-align: center;
	font-size: 1.2em;
	color: #6F6F6F;
	font-family: Georgia, Verdana, Times;
}
  
.texte_nonvalide {
	padding-bottom: 6px;
	text-align: justify;
	color: #DDDDDD;
}

.texte_valide {
	padding-bottom: 6px;
	text-align: justify;
}