.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox {
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: #cd003a;
	padding: 3px;
}
.modalBoxSmo {
	background-color : #e7eeb2;
	border-width: 3px;
	border-style: solid;
	border-color: #b4c020;
	padding: 3px;
}

.modalBoxFc {
	background-color : #ffe7bb;
	border-width: 3px;
	border-style: solid;
	border-color: #d25a02;
	padding: 3px;
}


.modalBox .caption 
{
    line-height:20px;
	background:#cd003a;
	color:#fff;
}


.modalPanelTitle td {
	padding: 3px;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	color: black;
	font-family: Verdana;
	width: 100%;
	height: 30px;
	background-color: #4c597f;
}

.modalPanel {
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	position: absolute;
	border-collapse: collapse;
	background-color: #f0faff;
}

.modalPanel td {
	vertical-align: top;
}

.titleIcon {
	padding-right: 20px;
}

.titreModal
{
    border: solid 1px #cd003a;
	background-color: #cd003a;
    color:#fff;
    font-weight:bold;
}

.titreModalSmo
{
    border: solid 1px #b4c020;
	background-color: #b4c020;
    color:#fff;
    font-weight:bold;
}
.titreModalFc
{
    border: solid 1px #d25a02;
	background-color: #d25a02;
    color:#fff;
    font-weight:bold;
}


#messageModal
{
    white-space: nowrap; 
    text-align: center; 
    margin: 10px 0;
    font-weight:bold;
}



a.fermer, a.fermer:link { 
	text-decoration: none; 
	font-size: 13px;
	color:#000;
}
a.fermer:hover { 
	text-decoration: underline; 
}