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

#header{
	width:100%;
	height:122px;
	background: #CAD8DD;
	border-bottom:2px solid #2A2A2A;
	display:block;
}

#header #logo{
	position:absolute;
	top:0;
	left:0;


	width:356px;
	height:103px;

	padding:9px;

	background:url('../images/bg_logo.png') no-repeat;
	padding-left:15px;

}

#header #logo img{
	max-height:100px;
	max-width:240px;
}

#header #titreExtranet{
	position:absolute;
	width:500px;
	top:0;
	left:400px;
	float:left;
	padding:10px;
	font-size:22px;
	letter-spacing: 2px;
	color:#446977;
	padding-top:45px;
}


#header a{
	text-decoration:none
}

#header a:hover{
	text-decoration:none
}

#login_form{
	width:320px;
	margin: 80px auto;
	border:1px dotted #5B5A5B;
}

#login_form #login_haut{
	width:100%;
	background: #F6F6F6;
}

#login_form #login_milieu{
	width:300px;
	background: #F6F6F6;

	padding:10px;
	padding-top:0;

}

#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:100%;
	height:14px;
	background: #F6F6F6;
}

#leftcol{
	position:absolute;
	top:115px;
	left:5px;
	width:210px;
	height:100%;
}

#menu,
#moteurRecherche{
	width:200px;
	background: #446977;
	margin-left:5px;
	padding-top:0px;
	margin-top: 30px;
	border:1px solid #2D2D2D;
}

#menu #titreMenu,
#moteurRecherche #titreMenu{
	width:95%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border-bottom:2px solid #fff;
	margin-left:4px;
}

* html #menu ul{
	margin-left:20px;
	margin-top:23px;
	color:#FFF;
}

*+html #menu ul{
	margin-left:20px;
	margin-top:23px;
	color:#FFF;
}

#menu ul{
	margin-left:-35px;
	color:#FFF;
	list-style-type: none;
}


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



#menu  a,
#moteurRecherche a{
	color:#FFFFFF;
	text-decoration: none;
}

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

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

}

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


#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,
#moteurRecherche  a:hover{
	text-decoration: underline;
}

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

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

#moteurRecherche form{
	padding:5px;
	color:#fff;
}

#moteurRecherche label {
	color:#fff;
	font-size:10px;
	display:block;
	float:left;
	width:85px;
}

#moteurRecherche .textfield {
	font-size:11px;
	width:90px;
	margin-bottom:5px;
	border:1px solid #fff;
	color:#505050;
}



#contenu{
	position:relative;
	left:230px;
	min-height:630px;
	width:70%;
}

* + html #contenu{
	position:relative;
	left:230px;
	min-height:630px;
	width:70%;
	top:20px;
}


*  html #contenu{
	position:relative;
	left:230px;
	height:630px;
	width:70%;

	top:20px;
}

#contenu_print{
	position:relative;
	left:10px;
	min-height:630px;
	width:100%;
}

* + html #contenu_print{
	position:relative;
	left:10px;
	min-height:630px;
	width:100%;
	top:20px;
}


*  html #contenu_print{
	position:relative;
	left:10px;
	height:630px;
	width:100%;

	top:20px;
}

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

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

#contenu #formulaire label.label2{
	display:block;
	width:180px;
	float:left;
	text-align: right;
	margin-right:10px;
	margin-left:-10px;

}

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

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


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

* 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 #446977;
	color:#505050;

}

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

}

#contenu #formulaire input.textfield2,
#contenu #formulaire select.textfield2,
#contenu #formulaire textarea.textfield2{
	width:422px;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	border-left:4px solid #446977;
	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 #319010;
	color:#505050;

}

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

}

#contenu #formulaire input.textfield2:hover,
#contenu #formulaire select.textfield2:hover,
#contenu #formulaire textarea.textfield2:hover{
	width:422px;
	margin-bottom:0px;
	border:1px solid #CCCCCC;
	border-left:4px solid #319010;
	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 #319010;
	color:#505050;

}

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

}

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

}

#contenu #formulaire select.selectmission{
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	border-left:4px solid #446977;
	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 #319010;
	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;
}

#infoCommande label{
	font-weight:bold;
	display:block;
	float:left;
	width:190px;
}

 fieldset.formcommande
{
	border: 1px solid #446977;
	margin-bottom:6px;
	padding:8px;
	padding-left:15px;
}



