body {
	margin: 5px 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
	background: #DDEEAA ;
	color: #3a1309;
}

h1,h2,h3,h4,h5,h6 {
	color: #3a1309;
}

h1,h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}

h1 {
	font-size: 3em; /* -> 8 */
	font-style: italic;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

font {
	color: #3a1309;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}

a img {
	border: none;
}

/* ***************
	AT
**************** */

.tableprotecind {
	width:23%;float:left;
}
.tablelocat {
	float:left;width:53%
	}
	td.infosAffiche {
		color:#080;
		background-color:#FFF;
		padding-left:3px;
	}
	td.titretable {
		background-color:#CCCCCC;
		font-weight:bold;
		text-align: center;
	}
	td.label {
		background-color:#FFF;
	}
	td.form {
		padding-left:2px;
		background-color:#FFF;
	}
	td.form select {
		font: 11px Verdana;
		color: #080;
		background: #FFC;
		border-style: thin dotted solid #009;
	}
	
	td.form input {
		font: 10px Verdana;
		color: #080;
		background: #FFC;
		border-style: thin dotted solid #009;
	}
	td.form textarea {
		font: 10px Verdana;
		color: #080;
		background: #FFC;
	}
	div.form textarea {
		font: 10px Verdana;
		color: #080;
		background: #FFC;
	}
	div.form input {
		font: 10px Verdana;
		color: #080;
		background: #FFC;
		border-style: thin dotted solid #009;
	}
	div.form button {
		font: 10px Verdana;
		color: #080;
		background: #FFC;
		border-style: thin dotted solid #009;
	}
	div.form select {
		font: 11px Verdana;
		color: #080;
		background: #FFC;
		border-style: thin dotted solid #009;
	}
	
	td.titretabcheck {
		height:57px;
		background-color:#CCCCCC;
		text-align: center;
	}
	td.imageanalyse {
		text-align:center;
	}
	td.imageat {
		text-align:center;
		text-decoration:none;
		background-color:#FFCC99;
		
	}
	td.imageat img{	border:0;}
	
	/***analyses**/
	td.analysesmtitre {
		background-color: #fff;
		text-indent:5px;
		font-weight: bold;
	}
	td.analysesmligne {
		text-indent:23px;
		background-color: #fff;
	}
	div.analysesmtexte {
		width:55%;
		float:left;
	}
	div.analysesmcheck {
		float:left;
		padding-left:10px;
	}
	

/* ***************
	Classes speciales
**************** */
ul.errorelements {
	list-style-type : none;
	margin:0;
	padding:0;
	color:red;
	}

.navigation {
	font-size: 10px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_menu.gif) repeat-x 0 -25px;
	list-style-type: none;
}

.navigation li {
	font-size: 10px;
	float: left;
	text-align: center;
}

.navigation li a {
	width: 140px;
	line-height: 25px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-right: 2px solid #dea;
}

.navigation li a:hover {
	background: url(../images/bg_menu.gif) repeat-x 0 0;
}
.menuaccueil a {
	display: block;
	font: 11px Verdana;
	height: 22px;
	text-decoration: none;
	color: #3a1309;
	text-indent: 20px;
	background-image: url(../images/puce_verte.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.menuaccueil a:hover {
	background-image: url(../images/puce_jaune.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
	font: 11px Verdana;
	text-decoration: none;
}

.menuSalarie {
	height: 25px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_menu_salarie.gif) repeat-x 0 -25px;
	list-style-type: none;
}

.menuSalarie li {
	float: left;
	font-size: 10px;
	text-align: center;
	width: 110px;
}

.menuSalarie li a {
	width: 110px;
	line-height: 25px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-right: 2px solid #dea;
}

.menuSalarie li a:hover {
	background: url(../images/bg_menu_salarie.gif) repeat-x 0 0;
}

.subHeader {
	background: #fff;
	padding-top: 10px;
}

.subHeader p {
	font-weight: bold;
	color: #cc3300;
	font-size: 12px;
	text-align: center;
}

.sousTitre {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.backFormAt {
	background: #fff;
	overflow: auto;
}

.backFormMp {
	background: #fff;
	overflow: auto;
	padding-left: 150px;
}

ul.Processus {
	font-size: 10px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}

.Processus a{
	text-decoration: none;	
}

ul.Processus li {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../images/arrow.gif) repeat-x scroll right
		6px;
	float: left;
	text-align: center;
	width: 75px;	
}

ul.Processus li span {
	background-color: #FFFFFF;
	border: 1px solid #A9A9A9;
	display: block;
	height: 19px;
	line-height: 19px;
	margin: auto 50% auto auto;
	text-align: center;
	width: 19px;
}

ul.Processus li span a {
	display: block;
	height: 19px;
	margin: 0;
	width: 19px;	
}

ul.Processus li a {
	margin-right: 11%;
	text-align: center;
	color: #A9A9A9;
}

ul.Processus li.active span a {
	background-color: #990000;
}

ul.Processus li.active span a:hover {
	color: #FFFFFF;
}


ul.Processus li.active a:hover {
	color: #990000;
}

ul.Processus li.active#last {
	background-position:right -160px;
}	

ul.Processus li#last {
	background-position:right -214px;
}

ul.Processus li.active {
	background-position:right -105px;
}

.iframeDialog {
	width: 500px;
	height: 500px;	
}

.Tableau{
	background: #fff;
	border: 1px solid #111111;	
	text-align: left;
	width: 50%;
	border-collapse : collapse;
}
tr.tabupload {
	border-bottom:1px solid #111111;
}

.TableauMax{
	background: #fff;
	border: 1px solid #111111;	
	
	text-align: left;
	width: 100%;
}

.Tableau a {
	color: #000;
	text-decoration: none;
}

.enteteTableau {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#CCFF99 none repeat scroll 0 0;
	color:#666666;
	font-weight:bold;
	text-align:center;	
}

.Mp {
	background: #fff;	
}

.Mp .Tableau {
	width: 100%;	
} 

/* ***************
	ID 
**************** */
#main {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #ab4;
	background: #fff;
}

