/* -#######################################################- */
/* -###- Styles relatifs à la mise en forme du gabarit -###- */
body#xboardMain {
	background-color:#938573;
}

#xboardMain h1 * {
  font-size:30px !important;
	color:#F28227 !important;
  vertical-align:middle;
}

#xboardMain h2 {
	color:#FFFFFF;
}
#panel, #scroll, #main , #editFrame {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#panel {
	background-color:#F4EFDF;
}
	#panel h6 tt {
    border-top:1px solid #938573;
	}
	#panel h6 span {
    color:#695F52;
    background-color:#F4EFDF;
	}

#scroll {
	background-color:#EFEEE5;
}

#main {
	background-color:#FFFCF2;
}

#editFrame {
	background-color:#F4EFDF;
	border-bottom:1px solid #000000;
}

#xboardEdit {
	background-color:#F4EFDF;
}
  #xboardEdit h3 {
    background-color:#31522C;
    color:#FFFFFF;
    border-bottom:1px solid #000000;
  }
  #xboardEdit .buttons {
    background-color:#D9CFB3;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
  }
  #xboardEdit #help {
    background-color:#D7D5BD;
    border-bottom:1px solid #B6B385;
  }
    #xboardEdit #help>a {
      color:#666655;
    }


		#status .user {
			color:#FFFFFF;
		}



/* -########################################- */
/* -### Table de saisies pour formulaire ###- */
    table.form tr.focus {
			background-color:#EDE4CB;
    }
    table.form tr.focus input:focus {
			background-color:#FCFAF5 !important;
    }
    table.form tr.error {
			background-color:#F4D8D7 !important;
    }
    table.form tr.error input:focus {
			background-color:#FBF0F0 !important;
    }
		  table.form .listLabel {
			  border-right:1px solid #CCCCCC;
		  }
		  table.form .ImgTxtLabel {
			  border:1px solid #000000;
		  }
		table.form input[type="text"], 
    table.form input[type="file"], 
    table.form input[type="password"], 
    table.form textarea, 
    table.form select  {
      border-left:2px solid #A0A0A0;
		}
		table.form .required  {
      border-left:2px solid #C13A00 !important;
		}
		table.form td>div.help a {
      color:#000000;
      border:1px solid #31522C;
      background-color:#FFFFFF;
		}
    table.form tr.separator th, table.form tr.separator td {
      color:#595637;
		}
    table.form tr.separator td>p {
      border-top:1px solid #BCB892;
    }

/* -################################################- */
/* -###- Styles relatifs au layer des fonctions -###- */
		#panel img.portrait {
			border:1px solid #000000;
		}
		#panel label {
			border-left-color:#FFFFFF;
			border-top-color:#FFFFFF;
			border-right-color:#5C5C5C;
			border-bottom-color:#5C5C5C;
		}


/* -############################################- */
/* -###- Styles relatifs au layer du scroll -###- */
#scroll {
}
		#scroll hr {
			color:#000000;
		}

/* -##########################################- */
/* -###- Styles relatifs au layer central -###- */
div.navBar {
	color:#000000;
}

table.list {
	width: 100%;
	background-color:#DADADA; 
	border:1px solid #DADADA;
}
		table.list thead td, table.list thead.n2 td, table.list thead.n3 td,
		table.list thead th, table.list thead.n2 th, table.list thead.n3 th {
			border-right:1px solid #DADADA;
			border-bottom:1px solid #DADADA;
		}
				table.list hr {
					color:#D6D6D6;
				}
		table.list thead td, 
    table.list thead th {
			color:#FFFFFF;
			background-color:#31522C;
		}
		table.list thead.n2 td,
		table.list thead.n2 th {
			color:#FFFFFF;
			background-color:#626262 !important;
		}
		table.list thead.n3 td,
		table.list thead.n3 th {
			color:#000000 !important;
			background-color:#A3C8DE !important;
		}
		table.list thead a, table.list thead.n2 a, table.list thead.n3 a {
			color:#FFFFFF;
		}

		table.list tbody td, table.list tbody th {
			border-right:1px solid #DADADA;
			border-bottom:1px solid #DADADA;
		}
		table.list td.vignette img {
			border:1px solid #000000;
		}
				
		table.list tr.n0 {
			background-color:#FCFBF5;
		}
		table.list tr.n1 {
			background-color:#F9F7EC;
		}
		table.list tr.n2 {
			background-color:#E6F5DC;
		}
		
		table.list td.color0 {
      background-color:#D97355;
		}

		table.list td.color1 {
      background-color:#B9DB53;
		}

		table.list tbody tr {
			background-image:none !important;
		}

		table.list tbody tr:hover {
			background-color:#FFF7D9;
		}

		table.list tr.separation, table.list tr.separation td {
			background-color:#FFFFFF !important;
		}