fieldset.formcommande:hover,
fieldset.formcommande:focus
{
	border: 2px solid #319010;
	margin-bottom:6px;
	background:#FCFCFC;
}

fieldset.formcommande label
{
	font-weight:bold;
	margin-left:10px;
	padding-right:10px;
}

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

 fieldset.formcommande2,
  fieldset.formcommande2:hover
{
	border-top:0;
}


.floatleft{
	float:left;
}

.right{
	text-align:right;
}

.center{
	text-align: center;
}

.clearer{
	clear:both;
}

a{
	color:#446977;
}

a:hover{
	text-decoration: none;
}



select{color:#5b5a5b;}

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

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

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

table thead{
	background:#446977;
	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.ligne1:hover{
	color:#5B5A5B;
	background:#e4e4e4;
	cursor:pointer;
}

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

}

table tbody tr.ligne2:hover{
	color:#5B5A5B;
	background:#e4e4e4;
	cursor:pointer;

}




table tbody td{
padding:3px;
}

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: #446977;
  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:#319010;
	font-weight:bold;
}

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

.tabinfo{
	text-align:left;
	border:1px solid #ebebeb;
	font-weight:bold;
	background:#FDFDFD;
	margin-top:11px;
}

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

* html .tabinfo{
	text-align:left;
	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:#446977;
	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;

}

.floatright{
	float:right;
	margin-right:10px;
}

.info2{
	font-weight:bold;
	color:#319010;
	background: url('../images/info.png') no-repeat left;
	width:100%;
	border:1px dotted #CCCCCC;
	padding-left:20px;
	padding-top:2px;
	margin-bottom:5px;

}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}
/*
input.required, textarea.required {
	border: 1px solid #00A8E6;
}*/

#contenu #formulaire input.validation-failed, #contenu #formulaire textarea.validation-failed,
#contenu #formulaire select.validation-failed {
	border: 1px solid #dd0000;
	border-left:5px solid #dd0000;
	color : #dd0000;

}
/*input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}*/

.validation-advice {
	margin: 5px 0;
	padding: 3px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:10px;
	float:right;
	margin-top:-15px;

	display:none;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

a.liendown{
	background: url('../images/download.png') no-repeat left;
	padding-left:25px;
	display:block;
	height:25px;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;

	float:left;
}

a.liendown:hover{
	text-decoration:underline;
}


a.liendown2{
	padding-left:10px;
	display:block;
	height:25px;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;

	float:left;
}

a.liendown2:hover{
	text-decoration:underline;
}

div.delFichier{
	float:left;
	margin-top:6px;
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #5b5a5b;
}

.delFichier a{
	background: url('../images/del.png') no-repeat left;
	padding-left:20px;
	text-decoration:none;
	color:#dd0000;
}

.delFichier a:hover{
	text-decoration:underline;
}

.deliframe{
margin-top:15px
}


.aiframe{
margin-top:8px
}


*+html #iframeIE {

  margin-top:-12px;
}



#footer{
	background: #CAD8DD;
	color: #446977;
	text-align:center;
	width:100%;
	height:20px;
	margin-top:50px;
}



*+html #footer{
	background: #CAD8DD;
	color: #446977;
	text-align:center;
	width:100%;
	height:20px;

}


.tabSynthese{
	width:100%;
	border:0;
}


#contenu #formulaire .tabSynthese textarea.textfield2
{
	width: 250px;


}


.tabSynthese td{
	text-align:left;
}

.tabSynthese label{
	font-weight:bold;
	width:300px;
	display:block;
}

#submitNote{
		font-size:14px;
	}


#btnsynthese{
	/*background: #446977;*/
	color:#446977;

	font-size:14px;
	border:0;
	font-weight:bold;
	cursor:pointer;

	padding:10px;
	text-decoration:none;
}

#btnsynthese:hover{
text-decoration:underline;
}

.downloadlink{
	background: url("../images/downloadfile.png") no-repeat left;
	font-weight:normal;
	text-decoration:none;
	 padding-left:25px;
	 font-size:12px;
	 display:block;
	 height:23px;


}

.downloadlink:hover{
		text-decoration:underline;
}

