body,td {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	margin: 0;
}

a {
	color: #009EE0;
}
/* ------------ Entête --------------------- */

body {
	background: #fff url('media/header_bg.jpg') repeat-x;
}

#header {
	width: 900px;
	
	height: 101px;
}
	#logoBar {
		float: right;
		margin-top: 28px;
	}
	#logoBar .logo {
		margin-right: 16px;
	}

#subHeader {
	width: 910px;
	height: 36px;
	margin: 0 auto;
	background: #eee url('media/sub_bg.jpg') repeat-x;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
	#bcrumb {
		display: block;
		padding-top: 8px;
	}
	#bcrumb a{
		color: #00628D;
		text-decoration: none;		
	}
	#bcrumb a:hover{
		color: #333333;
	}
	#subHelp {
		display: none;
		width: 57px;
		height: 36px;
		float: right;
	}
	.logout {
		float: right;
		margin: 6px;
		font-weight: normal;
	}
	
#Help {
	cursor: pointer;
}


#footer {
	color: #999;
	text-align: center;
	margin-top: 20px;
	padding: 8px 0;
	background: #fff url('media/footer_bg.gif') repeat-x;
	line-height: 20px;
}


/* ------------- Tracker ------------------- */

ul#tracker, ul#trackersub {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	width: 927px;
	margin: 4px auto 0;
}
	ul#tracker li, ul#trackersub li {
		float: left;
		height: 32px;
		margin-left: -6px;
	}
	ul#tracker li.empty, ul#trackersub li.empty {
		background-position: 0 0;
	}
	ul#tracker li.current, ul#trackersub li.current {
		background-position: 0 -50px;
	}
	ul#tracker li.valid, ul#trackersub li.valid {
		background-position: 0 -100px;
	}
	
	ul#tracker img, ul#trackersub img {
		border: 0;
	}

li#step-1{
	background: transparent url('media/tracker_1.png');
	width: 177px;
}
li#step-2{
	background: transparent url('media/tracker_2.png');
	width: 143px;
}
li#step-3{
	background: transparent url('media/tracker_3.png');
	width: 157px;
}
li#step-4{
	background: transparent url('media/tracker_4.png');
	width: 219px;
}
li#step-5{
	background: transparent url('media/tracker_5.png');
	width: 137px;
}

/* ----trackersub----- */

li#etape-1{
	background: transparent url('media/trackersub_1.png');
	width: 108px;
}
li#etape-2{
	background: transparent url('media/trackersub_2.png');
	width: 122px;
}
li#etape-3{
	background: transparent url('media/trackersub_3.png');
	width: 122px;
}
li#etape-4{
	background: transparent url('media/trackersub_4.png');
	width: 122px;
}
li#etape-5{
	background: transparent url('media/trackersub_5.png');
	width: 122px;
}
li#etape-6{
	background: transparent url('media/trackersub_6.png');
	width: 122px;
}
li#etape-7{
	background: transparent url('media/trackersub_7.png');
	width: 122px;
}

/* ------------- Content ------------------- */

#content {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

#content .intro, #dropContent .intro {
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0 10px;
}

#content .btnBlanc, #dropContent .btnBlanc {
	margin-bottom: 5px;
	border: 0;
}

#blocPerso, #blocInfo{
	float: right;
	width: 390px;
	height: 114px;
	padding: 10px;
	margin-top: 2px;
	border: 1px solid rgb(221, 221, 221);
	-moz-border-radius: 5px;
}

	#blocInfo .notice_sub {
		font-size: 16px;
		font-weight: bold;
		margin-top: 62px;
		text-align: center;
		color: #ccc;
	}

#dropContent {
	width: 910px;
	margin: 0 auto;
	padding: 0;
	background: transparent url('media/drop_bg.jpg') repeat-y;
}
	#dropContent .top {
		width: 910px;
		height: 9px;
		margin: 0;
		padding: 0;
		background: #FFF url('media/drop_top.jpg') no-repeat;
	}
	#dropContent .bottom {
		width: 910px;
		height: 10px;
		margin: 0;
		padding: 0;
		background: #FFF url('media/drop_bottom.jpg') no-repeat;
	}
	
	#dropContent .topBloc {
		margin: 15px 31px 0;
		padding: 5px;
		background-color: #eee;
		border: 1px solid #ddd;
	}