#mainAide {
	width: 530px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #ab4;
	background: #fff;
}



#header {
	background: url(../images/logo_capi_phrase_dessous.jpg) no-repeat 100px top;
	height: 136px;
	width: 845px;
	margin: 0 auto;
}

#header span {
	text-align: right;
	width: 420px;
	height: 135px;
	display: block;
	position: relative;
	left: 350px;
	top: 2px;
}

#content {
	background: #ffcc66;
	overflow: auto;
}

#titre table {
	border: 0;
	width: 100%;
}

#titre td {
	width: 33%;
}

#titre hr {
	width: 280px;
}

#box1 {
	width:400px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	max-width: 420px;
	min-height:100px;
}
#box2 {
	width:400px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	max-width: 420px;
	min-height:170px;
}
#box3 {
	width:420px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 420px;
	min-height:100px;
	
}
#box4 {
	width:400px;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 420px;
	min-height:200px;
}
#box5 {
	width:400px;
	float: left;
	margin-bottom: 10px;
	max-width: 420px;
}

#box1 li,#box2 li,#box3 li,#box4 li,#box5 li {
	list-style-type: none;
}

#box_titre {
	font-weight: bold;
}

#footer {
	
}

#texte_index {
	width: 850px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

#popup {
	height: 100%;
	width: 100%;
	background-color: #fff;
}

/****************************
**     test treeview
*****************************/
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: xx-small;
}

.treeview ul {
	/*background-color: white;*/
	margin-top: 1px;
}

.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	max-width:700px;
	width:700px;
	margin: 0;
	padding: 0px 0pt 0px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.tableAdmin
{
	border: medium solid #000000;
	width: 100%;		
	border-collapse: collapse;
}

.tableAdmin td, .tableAdmin th
{
	border: thin solid #6495ed;
	width: 1%;
	height: 30px;
}


.tableAdmin th
{
	text-align: center;
}

.tableAdmin tr.barre td
{
	text-decoration: line-through;
}