

#espace_perso {
	color: #99042f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	float:left;
	width:690px;
	background-color:#feebc9;
	border: 1px solid #9c2a2d;
	padding:10px 5px 10px 5px;
	margin: 5px 20px 0 40px;
}

	#espace_perso a {
		color: #910F2f;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}

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

	#espace_perso input {
		color:#9c2a2d;
		font-weight: bold;
		border-color: #9c2a2d;
		border-style: solid;
		border-width: 1px;
	}

	#espace_perso .bouton {
		color: #fff;
		font-weight: bold;
		background-color: #A90f2f;
		border-color: #9c2a2d;
		border-style: solid;
		border-width: 1px;
	}

	#espace_perso .erreur {
		color: #E33535;
		font-weight: bold;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
	}

	#espace_perso p {
		margin: 0;
		padding: 0;
	}

/***************/
/** Connexion **/
/***************/

	#espace_perso #connexion {
		border-style: solid;
		border-width: 1px;
		border-color: #9c2a2d;
		width: 400px;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
	}

		#espace_perso #connexion .titre {
			background-color: #9c2a2d;
			color: #FFFFFF;
			font-weight:bold;
			height: 20px;
			padding: 5px 0 5px 5px;
		}

		#espace_perso #connexion a {
			font-size: 10px;
		}

/****************/
/** Connexion2 **/
/****************/

#espace_perso #connexion2 {
	border-style: solid;
	border-width: 1px;
	border-color: #9c2a2d;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#espace_perso #connexion2 .titre {
	background-color: #9c2a2d;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
	height: 20px;
	padding: 5px 0 5px 5px;
	font-style: italic;
}

#espace_perso #connexion2 .contenu {
	padding: 5px;
}

#espace_perso #connexion2 .contenu .left {
	float: left;
	width: 235px;
	min-height: 160px;
}

#espace_perso #connexion2 .contenu .right {
	float: left;
	min-height: 160px;
}

#espace_perso #connexion2 a {
	font-size: 10px;
}
/*************/
/** Accueil **/
/*************/

#espace_perso #connexion2 .bloc_accueil {
	width: 259px;
	margin: 20px 3px 0 65px;
	float: left;
	border: 1px solid #910f2f;
}

	#espace_perso #connexion2 .contenu .bloc_accueil .titre {
		background-color: transparent;
		background-image: url(/media/images/espace-perso/fond_titre_bloc_accueil.gif);
		background-repeat: repeat-x;
		height: 34px;
		padding: 0 0 0 7px;
	}

		#espace_perso #connexion2 .bloc_accueil .titre h2 {
			color: #fff;
			font-weight: bold;
			font-size: 12px;
			height: 18px;
			padding:15px 0 0 43px;
			margin: 0;
			text-decoration:none;
		}

		#espace_perso #connexion2 .bloc_accueil .titre h2#alerte {
			background-image: url(/media/images/espace-perso/alert-mail.png);
			background-repeat: no-repeat;
		}

		#espace_perso #connexion2 .bloc_accueil .titre h2#select {
			background-image: url(/media/images/espace-perso/selection.png);
			background-repeat: no-repeat;
		}

		#espace_perso #connexion2 .bloc_accueil .titre h2#profil {
			background-image: url(/media/images/espace-perso/profil.png);
			background-repeat: no-repeat;
		}

	#espace_perso #connexion2 .bloc_accueil .contenu {
		min-height: 179px;
		text-align: justify;
	}

		#espace_perso #connexion2 .bloc_accueil .contenu p {
			padding:15px 5px 5px 5px;
			margin: 0 0 20px 0;
		}

		#espace_perso #connexion2 .bloc_accueil .contenu a {
			display: block;
			background-color: #A90f2f;
			float: left;
			width: 112px;
			height: 21px;
			margin: 0 0 0 6px;
			color: #fff;
			padding: 2px 0 0 0;
			text-align: center;
		}

		#espace_perso #connexion2 .contenu .bloc_accueil .contenu a:hover {
			background-color: #910f2f;
			text-decoration: none;
			color: #fff;
		}

