/* @group Structure */
*{
	margin: 0px;
	border-spacing: 0pt;
}
body {
	background-color: #ffffff;
	font-size: 11px;
	font-family: Lucida, Lucida Grande, Verdana, sans-serif;
	background-repeat:repeat-y;
	background-position:175px;
}
div#head {
	left: 0pt;
	top: 0pt;
}

div#nav {
	left: 0pt;
	top: 200px;
	max-width: 130px;
	width: 130px;
	vertical-align: middle;
	padding-left: 13px;
	display: block;
	margin-top: 3px;
	text-decoration: none;
	font-size: 11px;
}

div#main {
	font-family: Verdana, sans-serif;
	position: absolute;
	left: 178px;
	top: 180px;
	max-width: 850px;
	width: 850px;
	z-index: 1;
	padding-top:10px;
}

div#main_frame {
	font-family: Verdana, sans-serif;
	position: absolute;
	left: 0px;
	top: 0px;
	max-width: 850px;
	z-index: 1;
	padding-top:10px;
}

div#main table{
margin-left:10px;
}
div#main p{
margin-left:10px;
}

.feedback {
	color: red;
	display: block;
	position: absolute;
	top: 10px;
	left: 190px;
	font-weight: bold;
}

.logo  {
float:left;
position: fixed;
left:0px;
top: 0px;
z-index:4000;
	background-color: #fff;
}

#header{
display:block;
height:94px;
left:176px;
top: 0px;
float:left;
position:absolute;
	max-width: 850px;
	width: 850px;
}

#titre {
	height: 18px;
	vertical-align: bottom;
}

#historique {
border-top: thin solid gray;
	padding-top: 4px;
	margin-left: 0;
	padding-left: 10px;
	top: 10px;
	position: relative;
}

#scroll {
	overflow: auto;
	height: 200px;
	width:300px;
}



/* @end */

/* @group Navigation */

/* @group Verticale */

div#links {
	color: #394B66;
	font: normal 13px Arial, Helvetica, sans-serif;
	width: 172px;
	text-decoration: none;
text-align:left;
margin-top: 10px;
padding-top:2px;
display:block;
}


#links  a {
	display: block;
		color: #394B66;
	font-weight: bold;
	text-decoration: none;
	height: 15px;
	vertical-align:middle;
	padding-bottom: 10px;
		padding-left:20px;
		padding-right:10px;	
		padding-top: 5px;
		margin-right:7px;
		margin-left:7px;
	
}

#links ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#links ul li img{
margin-right:8px;
}

#links ul li a:hover {
	background-image: url(../media/fd_links_on.gif);
	background-position: 100%;
			background-repeat: no-repeat;
			color:#000000;
}

.devant {
	background-image: url(../media/shade_on.gif);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 16px;
	padding-top:0px;
	height:28px;
}


.derriere {
	background-image: url(../media/shade.gif);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 16px;
	padding-top:0px;
	height:28px;

}



/* @end */

/* @group Horizontale */

.vide {
	background-image: url(../media/vide.gif);
	background-repeat: repeat-x;
	background-position: 100%;
	padding-right: 200px;
}

#links ul li a.gauche1-devant {
	background-image: url(../media/fd_links_on.gif);
			background-position: 100%;
			background-repeat: no-repeat;
}


#links ul li a.gauche1 {
	background-image: url(../media/fd_links_off.gif);
			background-position: 100%;
			background-repeat: no-repeat;
}

#links ul li a.gauche1-devant:hover {
	color:#000000;
}



/* @end */

/* @group Log */

#log{
display:block;
margin-top:3px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #394B66;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
		border-left: 1px solid #9C9C9C;
border-right: 1px solid #9C9C9C;
	margin-left: 600px;
	height:auto;

	left:0px;
top: 0px;
}

#log a {
	color: #394B66;
	font-weight: bold;
	text-decoration: none;
}

#log ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#log ul li {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 6px;
		margin-left:1px;
		margin-right:1px;
				border-bottom: 1px solid #9C9C9C;
				height:11px;

}

/* @end */



/* @end */

/* @group Presentation */

/* @group Liens */

a {
	text-decoration: none
}

a:link {
	color: #667d9f;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #667d9f;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #667d9f;
	text-decoration: none;
	font-weight: bold;
}



/* @end */

/* @group Forms */

input {
	font-size: 11px;
	font-family: Lucida, Lucida Grande, Verdana, sans-serif;
}

select {
	font-size: 11px;
	font-family: Lucida, Lucida Grande, Verdana, sans-serif;
}

textarea {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #666666;
}


input:focus,select:focus,textarea:focus {
	background-color: #e6e6e6;
	color:black;
}

input:hover,textarea:hover,select:hover {
	background-color: #ffb;
}

/* @end */

