/**
 Css de la dialog box de confirmation, basée sur jquery-ui dialog.
 
 Par défaut les dialogs jquery ont un et un seul style porté par les classes ui-dialog-*. 
 Pour pouvoir utiliser son propre style de dialog sans modifier le style général on peut 
 préciser le nom d'une classe (i.e confirm-dialog) en paramètre d'ouverture du dialog (cf confirm.js).
 La modification du style du dialog se fait alors en paramétrant le css des classes ui-dialog-* relativement 
 à cette classe. (cf http://api.jqueryui.com/dialog pour les styles)
**/

/** la fenêtre confirmation, pas de hauteur car précisée à l'ouverture du dialog (cf confirm.js) */
.confirm-dialog {
min-width:420px; 
text-align:left; 
background:#fff; 
border:2px solid #0C6A89;
padding:0px;
/* On spécifie un z-index élevé afin d'être sur que la boite de dialogue est positionnée au dessus de blockUI. */
z-index: 1100;
}

/** la div du titre de la fenêtre de confirmation, hauteur fixée*/
.confirm-dialog .ui-dialog-titlebar{
height:30px; 
line-height:30px; 
background-color:#0C6A89 ;
color:#FFFFFF; 
font-weight:bold;
padding: 0 0.4em;
}

/** le text du titre, légerement décalé du bord*/
.confirm-dialog .ui-dialog-title {
margin: 0px 2px;
}

/** la div des bouttons, cadrée à droite, on reset le style jquery et laisse une petite marge à droite et en bas */
.confirm-dialog  .ui-dialog-buttonpane { 
background-image: none;
border-width: 1px 0 0;
margin: 0.1em 0em 0em 0em;
padding: 0em 0.25em 0.25em 0;
text-align: left;
}
/** le panel du message, on reset le style jquery, et on laisse un peu d'espace en haut et à gauche */
.confirm-dialog .ui-dialog-content {
margin:0em;
padding:0.50em 0.25em 0em 0.50em;
}

/** pour cacher le bouton close (cf confirm.js) */
.no-close .ui-dialog-titlebar-close {
display: none;
}

/** notre classe semi-transparente ajoutée à l'overlay lors de l'ouverture  (cf confirm.js) **/
.confirm-overlay {
background-color: #eee;
opacity: 0.40;
cursor:wait;
}

/** style du bouton close de la barre de titre */
.confirm-dialog .x-close, .confirm-dialog .x-close:link, .confirm-dialog .x-close:active, .confirm-dialog .x-close:visited {
display: block;
color: #fff;
font-weight: bold;
position: absolute;
right: 2em;
text-decoration: none;
margin:none;
height:auto;
width:auto;
}