@CHARSET "UTF-8";
table {
	margin: auto;
	border-collapse: collapse;
	width: 100%;
}

    table tr:hover {
        background-color: #f4eee5;
    }

	table th, table td {
		border: 1px solid black;
		padding: 4px;
		vertical-align: middle;
	}

	table th {
		background-color: #fff;	
		font-size: 0.75em;
		color: #666;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-color: #666;
	}
	
	table th.left {
		text-align: left;
	}

	table caption {
		font-weight: bold;
		font-style: italic;
	}
	
	table tr.groupe, table tr.groupe_2 {
		font-weight: bold;
	} 
	
	table tr.groupe {
		background-color: #aaa;	
	}
	
	table tr.groupe_2 {
		text-indent: 20px;
		font-style: italic;
		background-color: #eee;	
	}
	
div#body form {
	width: 100%;
}
	
	div#body form fieldset {
		border: none;
	}		
			
		div#body form fieldset input, div#body form fieldset textarea {
			font-family: Arial, Helvetica, sans-serif;
		}
		
		div#body form fieldset input {
			margin-bottom: 5px;
		}
		
		div#body form fieldset select {
			margin-bottom: 5px;
		}	
							
			div#body form fieldset.write textarea {
				width: 100%;
			}	
		
			div#body form.liste fieldset label {
				display: block;
			}
			
			div#body form.liste fieldset table label {
				text-align: left;		
				float: none;
				width: auto;
			}		

.small_spacer {
	clear:both;
	height: 8px;
}
	
.NA {
	background-color: #666666;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.bold_italic {
	font-weight: bold;
	font-style: italic;
}

tr.masque td, tr.adminmasque td {
	text-decoration: line-through;
}

tr.adminmasque td {
	color: red;
}

.admin {
	color: red;
}

.red {
	color: red;
}

.blue {
	color: #0066FF;
}

.bold_red {
	color: red;
	font-weight: bold;
}

.smaller {
	font-size: 0.85em;
}

select#partie, select#sousPartie {
	width: 50px;
}

/* formulaire de question */
form#formQuestion {
	clear: both;
	margin-left: 0;
	width: 100%;
	font-size: 0.85em;
	font-weight: bold;
}

	form#formQuestion fieldset {
		margin: 0;
		width: 270px;
		padding: 8px;
		border: 0 none;
		background-color: #eee;
	}
	
		form#formQuestion fieldset label {
			display: block;
			margin-left: 0px;
			margin-bottom: 2px;
			text-align: left;
			vertical-align: 0;
			color: #444;
		}
		
		form#formQuestion fieldset input {
			margin-left: 0;
			margin-bottom: 8px;
			width: 268px;
			height: 15px;
			line-height: 15px;
			border: 1px solid #ccc;
		}				
		
		form#formQuestion fieldset textarea {
			margin: 0;
			padding-top: 2px;
			width: 268px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			border: 1px solid #ccc;
		}
		
		form#formQuestion fieldset input#submit_Question {
			margin-top: 8px;
			width: auto;
			height: 20px;
			padding-left: 3px;
			padding-right: 3px;
			line-height: 20px;
			font-size: 0.9em;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			background: #FF0000;
			border: none;
		}
		
		form#formQuestion fieldset input#submit_Question:hover {
			cursor: pointer;
		}
				
/* formulaire de réponse */
div.form_rep form {
	clear: both;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 0.85em;
}

	div.form_rep form fieldset {
		margin: 0;
		width: 270px;
		padding: 8px;
		border: 0 none;
		background-color: #eee;
	}
	
		div.form_rep form fieldset label {
			display: block;
			margin-left: 0px;
			margin-bottom: 2px;
			text-align: left;
			vertical-align: 0;
			color: #444;
		}
		
		div.form_rep form fieldset input {
			margin-left: 0;
			margin-bottom: 8px;
			width: 268px;
			height: 15px;
			line-height: 15px;
			border: 1px solid #ccc;
		}				
		
		div.form_rep form fieldset textarea {
			margin: 0;
			width: 268px;
			padding-top: 2px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			border: 1px solid #ccc;
		}	

		div.form_rep form fieldset input.submit_Reponse,
		div.form_rep form fieldset input#submit_Question {
			margin-top: 8px;
			width: auto;
			height: 20px;
			padding-left: 3px;
			padding-right: 3px;
			line-height: 20px;
			font-size: 0.9em;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
			background: #FF0000;
			border: none;
		}
		
		div.form_rep form fieldset input.submit_Reponse:hover,
		div.form_rep form fieldset input#submit_Question:hover {
			cursor: pointer;
		}


div#body div#content div#colRightFiche form#formQuestion fieldset div.code,
div#body div#content div#colLeftFiche div.form_rep form fieldset div.code {
    font-size: 0.8em;
    font-weight: normal;
    width: 95%;
    margin: auto;
    margin-top: 5px;
    text-align: center;
}

div#body div#content div#colRightFiche form#formQuestion fieldset div.code input,
div#body div#content div#colLeftFiche div.form_rep form fieldset div.code input {
    width: 50px;
}

div#body div#content div#colRightFiche form#formQuestion fieldset div.code label,
div#body div#content div#colLeftFiche div.form_rep form fieldset div.code label {
    display: inline;
    padding-bottom: 2px;
}

div#body div#content div#colRightFiche form#formQuestion fieldset div.code a,
div#body div#content div#colLeftFiche div.form_rep form fieldset div.code a {
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
}

div#body div#content div#colRightFiche form#formQuestion fieldset div.code a img,
div#body div#content div#colLeftFiche div.form_rep form fieldset div.code a img {
    display: inline;
}


p.pagesLiens {
	font-weight: bold;					
}	
	
	p.pagesLiens span.titre {
		float: left;		
		display: block;
		margin-right: 2px;
		height: 18px;
		line-height: 19px;
		font-size: 0.9em;
		text-transform: uppercase;
	}
	
	p.pagesLiens a, p.pagesLiens span.active {
		float: left;
		display: block; 
		margin: 0 1px;
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		font-size: 0.9em;		
	}
	
	p.pagesLiens span.active {
		background-color: #FF0000;
		color: #fff;
	}

	p.pagesLiens a {
		color: #000;
	}

	p.pagesLiens a:hover {
		background-color: #ccc;
		color: #000;
	}