* html, body{
	padding:0;
	margin: 0;
	font-family: Arial;
	font-size:11px;
	color:#2D2D2D;
}

#header{
	width:100%;
	height:134px;
	background: url('images/bg_header.png') repeat-x;
}

#login_form{
	width:277px;
	height:115px;
	margin: 80px auto;
}

#login_form #login_haut{
	width:283px;
	height:27px;
	background: url('images/login_haut.png') no-repeat;
}

#login_form #login_milieu{
	width:283px;
	background: url('images/login_milieu.png') repeat-y;
	
	padding:10px;
	
}

#login_form #login_milieu label{
	float:left;
	display:block;
	width: 120px;
	margin-left:-30px;
	margin-right:10px;
	text-align: right;
	font-weight:bold;
}


#login_form #login_milieu input.inputlogin{
	border:1px solid #CCCCCC;
	width:100px;
	height:15px;
	margin-bottom:5px;
	color:#5B5A5B;
}



#login_form #login_milieu #mdp_oubli a{
	float:right;
	color:#ee820F;
	margin-right:25px;
}

#login_form #login_milieu #mdp_oubli a:hover{
	color:#467FB6;
}


#login_form #login_bas{
	width:283px;
	height:14px;
	background: url('images/login_bas.png') no-repeat;
}

#menu{
	width:165px;
	background: url('images/bloc_menu.png') no-repeat;

	padding-top:15px;
	margin-top: 30px;
	float: left;
}

* html #menu ul{
	margin-left:27px;
	margin-top:23px;
	list-style-image: url('images/right.png');
	
}

*+html #menu ul{
	margin-left:27px;
	margin-top:23px;
	list-style-image: url('images/right.png');
	
}

#menu ul{
	margin-left:-15px;
	list-style-image: url('images/right.png');
}


#menu ul li{
	margin-bottom:3px;
}



#menu  a{
	color:#FFFFFF;
	text-decoration: none;
	margin-left:15px;
}

#menu a.orange{
	color:#EE7F07;
	font-weight:bold;
}

*+html #menu  a{
	color:#FFFFFF;
	text-decoration: none;
	margin-left:15px;
	font-size:11px;
	
}

* html #menu  a{
	color:#FFFFFF;
	text-decoration: none;
	margin-left:15px;
}


#menu  a.etape{
	font-variant:small-caps;
	font-size:14px;
}

* html #menu  a.etape{
	font-variant:small-caps;
	font-size:13px;
	
}

*+html #menu  a.etape{
	font-variant:small-caps;
	font-size:13px;
}

#menu  a:hover{
	text-decoration: underline;
}

#menu  a.select{
	 text-decoration: underline;
}

#menu  a.puce{
	font-weight:bold;
}

#menu #logout{
	margin-top:8px;
	
}

* html #menu #logout{
	margin-top:5px;
	margin-left:25px;
	
}

*+html #menu #logout{
margin-top:5px;
	margin-left:25px;	
	
}

#menu #logout img{
 float:left;
 margin-left: 35px;
 margin-right:0px;
}

#menu #logout a{
	color:#FFFFFF;
	margin-left:2px;
	text-decoration: underline;

}

#contenu{
	float:left;
	width:80%;
	margin-left: 10px;
}

h1{
	color:#457eb4;
	border-bottom:2px solid #457eb4;
	width:100%;
	font-size: 14px;
}

#contenu h2{
	border-bottom:1px dotted #2D2D2D;
	width:100%;
	font-size: 14px;
}

#contenu #formulaire label{
	display:block;
	width:120px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:-30px;
}

* html #contenu #formulaire label{
	display:block;
	width:100px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:-20px;
}

*+html #contenu #formulaire label{
	display:block;
	width:100px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:-20px;
}

#contenu #formulaire label.plusgrand{
	display:block;
	width:140px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:-5px;
}

* html #contenu #formulaire label.plusgrand{
	display:block;
	width:140px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:0px;
}

#contenu #formulaire input.textfield,
#contenu #formulaire select.textfield{
	width:150px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #457eb4;
	color:#505050;
	
}

#contenu #formulaire textarea.textfield{
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #457eb4;
	color:#505050;
	
}

#contenu #formulaire input.textfield2,
#contenu #formulaire select.textfield2{
	width:150px;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	border-left:4px solid #457eb4;
	color:#505050;
	
}



#contenu #formulaire input.textfield:hover,
#contenu #formulaire select.textfield:hover{
	width:150px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}

#contenu #formulaire textarea.textfield:hover{
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}

#contenu #formulaire input.textfield2:hover,
#contenu #formulaire select.textfield2:hover{
	width:150px;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}


#contenu #formulaire input.textfield:focus,
#contenu #formulaire select.textfield:focus{
	width:150px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}

#contenu #formulaire textarea.textfield:focus{
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}

#contenu #formulaire input.textfield2:focus,
#contenu #formulaire select.textfield2:focus{
	width:150px;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
	
}

#contenu #formulaire select.selectmission{
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #457eb4;
	color:#505050;
	width:500px;
}

#contenu #formulaire select.selectmission:hover,
#contenu #formulaire select.selectmission:focus{
	width:500px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #F08A21;
	color:#505050;
}

#contenu #formulaire input.inputgrand,
#contenu #formulaire input.inputgrand:hover,
#contenu #formulaire input.inputgrand:focus{
	width:495px;
}

#contenu #files_list{
	padding:5px;
	width:100%;
	border:1px dotted #CCC;
	background: #F9F9F9;
}

 fieldset.formcommande
{
	border: 1px solid #AAA;
	width:98%;
	margin-bottom:6px;
	padding:8px;
}