#xboardMain h3 {
	color:#404040;
}

#xboardMain h4 {
	background-color:#EAEAEA;
	color:#404040;
}
#xboardMain h5 {
	background-color:#EAEAEA;
	color:#404040;
}

optgroup {
	background-color:#87999B;
	color:#FFFFFF !important;
}

option {
	background-color:#FFFFFF !important;
	color:#000000;
}

/* -###########################################- */
/* -###- Styles communs à toutes les pages -###- */

a, a:link, a:visited, a:active {
	color:#107DBE;
}

a:hover {
	color:#F87601;
}

button {
	background-color:#31522C;
	color:#FFFFFF;
}

/* # liens au format bouton # */
.buttons a, .buttons a:link, .buttons a:visited, .buttons a:active,
.bt, .bt:link, .bt:visited, .bt:active {
	background-color:#45753E;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	color:#EFEFEF;
}

.buttons a:active,
.bt:active {
	border-color:#508747 !important;
	color:#FFFFFF;
}

.buttons a:visited,
.bt:visited {
	background-color:#508747;
}

.buttons a:hover,
.bt:hover {
	background-color:#508747;
}

.buttons a:hover,
.bt:hover
.btRed:hover,
.btOrange:hover,
.btGreen:hover,
.btGrey:hover,
#delete:hover,
#save:hover {
	color:#FFFFFF;
}

.btRed, .btRed:link, .btRed:visited, .btRed:active,
#delete, #delete:link, #delete:visited, #delete:active {
	color:#FEEEEB !important;
	background-color:#BD2108 !important;
}

.btOrange, .btOrange:link, .btOrange:visited, .btOrange:active,
#save, #save:link, #save:visited, #save:active {
	color:#FFEDDF !important;
	background-color:#DE5F00 !important;
}

.btYellow, .btYellow:link, .btYellow:visited, .btYellow:active {
	color:#894303 !important;
	background-color:#F7E47D !important;
}

.btGreen, .btGreen:link, .btGreen:visited, .btGreen:active {
	color:#F2FEEB !important;
	background-color:#48A20C !important;
}

.btGrey, .btGrey:link, .btGrey:visited, .btGrey:active {
	color:#DDDDDD !important;
	background-color:#767D82 !important;
}

.btYellow:hover {
	color:#DB6A04 !important;
	background-color:#F8E789 !important;
}

.btRed:hover, #delete:hover {
	background-color:#DC290A !important;
}

.btOrange:hover, #save:hover {
	background-color:#F96900 !important;
}

.btGreen:hover {
	background-color:#54BE0E !important;
}

.btGrey:hover {
	background-color:#8F969A !important;
}

/* # Laguages utilisés # */

/* # liens au format des cellules colorées # */
.red, .orange, .green, .blue, .yes, .no {
	color:#FFFFFF;
}
td.red, td.orange, td.green, td.blue, td.yes, td.no {
	/*padding:0 5px 0 5px !important;*/
}
.red, .no {
	background-color:#BC1806;
}
.orange {
	background-color:#F98300;
}
.green, .yes {
	background-color:#179911;
}

.blue {
	background-color:#0080C0;
}