/* annule le border-box sur tout jquery ui à cause des problème de redimensionnement en JS */
.ui-widget, .ui-widget *{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.ui-dialog .ui-dialog-content *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-dialog .ui-dialog-content{
	padding:15px;
}

/*
<input class="ui-autocomplete-input"/>
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all">
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 1</a>
  </li>
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 2</a>
  </li>
  <li class="ui-menu-item">
    <a class="ui-corner-all">item 3</a>
  </li>
</ul> 
*/

.ui-autocomplete{
	border:1px solid #BBBBBB;
	border-radius:0;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
	white-space: nowrap;
	max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
	/*
	width: auto !important;
	min-width: 694px;
	*/
}

.ui-autocomplete .ui-corner-all{
	border-radius:0;
}

.ui-autocomplete .ui-menu-item:nth-child(even){
	background-color:#F5F5F5;
}
.ui-autocomplete .ui-menu-item a{
	color:#45494d;
	padding:6px;
	cursor: pointer;
}

.ui-autocomplete .ui-menu-item .ui-state-hover{
	color:#FFF;
	background: #e74c55;
	/*
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.75);
	box-shadow: inset 0 1px 4px rgba(0,0,0,0.75);
	*/
	border-color:#FFF;
}

/*
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Dialog content goes here.</p>
   </div>
</div>
*/

.ui-dialog{
	border:0 none;
}

.ui-dialog .ui-dialog-titlebar{
	border:0 none;
}
.ui-dialog .ui-dialog-titlebar.ui-corner-all{
	border-radius:4px 4px 0 0;
}
.ui-dialog .ui-dialog-title{
	font-size:16px;
}

/*---------------------------------------
 * =ERREUR 
 ----------------------------------------*/
.dialog-error .ui-dialog-titlebar{
	background: #E1011B;
}
.dialog-error .ui-dialog-title{
	color:#FFF;
}
.dialog-error .ui-dialog-content{
	color: #E1011B;
	font-weight: bold;
}

.dialog-error .ui-dialog-titlebar .ui-icon{
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.dialog-error .ui-dialog-titlebar .ui-state-hover {
	background: #FFF;
	border-color: transparent;
}
.dialog-error .ui-dialog-titlebar .ui-state-hover .ui-icon{
	background-image: url("images/ui-icons_e1011b_256x240.png");
}