/* @group Tableau */


th {
	font-size: 11px;
	color: #1D7478;
	text-align: left;

}

TD {
	font-size: 11px;
	font-family: Lucida, Lucida Grande, Verdana, sans-serif;
}

td.fin {
	background:  url(vide.gif) repeat-x;
	width: 100%;
}


tr.ligne1 {
	background: #e6e6e6 url(fd_filet_tab.gif) repeat-x;
}

tr.ligne2 {
	background: url(fd_filet_tab.gif) repeat-x;
}

tr.ligne1:hover, tr.ligne2:hover{
	background-color: #cce6b3;
	
}


.delai_depasse{
	color: #f00;
}
.delai_ok{
	color: #00843d;
}

/* @end */

/* @group TalbeauRapport */

.table_rapport{
	border-spacing: 0pt;
	
}




tr.lra1 {
	background: #e6e6e6 url(fd_filet_tab.gif) repeat-x;
}

tr.lr21 {
	background: url(fd_filet_tab.gif) repeat-x;
}

tr.lra1 td, tr.lra2 td{
	background: url(fd_filet_tab.gif) repeat-y;
	padding-right: 5px;
	padding-left: 5px;
}

tr.lra1:hover, tr.lra2:hover{
	background-color: #cce6b3;
	
}

.lignebreakpartial {
	background: #ECE6DA;
	color: #801f0c;
	font-style: italic;
	height: 1.5em;
	padding-right: 15px;
}

.lignebreak {
	background: #d6cdc6;
	color: #801f0c;
	font-weight: bold;
	height: 2em;
	padding-right: 15px;
}


/* @end */

/* @group ClassiqueHTML */

h1 {
	font-size: 18px;
	font-weight: bold;
	background: url(fleche_select.gif) no-repeat 0 center;
	padding-left: 25px;
	margin-left: 10px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 10px; 
	margin: 0pt 0pt 0pt 10px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 4px;
	margin: 10px 0pt 0pt 10px;
}

P {
	font-size: 11px;
	font-family: Lucida, Lucida Grande, Verdana, sans-serif;
}


/* @end */



/* @end */

/* @group Piece */

/* @group PieceGeneral */

.trait_gauche {
	/*border-left: 1px solid black;*/
	padding-left: 4px;
	padding-right: 4px;
}

.trait_droit {
	/*border-right: 1px solid black;*/
	padding-left: 4px;
	padding-right: 4px;
}

.trait_bas {
	border-bottom: 1px solid black;
	padding-bottom: 6px;
}

.trait_haut {
	border-top: 1px solid black;
	padding-bottom: 6px;
}

.commentaire {
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
}



/* @end */

/* @group PieceSection */

td.type3,td.sum3,td.type4 {
	visibility: hidden;
}

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

td.libelle3, td.libelle3 a:link,td.libelle3 a:hover,td.libelle3 a:visited{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 12px;
}

td.fin3 {
	display: none;
}



/* @end */



/* @end */

/* @group Interaction */

/* @group Tootips */
#tooltip {

	position: absolute;

	z-index: 200;

	border: 1px solid #111;

	background-color: #eee;

	padding: 5px;
	opacity: 0.90;
	top: -20px;
	left: -70px;
}

#tooltip h3, #tooltip div { margin: 0; }




/* @end */

/* @group AutoComplete */

.ac_results {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 10000;
		display: none;
	}
	
	.ac_results li {
		padding: 2px 5px;
		white-space: nowrap;
		color: #101010;
		text-align: left;
	}
	
	.ac_over {
		cursor: pointer;
		background-color: #ffb;
	}
	
	.ac_match {
		text-decoration: underline;
		color: black;
	}



/* @end */

.lettrage {
	background: url(icone_tick.gif) no-repeat;
}

/* @group Calendar */

/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
}
#calendar_div {
	display: none;
	border: 1px solid #777;
	z-index: 10; /*must have*/ 
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width: 250px;
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #fff;
}
.calendar_control {
	background: #e6e6e6;
}
.calendar_links {
	background: #000;
}
.calendar_control, .calendar_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #333;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #eee;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #777;
}
.calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .calendar_daysCell a{
	display: block;
}
.calendar .calendar_weekEndCell {
	background: #ddd;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #fcc !important;
}
.calendar_currentDay {
	background: #999 !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.calendar_titleRow a {
	color: #eee !important;
}
.calendar_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}

/* @end */



/* @end */

/* @group questionnaire */

.questionnairebouton {
	position: fixed;
	background-color: #e6e6e6;
	margin-right: 30px;
	z-index: 2;
}

.choix{
	display: inline;
	padding-right: 40px;
	padding-top: 4px;
}

.questionnaire {
	display: block;
	position: absolute;
	top: 160px;
}



/* @end */