body {
     margin: 0px;
     text-align: center;
}

/* ===================================================================
 * TEXTE
 * =================================================================*/

p, div, ol, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	line-height: 1.4em;
}
p#truc{
	position:relative;
	left: 20px;
	bottom: 15px;
	}
.mini{
	font-size: 9px;
	color:#999;
	}
.alphabet{
	background-color:#eee;
	text-align:center;
}
#timeline ul{
	margin:10px;
	padding:0;
	list-style-position:inside;
	text-align:center;
	}
#timeline li{
	display:inline; 
/*	background-image: url(icono/arrow.gif); 
*/	background-repeat: no-repeat; 
	background-position: 0% 65%; 
	padding: 10px 20px 8px 20px;
}
#timeline li{
	display:inline; 
}
li#normal{
	color:#ccc;
	background-image: url(icono/arrow.gif); 
}
li#etape{
	text-transform:uppercase;
	font-weight:bold;
	background-image: url(icono/arrow.gif); 
}
li#normal_first{
	color:#ccc;
}
li#etape_first{
	text-transform:uppercase;
	font-weight:bold;
}

h1{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#4588cc;
}
h2{
	font-size:14px;
	font-weight:bold;
	font-variant: small-caps;
	margin : 2px 0 2px 2px;
}
h3{

	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#4588cc;
	height:1.5em;
	width: 50em;
	padding:0.5em 0 0 1em;
	font-variant:small-caps;
	text-align:left;
}
h4{
	font-size:16px;
	font-weight:bold;
	color:#fff;
}


table {
	border: 1px solid;
	border-color:#FFF;
	border-collapse:collapse
}
td, th {
	border: 1px solid;
	border-color:#FFF;
}
.bleu{
	color: #1aa5a7;
}
.red{
	color: #cc0000;
}
.green{
	color: #61c425;
}

.menu_gauche{

	background-color:#eee;
	padding:4px 0 4px 0;
	text-align:left;
	line-height: 1.5em;
	}

.important{
	background-color:#b42020;
	padding:4px 0 4px 4px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	}
.warn{
	font-size:14px;
	font-weight:bold;
	font-variant: small-caps;
	color:#CC0000;
	text-align:left;
	}
.etat{
	background-color:#d8d8d8;
	font-size:14px;
	font-weight:bold;
	font-variant: small-caps;
	color:#CC0000;
	text-align:left;
	padding : 5px 0 5px 0;
	}
.img{
	margin-left: 5px;
	margin-right:5px;
	
	float: inherit;
	vertical-align:middle;
	border:none;
	}
.res{
	background-color:#d8d8d8;
	padding : 5px 0 10px 0;
	}

/* ===================================================================
 * LIENS
 * =================================================================*/

A:link {
	text-decoration: none;
	color: #4588cc;
	font-weight: bold;
}
	
A:visited {
	text-decoration: none;
	font-weight: bold;
	color: #4588cc;
}
	
A:active {
	text-decoration: none;
	font-weight: bold;
	color: #4588cc;
}
	
A:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #4588cc;
}
/* ===================================================================
 * ZONES
 * =================================================================*/
 
 #content { 
	width: 95%; 
	height:100%;
	margin: 0px auto 0px auto; 
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	padding: 0 0 30px 0 ;
}
#header{
	margin: 0px;
	position:relative;
	height: 110px;
	background: url(icono/header.jpg) no-repeat;
}
#text_header{
	position:absolute;
	padding:0 0 0 30px;
    right:0px;
	top: 75px;
	height: 22px;
	width:750px;
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	font-variant: small-caps;
	/*background-color:#006ab2;*/
	-moz-opacity:1; /* Gecko */
	filter:alpha(opacity=80); /* IE */
	opacity:1; /* CSS 3 */
}
#timeline {
	padding: 5px;
	border-bottom: 1px dashed #CCC;
	}
#corps{
	 position:relative;
}
#menu_gauche{

	float:left;
	margin:15px;
	padding:5px;
	width: 20%;
	height: 100%;
}
#main{
	border-left: 1px dashed #CCC;
	padding-left:10px;
	margin:10px 0 10px 0;;
	padding-bottom:10px;
	float:left;
	width: 70%;
}

#etat_dossier{
	background-color:#FFE5A0;
	padding:0px 10px 10px 10px;
}
#suite_dossier{
	padding:10px 0 0 0;
	text-align:center;
	}
#action_dossier{
	background-color:#eaeaea;
	padding:0px 10px 10px 10px;
}
#ok_dossier{
	background-color:#d9e891;
	padding:0px 10px 10px 10px;
}
#manque_dossier{
	background-color:#FFE5A0;
	padding:0px 10px 10px 10px;
}
#refus_dossier{
	background-color:#e8bebe;
	padding:0px 10px 10px 10px;
}
#entretien_dossier{
	background-color:#abd9d5;
	padding:0px 10px 10px 10px;
}

#footer{
	position:relative;
	padding-left:370px;
	border-top: 1px dashed #CCC;
	height: 100px;
	background:url(icono/upmf.jpg) no-repeat;
	background-position:left;
	clear:both;
}
#text_footer{
	position:relative;
	font-size: 9px;
	color: #999;
	width:500px;
	margin-top:38px;
	text-align:left;
}
div#champ{
	float:left;
	width:150px;
	}
div#donnees_champ{
	float:left;
}
div#spe{
	float:left;
	width:170px;
	text-align:left;
	}
div#note{
	float:left;
	width:80px;
	text-align:left;
	}
.separation {
	clear:both;
	visibility:hidden;
}

/* ===================================================================
 * ZONES DE TABLEAU
 * =================================================================*/