/* ------------- Formatage Texte ------------ */

.ssTitre{
	background-color: #00628D;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}

.question{
	font-weight: bold;
	color: #00628D;
	/* background-color: #BFE7F7; */
	background-color: #D8EEF7;
	padding: 2px;
	display: block;
}
.marge30{
	margin-top: 30px;
}
.margeBot2{
	margin-bottom: 2px;
}
.noMarge {
	margin: 0;
}
.emptyField {
	color: #dddddd;
}
.notice {
	font-size: 12px;
	color: #333;
	background-color: #EEE;
	border: 1px solid #DDD;
	padding: 5px;
}

.boldBleu {
	font-weight: bold;
	color: #00628D;
}

.chpObligatoire {
	font-weight: bold;
	color: #009EE0;
	font-size: 13px;
	text-align: right;
	margin-top: 2px;
}
/* ------------- Form ---------------------- */


fieldset {
	padding: 0;
	margin: 0;
	border: 2px solid #DDDDDD;
}

fieldset.error {
	border: 2px solid #EC3535;
}


.submit {
	float: right;
	margin: 20px 0 10px;
}

#plainForm {
	margin: 15px 31px;
}

/* ------------- Boxes --------------------- */

.boxFil {
	border: 1px solid #ddd;
	padding: 5px;
	/* width: 410px; */
	margin-bottom: 20px;
}


/* ------------- List ---------------------- */

#dropContent ul.ssRub {
	margin-left: -20px;
}
	#dropContent ul.ssRub li {
		color: #3F3F3F;
		margin-bottom: 20px;
	}
	#dropContent ul.ssRub li > *:first-child {
		font-weight: bold;
		background-color: #eee;
		padding: 2px 4px;
	}
		#dropContent ul.ssRub li dl {
			color: #000;
		}



/* ------------ Definition List ------------ */

dl.large{
	border: 1px solid #eee;
	padding: 10px;
	margin: 10px;
}

dt {
	float: left;
	width: 180px;
	background: transparent url('media/form_label_bg.jpg') repeat-x;
}
	dt.required {
		color: #333333;
	}
	
	dt .label {
		background-color: #fff;
		padding-right: 5px;
	}
	dt .labelAsterisk {
		padding-right: 15px;
		background: #fff url('media/form_asterisk.jpg') no-repeat scroll right center;
	}

dd {
	/*margin: 10px 10px 10px 180px;*/
	margin: 10px 0 10px 180px;
}
	dd input[type="text"], dd input[type="password"], dd select, dd textarea, textarea {
		width: 230px;
		border: 2px solid #DDDDDD;
	}
	dd input[type="text"].short, dd input[type="password"].short {
		width: auto;
	}
	dd input[type="text"].marge {
		margin-top: 10px;
	}
	
	dd input[type="text"]:focus, dd input[type="password"]:focus, dd select:focus, dd textarea:focus, textarea:focus {
		background-color: #f3fcff;
		border-color: #BFE7F7;
	}
	dd input[type="text"]:hover, dd input[type="password"]:hover, dd select:hover, dd textarea:hover, textarea:hover {
		border-color: #BFE7F7;
	}
	
	dd .zoneCb {
		width: 360px;
		padding: 10px;
		background-color: #eeeeee;
		line-height: 25px;
		margin-top: 10px;
	}
	
	dd.viewText {
		margin-left: 182px;
		margin-bottom: 16px;
	}
	
	dd ul{
		margin-left: -25px;
	}
	
	dd.textFil {
		border: 1px solid #ddd;
		padding: 2px;
		margin: 8px 0 8px 180px;
		background-color: #ffffff;
	}

dl.numerique dt{
	width: 358px;
}
dl.numerique dd{
	text-align:right;
}
	dl.numerique input[type="text"] {
		width: 46px;
	}

dl dt.checkbox{
	width: 388px;	
}

dl dt.boolean{
	width: 300px;
}
dl dd.boolean{
	text-align:right;
}



/* ------------------------------ Table -------------------------- */

tr span.interro{
	width: 18px;
	height: 18px;
	display: block;
	background: url('media/interro.png') no-repeat 0 0;
	margin: 6px 0 0 5px;
}

