/***************
 *   Général   *
 ***************/
 
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-family: georgia;
  font-size: 100%;
  font-weight: normal;
}

p, ul, li {
  margin: 0px;
  padding: 0px;
  text-align: justify;
}

a {
  text-decoration: none;
  color: #66CD00;
  letter-spacing: 0px;
}
a:visited {
}
a:link {
}
a:hover {
  color: #7FFF00;
}
a:active {
  color: #7FFF00;
}
a img {
  border: 0px;
}

.error {
  font-weight: bold;
  color: red;
}
.warning {
  font-weight: bold;
  color: yellow;
}
.success {
  font-weight: bold;
  color: green;
}

.emphasis {
  font-weight: bold;
  color: #777777;
}

.infocomp {
  font-size: 80%;
  font-style: italic;
}


/***************
 *    Menu     *
 ***************/

#menu {
  width: 170px;
  height: 100%;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  position: relative;
  float: left;
  border-right: solid 1px #777777;
  background-color: #EEEEEE;
}

.menu-content {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  border-bottom: solid 1px #777777;
}

#menu h1 {
  padding: 10px;
  text-align: center;
}
#menu h2 {
  padding: 8px 5px 2px 5px;
  font-size: 90%;
}
#menu h3 {
  padding: 5px 5px 2px 10px;
  font-size: 80%;
}
#menu h4 {
  padding: 5px 5px 2px 15px;
  font-size: 70%;
}

#menu .selected  {
  background-color: #CCCCCC;
}


/***************
 *    Corps    *
 ***************/

#main {
  margin: 0px;
  margin-left: 175px;
  padding: 0px;
  /*overflow: hidden;*/
}
#main h1 {
  padding: 10px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #777777;
}
#main h2 {
  margin-top: 15px;
  padding: 5px 5px 5px 25px;
  font-size: 110%;
  font-weight: bold;
  color: #777777;
  background-image: url('../images/bullet-big.png');
  background-position: left center;
  background-repeat: no-repeat;
}
#main p {
  margin-top: 5px;
  padding-left: 10px;
}
#main ul {
  padding-left: 10px;
}
/*
#main table {
  margin: 5px;
}
*/
#main li {
  list-style-type: none;
}
#main .photo {
	display: block;
	max-width: 90%;
	margin: auto;
	margin-top: 5px;
	padding-left: 10px;
}
#main .album {
	display: block;
	margin: auto;
	margin-top: 5px;
	padding-left: 10px;
}
#main li .li-title {
  margin: 0px;
  padding: 0px 0px 0px 18px;
  background-image: url('../images/bullet-small.png');
  background-position: left center;
  background-repeat: no-repeat;
}


/***************
 *   Tables    *
 ***************/

table {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	
	border-collapse: collapse;
	border: double #777777;
}

table tr
{
	border: solid 1px #777777;
}

table th
{
	background-color: #EEEEEE;
	border-left:  solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	padding: 2px;
}

table td
{
	border-left:  solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	padding: 2px;
}

table .left
{
	text-align: left;
}
table .right 
{
	text-align: right;
}
table .center
{
	text-align: center;
}
table .justify
{
	text-align: justify;
}

table .exceptional {
	color: red;
}

table .inactive {
	background-color: #EEEEEE;
}

table .canceled {
	color: grey;
	font-style: italic;
	text-decoration: line-through;
	background-color: #EEEEEE;
}

/***************
 * Formulaires *
 ***************/

form
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	border: solid 1px #777777;
	background-color: #EEEEEE;
}

fieldset
{
	margin: 5px;
	border: solid 1px #777777;
}

form table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
form table, form tr, form th, form td {
	border-collapse:collapse;
	border: hidden;
	border-spacing: 0px;
	vertical-align: middle;
	padding: 0px;
}

form td.label {
	padding: 4px 4px 4px 8px;
	width: 108px;
	text-align: right;
}
form td.input {
	padding: 4px 12px 4px 4px;
	text-align: center;
}
form td.input.left {
	text-align: left;
}
form td.comm {
	padding: 4px 8px 4px 4px;
	width: 108px;
	text-align: left;
}

input.large, textarea.large , select.large {
	width: 100%;
	margin:0px;
	padding: 0px;
}

input:disabled, textarea:disabled {
	background-color: #F7F7F7;
}




.field-group
{
	margin: 0px 20px 0px 20px;
	padding: 0px 5px 0px 5px;
  border: inset 2px #EEEEEE;
}

.field
{
	position: relative;
}
.field>.label
{
	position: absolute;
	left: 0px;
	width:25%;
}
.field>.value
{
	margin-left: 25%;
}

textarea
{
	min-width:100%;
	height: 5em;
}
input.xxl, select.xxl, textarea.xxl
{
	width:350px;
}
input.xl, select.xl, textarea.xl
{
	width:250px;
}
input.xm, select.xm, textarea.xm
{
	width:150px;
}
input.xs, select.xs, textarea.xs
{
	width:100px;
}
input.xxs, select.xxs, textarea.xxs
{
	width:50px;
}


/*
input:disabled, select:disabled, textarea:disabled
{
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: inherit;
	border: none;
}
*/


/***************
 *    Debug    *
 ***************/

#dev {
  width: auto;
  text-align: center;
  padding: 1px;

  font-family: 'Bauhaus Md BT','Bitstream Vera',sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  background: #f5f8fc;
}

.phperror {
  background: white;
  margin: 2px auto;
  padding: 4px 2px;
  width: 80%;
  white-space: pre;
}

.backtrace div.hide {
  display: none;
}
.backtrace:hover div.hide {
  display: block
}
.backtrace h1 {
  margin: 0px;
}

.ui-tabs-hide { display: none; }






.main-content {
  margin: 0px;
  padding: 20px;
}

.person .disabled {
  background-color: #EEEEEE;
  visibility: hidden;
}

#header_icons {
	width: 20px;
}