td{
	text-align:left;
}

.discret{
	-moz-opacity:0.30; /* Gecko */
	filter:alpha(opacity=30); /* IE */
	opacity:0.30; /* CSS 3 */
	}

/* ===================================================================
 * ELEMENTS DE FORMULAIRES
 * =================================================================*/
hr{
	background-color: #660000;
	height: 1px;
	border: 0;
	margin-bottom:10px;
	background-color:
}

.submit{
	display:block;
	width:100px;
	text-align:center;
    border-color:#666;
	border-style:solid;
	border-width:thin;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	padding:3px;
}
.submit:hover{
    border-color:#666;
	background-color:#666;
}


/* Boutons pour la gestion de l'arborescence de formations */

.plus{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#fff;
	 background-color:#9fd331;
     width:60px;
     height:20px;
	 padding-bottom:1px;
}
.plus:hover{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#666;
	 background-color:#dcff70;
     width:60px;
     height:20px;
	 padding-bottom:1px;
}
.moins{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#fff;
	 background-color:#cc0000;
     width:60px;
     height:20px;
	 padding-bottom:1px;
}
.moins:hover{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#666;
	 background-color:#ff9999;
     width:60px;
     height:20px;
	 padding-bottom:1px;
}
.couple{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#fff;
	 background-color:#ff9933;
     width:60px;
     height:20px;
	 padding-bottom:1px;
	 margin: 1px 0 1px 0;
}
.couple:hover{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#666;
	 background-color:#ffcc99;
     width:60px;
     height:20px;
	 padding-bottom:1px;
	 margin: 1px 0 1px 0;
}
.mod{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#fff;
	 background-color:#ff9933;
     width:60px;
     height:20px;
	 padding-bottom:1px;
	 margin: 1px 0 1px 0;
}
.mod:hover{
     border:none;
	 font-size:12px;
	 font-weight:bold;
     color:#666;
	 background-color:#ffcc99;
     width:60px;
     height:20px;
	 padding-bottom:1px;
	 margin: 1px 0 1px 0;
}

/* Boutons pour la réception des dossiers, résultats, modification... */

.complet{
     border:none;
     color:#fff;
     background: transparent url('icono/complet.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.incomplet{
     border:none;
     color:#fff;
     background: transparent url('icono/incomplet.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.horsdelai{
     border:none;
     color:#fff;
     background: transparent url('icono/horsdelai.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.refus{
     border:none;
     color:#fff;
     background: transparent url('icono/refuse.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.entretien{
     border:none;
     color:#fff;
     background: transparent url('icono/convoque_entretien.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.admis{
     border:none;
     color:#fff;
     background: transparent url('icono/admis.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.admisve{
     border:none;
     color:#fff;
     background: transparent url('icono/admisve.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.admisvap{
     border:none;
     color:#fff;
     background: transparent url('icono/admisvap.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.admistrans{
     border:none;
     color:#fff;
     background: transparent url('icono/admistrans.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.confirmer{
     border:none;
     color:#fff;
     background: transparent url('icono/confirmer.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.annuler{
     border:none;
     color:#fff;
     background: transparent url('icono/annuler.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.nonrecu{
     border:none;
     color:#fff;
     background: transparent url('icono/nonrecu.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.ar{
     border:none;
     color:#fff;
     background: transparent url('icono/ar.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.delai_plus{
     border:none;
     color:#fff;
     background: transparent url('icono/delai_plus.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}

.imprimer{
     border:none;
     color:#fff;
     background: transparent url('icono/imprimer.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.modifier{
     border:none;
     color:#fff;
     background: transparent url('icono/modifier.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.irrecevable{
     border:none;
     color:#fff;
     background: transparent url('icono/irrecevable.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.s1{
     border:none;
     color:#fff;
     background: transparent url('icono/s1.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.liste_comp{
     border:none;
     color:#fff;
     background: transparent url('icono/liste_comp.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.monter{
     border:none;
     color:#fff;
     background: transparent url('icono/monter.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.descendre{
     border:none;
     color:#fff;
     background: transparent url('icono/descendre.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.accord{
     border:none;
     color:#fff;
     background: transparent url('icono/accord.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.ead{
     border:none;
     color:#fff;
     background: transparent url('icono/ead.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.rn{
     border:none;
     color:#fff;
     background: transparent url('icono/rn.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.ajouter{
     border:none;
     color:#fff;
     background: transparent url('icono/ajouter.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.retirer{
     border:none;
     color:#fff;
     background: transparent url('icono/retirer.gif') no-repeat top left;
     width:60px;
     height:20px;
	 font-size:0px;
}
.suivant{
     border:none;
     color:#fff;
     background: transparent url('icono/suivant.png') no-repeat top left;
     width:132px;
     height:26px;
	 font-size:0px;
}
.retour{
     border:none;
     color:#fff;
     background: transparent url('icono/retour.png') no-repeat top left;
     width:132px;
     height:26px;
	 font-size:0px;
}
.recap{
     border:none;
     color:#fff;
     background: transparent url('icono/recap.png') no-repeat top left;
     width:132px;
     height:26px;
	 font-size:0px;
}
.valid{
     border:none;
     color:#fff;
     background: transparent url('icono/valid.png') no-repeat top left;
     width:132px;
     height:26px;
	 font-size:0px;
}
.continuer{
     border:none;
     color:#fff;
     background: transparent url('icono/continuer.png') no-repeat top left;
     width:132px;
     height:26px;
	 font-size:0px;
}

.minitext{
	width:10em;
	height:2.5em;
} 
.piecesm{
	background-color:#FFCC99;
	margin:0px;
}