/* styles invariables
----------------------------------------------------------------------------- */

/* le div qui fait écran sur le reste de la page */
#modalObj {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background: #fff; /* modifiable par option javascript */
}

/* la boîte de message */
#msgBox {
	position: absolute;
	z-index: 999;
}


/* design par défaut (sert aussi de base aux skins)
----------------------------------------------------------------------------- */

/* le titre de la boîte de message */
.msgBox #msgTitle {
	margin:0;
	padding: .2em .6em;
	background: #202020;
	color: white;
	border-bottom: 1px solid #606060;
}

/* la boîte */
.msgBox {
	border-width: 1px;
	border-style: solid;
	max-width: 400px;
	min-width: 125px;
	padding: 0;
	background: #404040;
	border-color: #606060;

}

/* le div de contenu du message */
.msgBox #msgContent {
	padding: .4em .6em;
	text-align: justify;
	color: white;
}
/* le bouton de fermeture et son conteneur */
.msgBox #closeBtn {
	text-align: right;
	margin: 0;
	padding: 0;
}
.msgBox #closeBtn a {
	padding: 4px .5em;
	border-color: #606060;
	border-width: 1px 0 0 1px;
	text-decoration: none;
	color: white;
}
.msgBox #closeBtn a:hover {
	color: Crimson;
}

/* skins
----------------------------------------------------------------------------- */
.error					{ background: #ffe1e2; }
#msgBox.error #msgTitle			{ background: #ffaeb0; color: #fff; }
#msgBox.error #msgContent		{ color: #8a1f11; }
#msgBox.error #closeBtn a		{ color: #f09486; }
#msgBox.error #closeBtn a:hover		{ color: #fff; background: #ffaeb0;}

.success				{ background: #E6EFC2;  }
#msgBox.success #msgTitle		{ background: #C6D880; color: #fff;  }
#msgBox.success #msgContent		{ color: #264409; }
#msgBox.success #closeBtn a		{ color: #b1ca51; }
#msgBox.success #closeBtn a:hover	{ color: #fff; background: #C6D880; }