tr:hover span.interro, tr span.interActif{
	background-position: 0 -30px;
}
tr span.interro:hover{
	cursor: pointer;
}

th {
	font-size: 14px;
	letter-spacing: 2px;
	/*padding-bottom: 10px;*/
}

td.Prod-2, td.Charg-2, td.Financ-2, td.Exceptio-2, td.Membre-2{
	width: 130px;
	background-color: #EBF4F7;
	padding: 5px;
	vertical-align: top;
}
td.Prod-1, td.Charg-1, td.Financ-1, td.Exceptio-1, td.Membre-1{
	width: 130px;
	background-color: #D5EEF7;
	padding: 5px;
	vertical-align: top;
}
td.Prod, td.Charg, td.Financ, td.Exceptio, td.Membre {
	width: 130px;
	background-color: #BFE7F7;
	padding: 5px;
	vertical-align: top;
}
td.intit {
	text-align: right;
	/*padding-right: 20px;*/
	padding-top: 9px;
	font-size: 11px;
	letter-spacing: 0.4pt;
	vertical-align: top;
}
td.totaux {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.6pt;
}
td.help {
	width: 30px;
	vertical-align: top;
}


td input[type="text"] {
	width: 105px;
	text-align: right;
}
td textarea.mini {
	width: 126px;
}
td.Prod-2 input[type="text"], td.Prod-2 textarea,
td.Charg-2 input[type="text"], td.Charg-2 textarea,
td.Financ-2 input[type="text"], td.Financ-2 textarea,
td.Exceptio-2 input[type="text"], td.Exceptio-2 textarea,
td.Membre-2 input[type="text"], td.Membre-2 textarea {
	border: 2px solid #EBF4F7;
}
td.Prod-1 input[type="text"], td.Prod-1 textarea,
td.Charg-1 input[type="text"], td.Charg-1 textarea,
td.Financ-1 input[type="text"], td.Financ-1 textarea,
td.Exceptio-1 input[type="text"], td.Exceptio-1 textarea,
td.Membre-1 input[type="text"], td.Membre-1 textarea {
	border: 2px solid #D5EEF7;
}
td.Prod input[type="text"], td.Prod textarea, 
td.Charg input[type="text"], td.Charg textarea,
td.Financ input[type="text"], td.Financ textarea,
td.Exceptio input[type="text"], td.Exceptio textarea,
td.Membre input[type="text"], td.Membre textarea{
	border: 2px solid #BFE7F7;
}

td input[type="text"]:hover, td textarea:hover {
	border: 2px solid #7FCBE9;
}

td input[type="text"]:focus, td textarea:focus {
	border: 2px solid #5099B9;
}

td.Prod-txt, td.Charg-txt, td.Financ-txt, td.Exceptio-txt, td.Membre-txt{
	width: 105px;
	padding: 7px 28px 7px 7px;
	vertical-align: top;
	text-align: right;
	line-height: 18px;
	/*height: 32px;*/
}
td.Prod-txt input[type="text"], td.Charg-txt input[type="text"],
td.Financ-txt input[type="text"], td.Exceptio-txt input[type="text"],
td.Membre-txt input[type="text"] {
	width: 105px;
}
td input[disabled], td input[disabled]:hover, td input[disabled]:focus, td input.disabled {
	border: 0;
	/*color: #EC3535;*/
	color: #3F3F3F;
	font-weight: bold;
}

td.nm0, td input[disabled].nm0 {
	background-color: #BFE7F7;
}
td.nm1, td input[disabled].nm1 {
	background-color: #D5EEF7;
}
td.nm2, td input[disabled].nm2 {
	background-color: #EBF4F7;
}

td.nm0 span, td span.nm0 {
	background-color: #D5EEF7;
	display: block;
}
td.nm1 span, td span.nm1 {
	background-color: #EBF4F7;
	display: block;
}
td.nm2 span, td span.nm2 {
	background-color: #FCFCFC;
	display: block;
}

/* ----------- */

.percent {
	float: right;
	color: #00628D;
	font-weight: bold;
	margin-right: -16px;
	line-height: 22px;
	font-size: 15px;
}


