body {
	text-align: center;
	font-family: arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
	background-image:url(images/patternfond.gif);
	background-repeat:repeat;
	background-color: #2E001B;
}
#bloc {
	width: 749px;
	border: 2px solid #000000;
	margin: auto;
	clear: both;
	font-family: arial, Helvetica, sans-serif;
	text-align: left;


}
#bandeau {
	background-image: url(images/bandeau.jpg);
	height: 149px;
	clear: both;
	border: 1px solid #FFFFFF;
}
#role{
	float: right;
	margin-top: 65px;

}

#textepieddepage{
	font-family: monaco, tahoma, sans-serif;
	font-size:	10px;
	color:		white;
	background-color:#ED1E79;
}


#menu {
	color: #FFFFFF;
	background-color: #ED1E79;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#pied {
	font-size: 11px;
	color: #000000;
	background-color: #330000;
	text-align: center;
	padding: 1px;
}

#page {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #FFFFFF;
	font-size: 12px;
	border: 1px solid #FFFFFF;

}
#chemin {
	clear: both;
	margin-top: 2px;

}
#chemin a {
	color: #000000;
	text-decoration: none;
}
#chemin a:hover {
	color: #000000;
	text-decoration: underline;
}
#menu-page {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
}
#menu-page .menu-page-navig{
	display: block;
	float: left;
	color: #8B8B8B;
	margin: 0px;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}
#menu-page .menu-page-navig a{
	font-weight: bold;
	text-decoration: none;

}
#menu-page .menu-page-end{
	display: block;
	float: left;
	margin: 0px;
}
#menu-page .menu-page-item-on{
	display: block;
	float: left;
	margin: 0px;
	background-image: url(images/wizard-bg.gif);
	font-weight: bold;
	padding-right: 15px;
	padding-top: 2px;
	color: #FF0099;

}
#menu-page .menu-page-item{
	display: block;
	float: left;
	margin: 0px;
	background-image: url(images/wizard-bg.gif);
	padding-right: 15px;
	color: #2C357A;
	padding-right: 15px;
	padding-top: 2px;
}
#menu-page .menu-page-item a{
	text-decoration: none;
}
#menu-page .menu-page-item a:hover{
	color: #000000;
}

h1 {
	text-transform : uppercase; 
	font-size: 12px;
	color: #FF0099;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2 {
	font-size: 12px;
	color: #FF0099;
	margin-top: 15px;
	margin-bottom: 10px;
	text-decoration: underline;
	background-image: url(images/puce-titre1.gif);
	background-repeat: no-repeat;
	text-indent: 15pt;


}
#chemin {
	font-size: 10px;
	color: #000000;
	margin-bottom: 15px;
	float: left;

}
.ligne-points {
	background-image: url(images/pointilles.gif);
	height: 11px;
	clear: both;
	font-size: 5px;
	background-position: center;
}

#page input{
	font-size: 12px;
}
#page input select{
	font-size: 12px;
	font-weight: normal;

}
#page a {
	color: #FF0099;
	font-weight: normal;
}
#page a:hover {
	color: #000000;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#page a.lien-bouton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4653AA;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #1A225C;
	background-image: url(images/fond-boutons-gif.gif);
	background-position: bottom;
}
#page a.lien-bouton:hover {
	color: #FFCC00;
}
.bloc-bouton {
	text-align: center;

}
#personne {
	font-weight: bold;
	color: #FF0099;
	float: right;
}
#chemin b {
	font-weight: normal;
	color: #FF0099;
}

ul, li {
	margin-top: 0px;
	margin-bottom: 7px;


}
div.spacer{
	clear:both;
	font-size: 2px;


}

.comment{
	font-size: 11px;
	font-style: italic;
	color: #999999;

}

.vert{
	color: #339933;
	font-weight: bold;


}

#page p.rouge a {
	color: #CC0000;
	font-weight: bold;
}
#page p.rouge a:hover {
	color: #FF0099;
	font-weight: bold;
	text-decoration: none;
}
#page p.rouge {
	color: #CC0000;
}





/* ------------ tableau ---------------------------------- */

.tableau {

}
.tableau th {
	color: #FFFFFF;
	background-color: #FF0099;
	font-size: 11px;
	text-align: center;


}
.tableau td {
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;

}

.tableau td.rangee {
	text-transform : uppercase; 
	font-weight: bold;
	color: #FF0099;
	vertical-align: middle;

}

tr.gris {
	background-color: #eee;
}

.formation00 {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 2px;
   	min-height:25px;

}
.formation01 {
	border: 1px solid #FFCC33;
	background-color: #FFF4D5;
	font-size: 10px;
	padding: 2px;
   	min-height:25px;
}
.formation02 {
	border: 1px solid #C0CCDA;
	background-color: #EEF0F2;
	font-size: 10px;
	padding: 2px;
   	min-height:25px;
}
.formation03 {
	border: 1px solid #A3F8C0;
	background-color: #E3FDEB;
	font-size: 10px;
	padding: 2px;
   	min-height:25px;
}
td.legende {
	font-size: 10px;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;

}

#page .formation00 a, #page .formation01 a, #page .formation02 a, #page .formation03 a {
	color:#000000;
	text-decoration: none;

}

#page .formation00 a:hover, #page .formation01 a:hover, #page .formation02 a:hover, #page .formation03 a:hover {
	color:#FF0099;

}

.formation00:hover, .formation01:hover, .formation02:hover, .formation03:hover {
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}

