/* body default value */
body { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 13px; margin: 0; padding: 0; height: 100%; background-color: #e7e9f3; background-image: url('images/background.png'); background-repeat: repeat-x; }
body.popup { background-color: #ffffff; background-image: none; }

/* Header */
#header  { height: 100px; width: 100%; background-color: #100935; padding-top:10px; }
#header h1 { padding-left: 15px; margin: 0px; font-size: 1.4em; color: #ffffff; text-align: left; }
#header h2 { padding-left: 30px; font-size: 1.1em; display: block; color: #ad51b2; text-align: left;  }
#header_button { text-align: right; margin-top: -20px; padding-right: 80px; }
#header_button a img {border: 0px;}
/* app content */
#content { font-size: 15px; }

/* table info dispo et commande */
table.TableContent { width: 100%; border: solid thin; border-color: #600; border-style:	solid; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; }
table.TableContent td, table.TableContent th { text-align: center; border-style: solid; margin: 0;	border-width: 1px 1px 0 0; }
table.TableContent th { color: #ffffff;background-color: #100935; padding: 4px; border-color: #ffffff }
table.TableContent td { color: #666;  background-color: #ffffff; border-color: #100935}
table.TableContent td span { display: block; cursor: pointer; }
div.TableContent { padding-left: 1em; padding-right:	1em; }
div.TableContent h3 { color: #100935; }
.SalaiDispo_X {	background-color: #99FF99 !important; color: #000000 !important; }
.SalaiDispo_I {	background-color: #666666 !important; color: #ffffff !important; }
.SalaiDispo_O {	background-color: #CC5555 !important; color: #000000 !important; }
.SalaiDispo_C {	background-color: #FFFF99 !important; color: #000000 !important; }
.SalaiDispo_M {	background-color: #B3D4FF !important; }
.WeekEnd { background-color: #DDDDDD !important; }

/* Autentification utilisateur */
#signin table .login { text-align: left; margin: 0 auto; text-align: left; padding: 1em; }
.logout { text-align: right; padding-right: 150px;}
.logout div, .logout a { color: #ffffff; font-size: 1.2em; }
.logout div { padding-bottom: 10px; }
.logout a { text-decoration: none;  }
.logout a:hover { text-decoration: underline;  }

/* Table des commandes */
div#cmdTables  h3{
	padding: 5px 0px 5px 30px;
	font-size: smaller;
}
div#cmdTables { width: 98%; padding-left: 1em; padding-top: 2em; padding-right: 1em; }
#content { padding-top: 20px; }
#content .flash_notice {
	background-color:       #55AA77;
	color:                  #EEFFEE;
	font-size:              large;
	padding:                0.5em;
	-moz-border-radius:     0.4em;
	-webkit-border-radius:	0.4em;
}
#cmdjour table {font-size: 12px;}
#content .flash_error {
	background-color:       #DD2222;
	color:                  #FFEEEE;
	font-size:              large;
	padding:                0.5em;
	-moz-border-radius:     0.4em;
	-webkit-border-radius:	0.4em;
}

label{
	text-align:             left;
	font-family:            verdana, arial, sans-serif;
    font-weight:    		bold;
	padding-left:           2px;
}

#menu {
    font-size: 0.9em;
}

#menu table th {
    text-align: left;
    font-size: 1em;
}

.fg-button {
    font-size:              0.85em !important;
}

table.CmdTableHour {
	border:			solid thin;
	-moz-user-select:	none;
	border-spacing:		0;
	padding:		4px;

	border-color:		#600;
	border-style:		solid;
	border-width:		0 0 1px 1px;
	border-spacing:		0;
	border-collapse:	collapse;
}
table.CmdTableHour th,
table.CmdTableHour td {
	border-style:		solid;
	margin:             0;
	padding:            4px;
	border-width:		1px 1px 0 0;
    min-width: 30px;
}
table.CmdTableHour th {
	font-size:		70%;
}
table.CmdTableHour td {
	font-size:		70%;
	text-align:		center;
}
table.CmdTableHour td.selected {
	background-color:	#CCCCFF;
}
table.CmdTableHour td.selecting {
	background-color:	#66FFFF;
}
table.CmdTableHour td.hovered {
	background-color:	#FFCCCC;
}

table#legendTbl th {
	text-align: center;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

table.CmdTable {
    width:	100%;
    border: solid thin;

    border-color:		#600;
    border-style:		solid;
    border-width:		0 0 1px 1px;
    border-spacing:		0;
    border-collapse:	collapse;
}
table.CmdTable td,
table.CmdTable th {
    text-align:		center;

    border-color:		#600;
    border-style:		solid;
    margin: 		0;
    padding:		4px;
    border-width:		1px 1px 0 0;
    background-color: 	#D0D0D0;
}
div.CmdTableContainer {
    padding-left:		1em;
    padding-right:		1em;
}


button {font-size: 12px !important;}
a.ui-button {font-size: 12px !important;}

.rubr_edit { background: #d0e5f5; font-weight: bold; color: #0d0e2b; border: 1px solid #AD51B2; font-weight: bold; font-size: 14px; text-align: center; padding: 7px; }

div#salTables {
	padding-left:	1em;
	padding-right:	1em;
}

table.ui-widget-content td {font-size: 12px;}

.inf_periode { color: #AD51B2; font-weight: bold; }

#note {	display: none; height:250px; padding:10px; width:350px; position:absolute; overflow:hidden; cursor:move; font-size:12px; background-color:#FDFB8C;  border:1px solid #DEDC65; }
#note .close { text-align: right; }
#note .title { font-size: 12px; font-weight: bold; }
#note .txt   { font-size: 11px; }
#note .spacer { padding: 5px; }
#note .close a { color: #777777; text-decoration: underline; }
#note .close a:hover { color: #000000; text-decoration: none; }

div.fullScreenTable { width:100%; height:400px; overflow:hidden; }