.WpDialogue
{
  position: absolute;
  font-size:0.8em;
  border-radius: 8px;
  padding: 0.3em;
  white-space: normal;
    
  z-index: 10; /*  Permet de ne plus etre gene par les resizeHandles du planning...  */
}

.WpDialogue h1
{
  text-align: center;
  padding: 0.3em;
  margin: -0.25em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0.5em;
  font-size: 1.2em;
}

.WpDialogue h2
{
  margin: 0em;
  font-size: 1.1em;
  margin-top: 0.7em;
}

.WpDialogue h4
{
  font-size: 1em;
  margin-top: 0.7em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  display: inline;
  color: rgba(0,0,0, 0.7);
}

.WpDialogue li
{
  list-style: none;
  margin-left: 2em;
  margin-top: 0.2em;
}

.WpDialogue button
{
  margin: 0.2em;
}

.WpDialogue .bd_bloc { display: inline-block; margin: 0.5em; }

.WpDialogue .blocIconeCochable { display: inline-block; margin-right: 1em; }

.boutonRefObjFrm { display: none; } /* bouton cache permetant de recuperer l'objet gerant le formulaire dans lequel il se trouve*/

/**
*   Addon pour gestion des tabs 
* */

.ui-tabs {/*background: yellow;*/}



.ui-tabs-vertical {  }
.ui-tabs-vertical .ui-tabs-nav { background: none; border: none; width: 12em; display: inline-block; vertical-align: top; }
.ui-tabs-vertical .ui-tabs-nav ul { display: inline-block; vertical-align: top;}
.ui-tabs-vertical .ui-tabs-nav li { width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; background: rgba(255, 255, 255, 0.2);}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border:0px; background: rgba(255, 255, 255, 0.6);}
.ui-tabs-vertical .ui-tabs-panel { white-space:normal; padding: 1em; display: inline-block; border:none; background: rgba(255, 255, 255, 0.6);   border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg { white-space:nowrap; background: none; padding: 0px; margin: 0px; border: none; }
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-nav { border: none; width: 12em; display: inline-block; vertical-align: top; }
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-nav ul { display: block; padding: 0px; }
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-nav li { display: inline-block; float: none; border-left: gray 1px solid; border-top: gray 1px solid; border-right: gray 1px solid; background: rgba(150, 150, 150, 0.4); width:120px;}
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-nav li a {  width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em;}
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-nav li.ui-tabs-active { background: rgba(200, 200, 255, 0.5);}
.ui-tabs-vertical .ui-tabs-hori-dansOngletDlg .ui-tabs-panel { white-space:normal; padding: 1em; display: inline-block; border:none; background: rgba(200, 200, 255, 0.5);   border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }


.blockTabsDlg { background: yellow; }
.verticalTab {  white-space:nowrap; }

.champErrone { 
  border: red 3px solid;
  border-width: 1px;
  background: #fcd9d9;
  background-image: url('../images/frmErrChamp.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 1.7em;
  padding-right: 2.5em !important;
}


/*
 *  Icones des Boutons 
 * 
 */

.ui-combobox a.ui-button
{
  border-right-width: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.ui-combobox > a.ui-button:last-of-type
{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}

.ui-combobox > a.ui-button:first-of-type
{
  border-left: 0px;
}

.ui-combobox .ui-button-icon-only
{
  width: 24px;
  height: 26px;
}

.ui-combobox .ui-button
{
  margin: 0px;
}

.ui-combobox .ui-button-icon-only .ui-icon
{
  margin: 0px;
}

.ui-button-icon-primary.ui-icon.icone-efface-champ { 
  background-image: url("../images/icones_dialogues/edit-clear-3.png"); 
  position: relative;
  left: 2px;
  top: 1px;
  width: 22px;
  height: 22px;
}

.ui-button-icon-primary.ui-icon.icone-contact-nouveau { 
  background-image: url("../images/icones_dialogues/contact-new-2.png"); 
  position: relative;
  left: 3px;
  top: 2px;
  width: 19px;
  height: 22px;
}

.ui-button-icon-primary.ui-icon.icone-contact-editer { 
  background-image: url("../images/icones_dialogues/contact-edit.png"); 
  position: relative;
  margin: auto;
  left: 3px;
  top: 2px;
  width: 22px;
  height: 22px;
}

.dlg_icone_creer { 
  background-image: url("../images/icones_dialogues/contact-new-2.png"); 
  background-repeat: no-repeat;
  background-position:center; 
  float:left;
/*  min-width: 19px;
  min-height: 22px;*/
  width: 19px;
  height: 22px;  
}

.dlg_icone_modifier { 
  background-image: url("../images/icones_dialogues/contact-edit.png"); 
  background-repeat: no-repeat;
  background-position:center; 
    float:left;
/*  position: relative;
  min-width: 22px;
  min-height: 22px;*/
  width: 19px;
  height: 22px;  
}

.dlg_icone_copier { 
  background-image: url("../images/icones_dialogues/clone.png"); 
  background-repeat: no-repeat;
  background-position:center; 
    float:left;
/*  position: relative;
  min-width: 22px;
  min-height: 22px;*/
  width: 22px;
  height: 22px;  
}

.dlg_icone_mail { 
  background-image: url("../images/icones_dialogues/internet-mail.png"); 
  background-repeat: no-repeat;
  background-position:center; 
  float:left;
  width: 19px;
  height: 22px;  
}

.dlg_icone_sms { 
  background-image: url("../images/icones_dialogues/cyberscooty-smartphone-azerty.png"); 
  background-repeat: no-repeat;
  background-position:center; 
  float:left;
  width: 15px;
  height: 22px;  
}

.ui-button-icon-primary.ui-icon.icone-ajouter { 
  background-image: url("../images/icones_dialogues/contact-new-2.png"); 
  width: 19px;
  height: 22px;
}

.ui-button-icon-primary.ui-icon.icone-retirer { 
  background-image: url("../images/icones_dialogues/retirer.png"); 
  width: 19px;
  height: 19px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-supprimer { 
  background-image: url("../images/icones_dialogues/supprimer.png"); 
  width: 19px;
  height: 19px;
  font-size: .8em;
}


.ui-button-icon-primary.ui-icon.icone-editer { 
  background-image: url("../images/icones_dialogues/contact-edit.png"); 
  width: 21px;
  height: 21px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-copier { 
  background-image: url("../images/icones_dialogues/clone.png"); 
  width: 21px;
  height: 21px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-soumettre { 
  background-image: url("../images/icones_dialogues/btnSoumettre.png"); 
  width: 23px;
  height: 21px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-annuler { 
  background-image: url("../images/icones_dialogues/btnAnnuler.png"); 
  width: 19px;
  height: 21px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-precedant { 
  background-image: url("../images/icones_dialogues/btn_retour.png"); 
  width: 22px;
  height: 20px;
  font-size: .8em;
}

.ui-button-icon-primary.ui-icon.icone-suivant { 
  background-image: url("../images/icones_dialogues/btn_suiv.png"); 
  width: 21px;
  height: 21px;
  font-size: .8em;
}

/*
 * Gestion des accordeons.
 */

.WpDialogue .ui-accordion { }
.WpDialogue .ui-accordion .ui-accordion-header { padding: 0px; background: none; border: none; }
.WpDialogue .ui-accordion .ui-accordion-header .ui-accordion-header-icon  { top:0px; left: 0px; position: relative; display: inline-block; }
.WpDialogue .ui-accordion div { border: none; background: rgba(255, 255, 255, 50); padding: 0.25em; }

.WpDialogue .nePasDragger {}  /*  ne pas definir de style, cette classe est appliquee aux element qui ne doivent pas déclencher le drag d'un boite de dialogue (les scrollboxes par exemple) */


/*
 * Gestion des images
 */
.blocEnvoiMail { 
background-image: url("../images/animations/envoi_mail.gif");  
min-height: 64px;
padding-left: 75px;
background-repeat: no-repeat;
background-position:left ; 
}

.blocEnvoiSms { 
background-image: url("../images/animations/anim_ondes_tel.gif");  
min-height: 64px;
padding-left: 75px;
background-repeat: no-repeat;
background-position:left ; 
}

.dockADroite { /* positioner un dialogue à droite */
  top: 10;
  right: 10;
}


/*
 *  Dialogue données manquantes
 */

.dialogueDonneesManquantes
{
  top: 40px;
  margin: auto;
  background: #ebf4c7;
}

.dialogueDonneesManquantes h1
{
  background-color: #afda00;
}


/*
 * Elements des dialogues
 * 
 * */
.autoComp input {margin: 0px; padding:0px; padding: 3px; border: 1px solid #bbb; vertical-align: bottom; border-top-left-radius:4px; border-bottom-left-radius:4px; } 
.autoComp input.chargement { color: grey; text-align: center; }
.autoComp input.vide { color: grey; text-align: center; font-style:italic;}
.autoComp button {margin: 0px; padding:0px; border: 1px #bbb solid; vertical-align: bottom; width:26px; height:26px; border-left: 0px; }  
.autoComp button:last-of-type { border-top-right-radius:4px; border-bottom-right-radius:4px; }
.autoComp button img { margin-left: -2px; }

.autoComp input.rechercheEnCours 
{ 
  background-image: url("../images/ajax-charge-petit.gif"); 
  background-repeat: no-repeat; 
  background-position:right ;
  color: 888888;
}

/*
 * ListesIncluExclu
 * 
 */

.ghostEltListesIE
{
  background: rgba(255, 255, 255, 0);
  color: #333;
  font-size: 14px;
  position: absolute;
  font-family: arial;
  display: inline;
  padding: 5px;
}