table.tableau-grille {
	background-color: #CCCCCC;
	text-align: center;
}
table.tableau-grille td {
	font-size: 10px;
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;
	font-weight: normal;
}
table.tableau-grille th {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FF0099;


}
table.tableau-grille td.rangee { 
	font-weight: bold;
	color: #FF0099;
	vertical-align: middle;

}
td.rouge {
	background-color: #FEE6DE;
	color: #D03509;
	font-weight: bold;



}
td.vert {
	background-color: #EBF4E1;
	color: #489735;
	font-weight: bold;
}
table.tableau-grille td.gris {
	background-color: #DCDEDA;
}


/* ------------ fin tableau ---------------------------------- */

/* ------------ popup ---------------------------------- */
#popup {
	position:absolute;
	width:450px;
	z-index:1;
	left: 257px;
	top: 8px;
	border: 2px solid #FFFFFF;

}

#titre-popup {
	background-color: #FF0099;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	padding: 3px;
}

#corps-popup {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	border: 2px solid #FF0099;
	font-size: 12px;
	margin: 0px;
	padding: 10px;


}

#popup select, input{
	float: none;
	font-size: 12px;
	font-weight: normal;

}

#corps-popup a.lien-bouton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4653AA;
	padding: 2px;
	text-decoration: none;
	border: 1px solid #1A225C;
	background-image: url(images/fond-boutons-gif.gif);
	background-position: bottom;
}
#corps-popup a.lien-bouton:hover {
	color: #FFCC00;
}

/* ------------ fin popup ---------------------------------- */


/* ------------ composant : all --------------------------------- */

.submit {
	BORDER: #fff 1px solid; 
	BACKGROUND-COLOR: #FF0099;
}

.button {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; 
	BORDER: #fff 1px solid; 
	BACKGROUND-COLOR: #FF0099;
}
.th { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #FF0099;
}

.wizard {
	FONT-WEIGHT: bold; 
	COLOR: #FF0099; 
	BACKGROUND-COLOR: #fff
}

.odd {
	BACKGROUND-COLOR: #fff;
	COLOR: #456;
}

.rowSelected {
	COLOR: #000; 
	BACKGROUND-COLOR: #dcdcdc;
}
.rowActive {
	BACKGROUND-COLOR: #eee;
}
.datalight td {
	PADDING: 3px; 
}
.onglets_header {
	MARGIN-TOP: 0px;
	BACKGROUND-COLOR: #fff
}

.onglet_content {
	BORDER-TOP: #1DCA00 3px solid; 
}

.onglet_selected {
	FONT-WEIGHT: bold; 
	COLOR: #FF0099; 
	BORDER-BOTTOM: #fff 1px solid; 
	BACKGROUND-COLOR: #fff
}

.onglets_container .onglet_page {
	CLEAR: both; 
	PADDING: 0px; 
	BACKGROUND: #fff; 
	COLOR: black; 
	BORDER: #1DCA00 1px solid; 
}

table.datalight td{
	PADDING-left: 5px; 
	PADDING-right: 5px; 
}

/* ------------ fin - composant : all --------------------------------- */

/* ------------ composant : calendar ---------------------------------- */

.calendar THEAD .daynames {
	BACKGROUND: #fff
}

.calendar TABLE .wn {
	BORDER-RIGHT: #ddd 1px solid; 
	BACKGROUND: #fff;
}

.calendar {
	FONT-SIZE: 11px;
 	BACKGROUND: #fff;
	COLOR: #000;
	BORDER: #fff 1px solid; 
	FONT-FAMILY: verdana,verdana,sans-serif;
}
.calendar TABLE {

	FONT-SIZE: 11px; 		
	BACKGROUND: #fff; 
	COLOR: #000;
	BORDER: #999 1px solid; 
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #eee;
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #eef;
}
.calendar TBODY .oweekend {
	COLOR: #456;
}
.calendar THEAD .weekend {
	COLOR: #456;
}
.calendar TBODY TD.weekend {
	COLOR: #456;
}

.calendar TBODY TD.today {
	FONT-WEIGHT: bold; 
	COLOR: #FF0099;
	BORDER: 0px; 
}
.calendar THEAD .name {
	BORDER-BOTTOM: #ddd 1px solid; 
}
.calendar THEAD .headrow {
	BACKGROUND: #fff; 
	COLOR: #000;
	BORDER: #fff 1px solid; 
}

.calendar .nav {
	BACKGROUND: url(menuarrow.gif) #a5a5a5 no-repeat 100% 100%
}

.calendar THEAD .hilite {
	BORDER: #fff 1px solid; 
	COLOR: #fff; 
	BACKGROUND-COLOR: #000
}

.calendar TFOOT .hilite {
	BORDER: #fff 1px solid; 
	BACKGROUND: #000; 
	COLOR: #fff; 
}
.calendar TFOOT .ttip {
	BORDER-TOP: #ddd 1px solid; 
	COLOR: #456; 
}

.calendar .combo {
	BORDER: #999 1px solid; 
	BACKGROUND: #fff; 
	COLOR: #000; 
}
.calendar .combo .hilite {
	BACKGROUND: #eef
}
.calendar TFOOT .active {
	BACKGROUND: #FF9A00; 
}
.calendar THEAD .active {
	BACKGROUND: #FF9A00; 
}

/* ------------ fin - composant : calendar  ---------------------------------- */

/* ------------ composant : arbre  ---------------------------------- */
#myTreeView i {
	color: #FF0099;
	font-style: normal;

}

/* ------------ fin - composant : arbre  ---------------------------------- */
.scroll {
	height: 380px;
	overflow: auto;
	padding-top: 0px;
	pading-bottom: 0px;
	padding-left: 5px;
	padding-right:10px;
	text-align: justify;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}