fieldset.formcommande:hover,
fieldset.formcommande:focus
{
	border: 2px solid #457eb4;
	width:98%;
	margin-bottom:6px;
	background:#FCFCFC;
}

fieldset.formcommande label
{
	font-weight:bold;
}

 fieldset.formcommande legend
{
	font-variant: small-caps;
	font-weight:bold;
	color:#457eb4;
	font-size:15px;
}

.floatleft{
	float:left;
}

.right{
	text-align:right;
}

.center{
	text-align: center;
}

.clearer{
	clear:both;
}

a{
	color:#457eb4;
}

a:hover{
	text-decoration: none;
}



select{color:#C0C0C0;}

table{
	width:100%;
	border:1px solid #42729F;
	text-align: center;
	border-collapse: collapse;
	margin-top:10px;
}

*+html table{
	width:100%;
	border:1px solid #42729F;
	text-align: center;
	border-collapse: collapse;
	margin-top:-7px;
}

* html table{
	width:100%;
	border:1px solid #42729F;
	text-align: center;
	border-collapse: collapse;
	margin-top:-7px;
}

table thead{
	background:#42729F;
	color:#FFFFFF;
	height:20px;
}

table thead a{
	color:#FFFFFF;
	text-decoration: none;
}

table thead a:hover{
	text-decoration: underline;
}

table tbody tr.ligne1{
	color:#5B5A5B;
	background:#FFF;

}

table tbody tr.ligne2{
	color:#5B5A5B;
	background:#F6F6F6;
	
}



a img{
	border:0;
}



#calendar {
	border: 1px solid #C0C0C0;
	text-align: left;
	width: 200px;
	margin: 0;
	padding: 0;
	font-size:11px
}
#calendar thead {
	text-align: center;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}
#calendar tbody td {
	border: 1px solid #C0C0C0;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding:2px;
}
#calendar tbody a {
		text-decoration: none;
}
#calendar tbody .select{
	background-color: #F6F6F6;
}


#calendar tbody .select a{
	color: #3964A9;
	display:block;
	width:100%;
	height:100%;
}

#calendar tbody td:hover{
		background-color: #F6F6F6;
	 color: #3964A9;
}

table#calendar thead,
table#calendar tfoot{
  background: #3964a9;
  color:#FFF;
}

table#calendar thead tr th,
table#calendar tfoot tr th{
  padding:2px;
  text-align:center;
  border-bottom:1px solid #5d7db3;
  border-right:1px solid #5d7db3;
  font-variant: small-caps;
}

 table#calendar tbody tr.ligne1{
 
}

 table#calendar tbody tr.ligne2{
 background:#F6F6F6;
}

table#calendar tbody td{
  width:115px;
  border:1px solid #CCCCCC;
  padding:2px;
  color:#2D2D2D;
}

table#calendar tbody td input{
  margin-top:4px;
  width:40px;
}

.error{
	color:#dd0000;
	font-weight:bold;
}


.dossier{
	float:left;
	margin:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #EEE;
	padding:4px;
	text-align: center;
}

.dossier:hover{
	border:1px solid #F08A21;
	
}

.dossier a {
	border:0;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	
}

.dossier a:hover {
	color:#F08A21;
	
}

.fichier{
	float:left;
	margin:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #EEE;
	padding:4px;
	text-align: center;
}

.fichier:hover{
	border:1px solid #F08A21;
	
}

.fichier a {
	border:0;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	
}

.fichier a:hover {
	color:#F08A21;
	
}

.libelle_fichier{
	float:left;
	font-weight:bold; 
	margin-right:100px;
	margin-top:0px;
	width:200px;
}

.orange{
	color:#F08A21;
	font-weight:bold;
}

.bleu{
	color:#4786CA;
	font-weight:normal;
}

#tabinfo{
	text-align:left;
	width:40%;
	border:1px solid #F0F0F0;
	font-weight:bold;
	background:#FDFDFD;
	margin-top:11px;
}

*+html #tabinfo{
	text-align:left;
	width:40%;
	border:1px solid #F0F0F0;
	font-weight:bold;
	background:#FDFDFD;
	margin-top:27px;
}

* html #tabinfo{
	text-align:left;
	width:40%;
	border:1px solid #F0F0F0;
	font-weight:bold;
	background:#FDFDFD;
	margin-top:27px;
}

#tabinfo tr td{
	padding:6px;
}

.remonter{
	text-decoration: none;
	font-weight:bold;
}

fieldset{
	border:0;
}

h4{
	color:#4272A0;
	border-bottom:1px dotted #4272A0;
	margin:0;
	font-size: 13px;
}

#prn_update {
    border: 1px solid #CCC;
    background: #FDFDFD;
  }
#prn_update ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#prn_update a {
  display: block;
  padding: .2em .3em;
  text-decoration: none;
  color: #5B5A5B;
}
#prn_update a:hover {
  display: block;
  padding: .2em .3em;
  text-decoration: none;
  color: #2D2D2D;
  background: #F9F9F9;
  font-weight: bold;
}
.selected {
  background: none;
}

#listMission{
	width:90%;
	margin-top:20px;
}

.listleft{
	float:left;
	margin-right:50px;
	line-height: 20px;
}

.listleft a{
	font-weight:bold;
}

.listleft a.selected{
	font-weight:bold;
	
	color:#F08A21;
}

#alphabet {
	font-size:12px;
}

#alphabet a{
	font-size:12px;
	font-weight:bold;
}

#alphabet a.selected{
	font-size:12px;
	font-weight:bold;
	color:#F08A21;
	
}