/*********************/
/** Creation alerte **/
/*********************/

	#espace_perso #new_alerte {
		width: 540px;
		margin: 20px auto 0 auto;
	}

		#espace_perso #new_alerte h3 {
			color: #9c2a2d;
			margin: 5px 0 5px 0;
		}

		#espace_perso #new_alerte #separateur {
			height: 1px;
			background-color: #9c2a2d;
			margin: 10px 0 0 0;
		}

		#espace_perso #new_alerte #cp option {
			background-color: #F2E7B8;
			color: #9c2a2d;
			font-weight: bold;
		}

		#espace_perso #new_alerte #cp option:hover{
			list-style-image: none;
			background-color: #9c2a2d;
			color: #FFFFFF;
		}

/*****************/
/** Voir alerte **/
/*****************/

	.titre2 {
		background-color: #9c2a2d;
		color: #FFFFFF;
		font-weight:bold;
		padding: 5px;
		font-style: normal;
		font-size: 12px;
	}

	#espace_perso #alerte2 {
		border: 1px solid #9c2a2d;
	}

	#espace_perso #alerte2 .liens_alerte a {
		font-size: 10px;
	}



/**************/
/** Annonces **/
/**************/

		/**
			ATTENTION : le style css des "Annonces" de l'espace perso n'est pas uniquement ci-dessous.
			Le css est à peu de choses près le même que celui utilisé dans "transaction_liste" (voir styles.css)
		**/

		#espace_perso #connexion2 .minifiche{
			margin:10px 10px 20px 10px;
		}

			#connexion2 .minifiche .infos{
				width:455px;
			}

			#connexion2 .minifiche .left{
			float:left;
			}

			#connexion2 .minifiche img{
			width:202px;
			height:153px;
			}

			#connexion2 .minifiche .right{
			float:left;
			}

			#connexion2 .minifiche .titre{
				width:516px;
				margin:0;
			}

		#connexion2 .pagination{
			margin-bottom:20px;
			margin-left:10px;
		}

		#connexion2 .supprimer{
			margin-left:50px;
			margin-top:15px;
			color:#FFFFFF;
			font-weight: bold;
			background-color: #85796D;
			border-color: #9c2a2d;
			border-style: solid;
			border-width: 1px;
		}

			#connexion2 .supprimer:hover{
				cursor:pointer;
			}

/**********/
/** Menu **/
/**********/

		 #espace_perso #menu_espace {
			margin:0px;
			padding-left:5px;
			color: #FFFFFF;
			background-color: #9c2a2d;
			height:22px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight: bold;
		}


			#espace_perso #menu_espace div {
				float:left;
				padding-top:3px;
				width: 130px;
				text-align: center;
				height:19px;
			}

				#espace_perso #menu_espace div.bienvenue:hover {
					background-color: #7e1d0c;
				}

				#menu_espace div.select:hover, #menu_espace div.deco:hover, #menu_espace div.alerte:hover, #menu_espace div.profil:hover {
					background-color: #7e1d0c;
				}

				#menu_espace div.alerte, #menu_espace div.profil{
					border-right-style: solid;
					border-right-width: 1px;
					border-right-color: #DBD7CE;
					border-left-style: solid;
					border-left-width: 1px;
					border-left-color: #DBD7CE;
				}


				#espace_perso #menu_espace div a {
					width: 130px;
					height:22px;
					display: block;
					font-size:12px;
					color:#FFFFFF;
					text-align:center;
					text-decoration:none;
					font-family:Verdana, Geneva, sans-serif;
				}

				#espace_perso #menu_espace div a:hover {
					color:#FFFFFF;
				}

			#espace_perso #menu_espace div ul {
				position: absolute;
				margin: 0;
				background-color:#9c2a2d;
				width: 130px;
				padding: 0;
				border-width: 0 1px 1px 1px;
				border-style: solid;
				border-color: #FFFFFF;
			}

			#espace_perso #menu div.profil ul {
				width: 130px;
			}

				#espace_perso #menu_espace div ul li {
					list-style: none;
				}

					#espace_perso #menu_espace div ul li a {
						display: block;
						width: 125px;
						height: 22px;
						color: #fff;
						text-decoration: none;
						padding: 3px 0 0 5px;
					}

					#espace_perso #menu_espace div ul li a:hover {
						background-color: #A90f2f;
						color: #FFFFFF;
					}

					#espace_perso #menu_espace div.profil ul li a {
						display: block;
						width: 130px;
						height: 22px;
						color: #fff;
						text-decoration: none;
						padding: 3px 0 0 0px;
					}

					#espace_perso #menu_espace div.profil ul li a:hover {
						background-color: #910f2f;
						color: #FFFFFF;
						width: 130px;
					}