.labelAdd{
	font-style: italic;
	text-align: center;
	color: #00628D;
	margin-top: 5px;
}

div.explic{
	color: #00628D;
	margin: 0 0 18px;
	padding: 2px 0 2px 5px;
	background-color: #f3fcff;
}
h1 {
	border-bottom:2px solid #00628D;
	color:#00628D;
	font-size:22px;
}
h2 {
	border-bottom: 2px solid #00628D;
	color: #00628D;
	font-size: 18px;
}
h2.explic {
	margin-bottom: 0;
}

h3 {
	border-bottom: 2px solid #4790be;
	color: #4790be;
	font-size: 14px;
}
h3.toggable:hover {
	cursor: pointer;
	background-color: #BFE7F7;
}
h3 span.toggler {
	float: right;
	font-size: 12px;
	color: #2ba5e8;
	font-weight: normal;
	margin-top: 1px;
}


/* ------------ Validation --------------- */

label.error {
	color: #EC3535;
}

td label.error {
	font-size: 11px;
}

input[type="text"].error, textarea.error, select.error {
	border: 2px solid #EC3535;
	color: #EC3535;
}



.blocError label.error {
	letter-spacing: 0.4pt;
	text-align: center;
	display: block;
	margin: 4px;
}


div.error {
	margin: 10px 35px 10px 31px;
	border-left: 2px solid #EC3535;
	padding: 5px 5px 5px 10px;
	background-color: #eee;
}
	div.error .title {
		font-size: 16px;
		font-weight: bold;
	}
	div.error span {
		color: #EC3535;
	}


/* ----- Validation RIB --- */

div#borderRib {
	border: 2px solid #FFF;
	padding: 5px;
}
div#borderRib.noValid {
	border: 2px solid #EC3535;
}
div#validRib {
	color: #EC3535;
	clear: left;
	margin-top: 10px;
}

span#iconValidRib {
	color: #5CA354;
}
span#iconNoValidRib {
	color: #EC3535;
}

span.labelRib {
	font-size: 80%;
	color: #666666;
}

/* ------ Validation du dossier ----- */

.accepted {
	border: 1px solid #5CA354;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #B4EFAD;
}
.refused {
	border: 1px solid #EC3535;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #EC9B9B;
}
.waiting {
	border: 1px solid #DDD;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #EEE;
}

/* ----- Validation dialog() -------------------- */
/* ----- A poser dans le css du thèmes plutot --- */

.ui-widget-content .error {
	color: #EC3535;
}

/* ------------ Helper ------------------- */


#colForm {
	float: left;
	width: 418px;
	margin-left: 31px;
	/*margin-top: 20px;*/
}
	.headAccordion {
		font-size: 14px;
		font-weight: bold;
		padding: 5px;
		border: 1px solid #DDD;
		background-color: #EEE;
		display: block;
	}
	span.headAccordion:hover {
		background-color: #FFF;
	}

#formulaire {
	float: left;
	width: 418px;
}
	
#colHelper {
	width: 400px;
	float: left;
	/*margin-left: -10px;*/
}
	#helper{
		width: 400px;
		position: absolute;
		padding: 0 0 0 26px;
		background: transparent url('media/helper_cursor.gif') no-repeat top left;
	}
		.helperZone{
			padding: 10px;
			border-top: 3px solid #BFE7F7;
			border-right: 3px solid #BFE7F7;
			border-bottom: 3px solid #BFE7F7;
			/*background-color: #FFFFFF;*/
		}

		.nonValide{
			color: #999;
		}
		.titreHelp{
			font-weight: bold;
			display: block;
			color: #000000;
		}
		.bodyHelp {
			display: block;
			color: #000000;
		}
		a.lnkHelpGen{
			float: right;
			font-size: 10px;
			color: #777;
			font-weight: bold;
			padding-top: 5px;
			display: none;
		}
		a.lnkHelpGen:hover{
			text-decoration: none;
		}
		
	#helperDf{
		background-color: #ffffff;
		width: 418px;
		position: absolute;
		padding: 10px;
		border: 3px solid #BFE7F7;
		-moz-box-shadow: 1px 1px 10px #3F3F3F;
	}	
	#closer {
		float: right;
		margin: -8px;
	}
	#closer:hover {
		cursor: pointer;
	}