/*body{background-image:url(../images/BgDEMO.jpg);}*/

body,pre		
{
font-family: Verdana;
font-size:11px;
margin:0;
padding:0;
}
p{margin:0; padding:0;}
a{text-decoration:none;}
a:hover{color:#000;}
a img{border:none; vertical-align:middle;}
/************PAGELOG**********************/
#PageLog{width:450px; margin:auto;}
#PageLog legend{padding-left:50px; padding-right:50px;}
#PageLog img{margin:20px;}
#PageLog p{text-align:right; margin-right:75px;font-weight:bold;margin-top:5px;}
#PageLog fieldset{-moz-border-radius:7px;}
#PageLog .btnSave{margin:0;} 


/************ALL PAGES**********************/
#MenuTop{background-image:url(../menu/images/top_menu_back.gif); height:32px;}
#MenuTop .titreMenu{font-weight:bold; font-size:14px;float:left;padding-left:50px; padding-top:7px;}
#MenuTop .textMenu{font-weight:bold;text-align:right;padding-right:30px;}
#MenuTop .textMenu img{vertical-align:middle; padding-left:15px;border:0;}

.titre_page
{
	font-size:12pt;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	text-align:left;
	text-transform:uppercase;
}
.panel .titre_page{padding-left:10px;}
.titre_page input{float:right;margin:0px;}
*+html .titre_page input{margin-top:-30px;}

.btnSave, .btnPanel
{
	height:25px;
	color:#fff;
	padding:3px 10px;
	padding-top:0;
	font-weight:bold;
	cursor:pointer;
	}
.btnSave:hover
{
	background:url("../images/header.jpg") top;
	font-weight:bold;
}
.btnPanel:hover
{
	background:url("../images/pnl_hover.gif"); background-position:right center;
	font-weight:bold;
}
.calendar-nav .today,.calendar-nav .prev,.calendar-nav .next
{
	height:25px;
	color:#fff;
	padding:3px 10px;
	padding-top:0;
	font-weight:bold;
	cursor:pointer;

	}
.calendar-nav .today:hover,.calendar-nav .prev:hover,.calendar-nav .next:hover
{background:url("../images/header.jpg") top;font-weight:bold;}
.main{width:95%;margin:auto;margin-top:5px;}
.main fieldset{-moz-border-radius:7px;margin:5px;}
.main legend
{
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:1px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
	}
.main .pButton{text-align:right; height:40px;}
.main .pButton input[type=submit]{ margin-left:10px;}
/********TAB MENU**********/
#menuPanel{ clear:both;width:100%;padding-right:2px;min-width:800px; }
.MenuTab_1, .ctl00_ContentPlaceHolder1_MenuTab_1{color:#666;padding:0 15px; font-weight:bold;font-size:10px;}
.MenuTab_1:hover, .ctl00_ContentPlaceHolder1_MenuTab_1:hover{text-decoration:underline;}
.MenuTabSelected{color:#fff;font-size:10px;padding:15px 10px;}
.MenuTabSelected:hover{text-decoration:underline;}
/*************************/
.panel{width:100%;min-width:800px;}
#InfoGeneral{margin-top:0;}

#ResultatHoraire div, .Date{margin:20px;}


table{font-size: 8pt; border:0px;}
*+html table{border:none;}

.HeaderStyle{background-image:url(../images/header.jpg); height:35px; vertical-align:middle; font-weight:bold; color:#000; }
th{padding-left:5px; padding-right:5px;}
.AlternatingRowStyle{background-color:#f1f1f1;}
.RowStyle{background-color:#fff;}

.totalRowStyle{background-color:#dddddd;}

input, select, textarea	{font-size: 8pt}
.inputNombre {text-align: right}
.inputInactif {  background-color: #EEEEEE;}
.inputNombreInactif {  background-color: #CCCCCC; text-align: right}
.inputSymbole {text-align:center}

.table1{border:1px solid #e9e9e9;}

.inputNombreActif{border:solid 0px black;background-color:#fff;text-align:center;}
.inputNombreInactif{background-color:#f1f1f1;text-align:center;color:#666;font-weight:bold;}
.style1{height: 19px;}
 
 
/********AUTOCOMPLETE**********/
.autocomplete-w1 {position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; }

/***** PAGE D'ACCUEIL******/
#HomePage .titre_page{padding:10px 0 0 20px;height:28px;}
#HomePage table{ border:1px solid #ccc;margin:0 10px 10px 10px;background-color:#fff; }

#HomePage_Left{width:55%; float:left;}
#HomePage_Right{width:45%; margin-left:55%;padding-top:30px;}


.titre_page .color{font-size:12px;}
.Text1{font-weight:bold; padding-right:5px; text-align:right; width:100px;}
.Text2{width:150px;}
.Text4{font-size:14px;}


/**********************************************/
#divRecherche fieldset{margin-bottom:20px;}

#Agenda fieldset{width:400px; text-align:center; margin:10px auto;}
#Agenda fieldset p{text-align:left;}

/********** Style Agenda **********/
#event_edit_container .ui-widget {font-size: 1em;}
#event_edit_container, #about {display: none;}
#event_edit_container .Text1 {text-align:right; font-weight:bold; white-space:nowrap;}
#event_edit_container .Text2 {font-style:italic;font-weight:bold;}

#event_edit_container #about_button_container {
	position: absolute;
	top: 1em;
	right: 1em;	
	padding: 0.5em 2em;
	background: #ddf;
	border: 1px solid #bbd;
	width: 10em;
	text-align: center;
}

#event_edit_container input[type='text'] {
	width: 150px;
	padding: 3px;
}
#event_edit_container  textarea 
{
	width: 420px;
	padding: 3px;}
*+html #event_edit_container  textarea 
{
	width: 424px;
	}

#event_edit_container select
{
	width: 160px;
	padding: 3px;}
	
#event_edit_container .LongTextbox input[type='text']{width:420px}
*+html #event_edit_container .LongTextbox input[type='text']{width:424px}

#Agenda fieldset select{width: 300px;}
#ucAgendaPopUp_chklstContacts td{text-align:left;}
#ucAgendaPopUp_chklstContacts td input[type=checkbox]{vertical-align:sub;}
*+html #ucAgendaPopUp_chklstContacts td input[type=checkbox]{vertical-align:middle;}
#ucAgendaPopUp_chklstContacts td label{font-weight:bold;}
#ucAgendaPopUp_chklstContacts td label span{padding:0 5px; margin:0 10px; border:1px solid #ccc;}

/****************************************************/

#divTableManager{margin:30px auto;}
#divTableManager .table1{margin:auto;}
#divTableManager table{text-align:center;}
#divTableManager .btnSave{margin-left:10px; margin-right:10px;}


/*********************popUp --> LightBox*****************/

 .black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height:303%;
background-color: #ccc;
z-index:1001;
-moz-opacity: 0.5;
opacity:.50;
filter: alpha(opacity=50);
              }
.white_content {
display: none;
position: absolute;
top:25%;
left:50%;
padding:10px;
background-color: white;
z-index:1002;
overflow:hidden;
width:500px;
margin-left:-250px;
}

#light a img{border:none; position:absolute; right:0px; top:0px;z-index:2002;}
#calendar{margin-top:-30px;}

.HistoriqueLink{font-weight:bold;text-align:center;width:496px;background-color:#ccc;padding:2px;border:2px solid #666;border-top:none;}
.HistoriqueLink a{color:#666; }
.HistoriqueLink a:hover{color:#000;}
#grdHistorique a{cursor:pointer;}

.tDnD_whileDrag{background-color:#efefef;}
td.dragHandle
    {
      cursor: move;
    }

.weakCombo{width:80px;}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#divToolBox{
  width:220px;
  border:1px solid #cccccc;
  margin-left:5px;
  margin-top:10px;
}

#divHeaderToolBox{
  background-color:#cccccc;
  font-weight:bold;
  height:15px;
  padding:3px;
}

#divBodyToolBox{
}

.numeroGris{
  font-weight:bold;
  font-size:14px;
  color:#888888;
}