/* 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: 1001;
}


/* 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; 
	font-size: 1.1em;
	font-weight: bold;
	background: #e8e0ca;
	color: #584b2c;
	border-bottom: 1px solid #c2b487;
	
	-moz-border-radius: .8em 0 0 0;
	-webkit-border-radius: .8em 0 0 0;
	border-radius: .8em 0 0 0;
}

/* la boîte */
.msgBox { 
	border-width: 1px;
	border-style: solid;
	max-width: 400px;
	padding: 0;
	background: #fff;
	border-color: #c2b487;
	
	-moz-border-radius: 1em 0 1em 0;
	-webkit-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 0 1em 0;
}

/* le div de contenu du message */
.msgBox #msgContent {
	padding: .4em .6em; 
	text-align: justify;
	color: #514721;
}
/* le bouton de fermeture et son conteneur */
.msgBox #closeBtn { 
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
}
.msgBox #closeBtn a {
	padding: 4px .5em;
	border: 1px solid #c2b487;
	border-width: 1px 0 0 1px;
	margin: 0 0 .0 .6em; 
	font-weight:bold;
	text-decoration: none;
	color: #514721;

	-moz-border-radius: 0 0 .8em 0;
	-webkit-border-radius: 0 0 .8em 0;
}
.msgBox #closeBtn a:hover {
	background: #e8e0ca;
}

/* 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; }