/* EXEMPLES de styles utilisables sur le livre d'or */

img {
	border: none;
	vertical-align: middle;
}
a img {
	border: none;
}

/* la boite de message de confirmation */
.success_box {
	color: #060;
	background-color: #E1FFF0;
	border: 1px solid #060;
	padding: 0.5em;
	margin: 1em 10%;
}
.success_box p {
	margin: 0;
}

/* la boite de message d'erreur */
.error_box {
	color: #c00;
	background-color: #FFECEE;
	border: 1px solid #c00;
	padding: 0.5em;
	margin: 1em 10%;
}
.error_box p {
	margin: 0;
}

/* la boite contenant le formulaire d'ajout */
#guestbook-add {
}

/* le formulaire d'ajout en lui-même */
#guestbook-form {
}

p.field {}

p.field label {
	display: block;
}

/* erreurs */
#guestbook-form label.error {
	color: #c00;
	font-style: italic;
	font-size: 0.9em;
}

#guestbook-form input.error,
#guestbook-form textarea.error {
	border: 1px dotted #c00;
}

/* champs requis */
#guestbook-form .required {
	font-weight: bold;
}
#guestbook-form .required:before {
	content: '* ';
	color: #c00;
}

/* Le lien pour signer le livre d'or */
.sign-link {
	background: transparent url(add.png) no-repeat 0 50%;
	padding-left: 18px;
}

/* la boite contenant la liste des signatures */
#signatures-list {
}

/* la boite contenant une signature */
.signature {
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-bottom: 1em;
}

	/* le titre d'une signature */
	.signature .title {
		margin: 0;
		float: left;
	}

	/* le message d'une signature */
	.signature .msg {
		clear: both;
	}

	/* la liste d'infos sur la signature */
	.signature .infos {
		margin: 0;
		padding: 0;
		float: right;
		font-size: 0.9em;
	}
		/* les éléments de la liste */
		.signature .infos li {
			display: inline;
			margin-left: 2em;
		}

		/* l'info email */
		.signature .infos .email {
		}

		/* l'info url */
		.signature .infos .url {
		}

		/* l'info date */
		.signature .infos .date {
		}

		/* l'info note */
		.signature .infos .note {
		}


/* Pagination
----------------------------------------------------------*/

.pagination { display: inline-block; zoom: 1; }
.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* required comment for clearfix to work in Opera \*/
* html .pagination { height:1%; }
.pagination { display:block; }
/* end clearfix */

.pagination {
	border: 0;
	margin: 1em 0;
	padding: 0;
	clear: both;
}
.pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 2px;
	display: block;
	float: left;
}

.pagination .active,
.pagination a {
	border: 1px solid #5D0708;
	background-color: #fdf2f2;
	color: #5D0708;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination .active {
	border: 1px solid #9E0C0C;
	background-color: #fdf2f2;
	color: #9E0C0C;
}
.pagination a:hover {
	border: 1px solid #fdf2f2;
	background-color: #5D0708;
	color: #fdf2f2;
}