@CHARSET "ISO-8859-1";

body {
	font-family:Corbel, "Helvetica Neue", Helvetica, Arial, FreeSans, 
        "Liberation Sans", sans-serif;
	font-size:0.9em;
	margin:0px;
	padding:0px;
	background: #ccc url(images/background.gif) repeat;
	padding-top:20px;
}

a {
	color: #36C;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

fieldset {
	border:dotted 1px #ddd;
	padding:10px;
}

label {
	display:inline;
	float:left;
	width:120px;
}

fieldset div {
	margin-bottom:5px;
}

table {
	border: solid 1px #aaa;
}

table th {
	color:#d3cbb5;
	background-color:#3c3c3b;
}

table tr {
	border-bottom: dotted 1px #ddd;
}

h1 {
	width:100%;
	border-bottom: dotted 1px #aaa;
}

h2 {
	font-size:1.3em;
	color:#777;
	font-style:italic;
}



/* ---- Structure globale de la page  ------ */


div#messages {
	position:absolute;
	top:0px;
	left:50%;
	width:300px;
	height:80px;
	margin-left:-150px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background-color:#dc2727; 
	display:none;
}

div#container {
	width:1024px;
	margin:auto;
	background-color:#fff;
	min-height:600px;
	border:solid 1px #aaa;	
}

div#header {
	
	width:1024px;
	height:100px;
	background-image:url(images/bandeau.png);
}

div#realisation {
	text-align:right;
	font-size:0.8em;
	margin-right:5px;
	padding-top:18px;
}

div#ariane {
	padding:2px;
	padding-left:5px;
	color:#d3cbb5;
	background-color:#3c3c3b;
	font-size:0.85em;
	font-weight:bold;
}

div#ariane a {
	color:#d3cbb5;
	font-weight:normal;
}

div#gauche {
	width:200px;
	float: left;
	margin-top:28px;
}

div#body {
	
	width:780px;
	padding:0px;
	margin-left:230px;
	padding-bottom:15px;
	margin-top:15px;
}


/* --- Description de la page Popup ----*/
.body_popup {
	background: #fff;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
}

.body_popup form {
	margin:0;
	padding: 0;
}

.body_popup fieldset {
	margin:0;
	padding: 2px;
}

div#container_popup {
	background-color:#ddd;
	width:100%;
	height:100%;
	margin:0px;
}

/* Envoi de messages */
div#destinataire {
	border:dotted 1px #aaa;
	background-color:#fff;
	margin-left:100px;
	margin-right:3px;
	height:50px;
	display:block;
	overflow-y: scroll;
	padding:2px;
}

#div_ajout {
	text-align:right;
}

#lajout {
	font-size:0.8em;
	margin-right:10px;
}

#div_sujet{
	
	
}

#div_sujet_container {
	margin-left:120px;
}

#sujet {
	border:dotted 1px #aaa;
	background-color:#fff;
	display:block;
	width:99%;
}

#div_corps {
	position:fixed;
	width:100%;
	top:110px;
	bottom:33px;
	left:2px;
	right:10px;	
}

#corps {
	width:99%;
	height:100%;
}

#div_envoi {
	position:fixed;
	bottom:1px;
	right:30px;
}

.lsupprim {
	font-size:0.7em;
}

/* ---- Elements de menu  ------ */
.menu {
	margin:0px;
	margin-left:10px;
	margin-bottom:20px;
	font-weight:bold;
	padding:0px;
	
	
}
.titre {
	color:#111;
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	padding:3px;
	padding-bottom:1px;
	border-bottom:solid 1px #111;
}

.menu a {
	font-weight:normal;
	color:#36C;
}

.menu  ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #ddd;
	list-style-position: inside;
  	list-style-type: none;
  	
  	padding-left: 0;
  	
}

.menu ul {
	margin:0px;
	padding:0px;
	margin-left: 15px;
	margin-top:5px;
}

/* ---- Style des onglets --- */
.onglet {overflow:hidden; background:#dae0d2 url(images/fond.png) bottom repeat-x}
.onglet ul {float:right; margin:16px 16px 0 0; padding:0; list-style:none}
.onglet li {float:left; margin-left:3px;font-size:0.9em;}
.onglet a,.onglet_actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url(images/coin-gauche.png) 0 0 no-repeat}
.onglet span,.onglet_actif span {float:left; padding:6px 10px 3px 0; background:url(images/coin-droit.png) 100% 0px no-repeat; color:#333}
.onglet_actif {background-position:0 -250px}
.onglet_actif span {background-position:100% -250px; color:#fff}
.onglet a:hover,.onglet a:focus {color:#fff; background-position:0 -500px}
.onglet a:hover span,.onglet a:focus span {color:#fff; background-position:100% -500px}
.onglet_actif  {font-weight: bold;}


/* ---- Style des index --- */
.index {overflow:hidden;}
.index ul {float:left; margin:16px 16px 0 0; padding:0; list-style:none}
.index li {float:left; margin-left:3px; font-size:0.75em; }
.index a,.index_actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:7px; background:url(images/coin-gauche.png) 0 0 no-repeat}
.index span,.index_actif span {float:left; padding:6px 7px 2px 0; background:url(images/coin-droit.png) 100% 0px no-repeat; color:#333; text-align:center}
.index_actif {background-position:0 -500px}
.index_actif span {background-position:100% -500px; color:#fff}
.index a:hover,.index a:focus {color:#fff; background-position:0 -250px}
.index a:hover span,.index a:focus span {color:#fff; background-position:100% -250px}
.index_actif  {font-weight: bold;}



/* ---- Formulaire de connexion  ------ */
fieldset#login_form  {
	border:0;
	font-size:0.8em;
	color:#3c3c3b;
}

fieldset#login_form label{
	
	font-weight:bold;
}

#login_form div{
	margin-bottom:10px;
}


/* ---- Tables de résultats ---*/
	.tab_result {
		border-collapse: collapse; 
		border:1px solid #aaa;
		margin-left:0px;
	
	}
	
	.tab_result  image {
		vertical-align: middle;
	}
	
	.tab_result caption {
		text-align:right;
		color:#777;
		font-size:0.8em;
		font-weight:normal;
		font-style:italic;
	}
	
	table.tab_result th {
		color:#111;
		background-color:#e0e4d6;
		margin:0px;
		padding:3px;
		border:1px solid #aaa; 
		font-size:0.9em;
		vertical-align: middle;
	}
	
	table.tab_result th a {	
		font-weight:bold;
		color:#111;
	}
	
	table.tab_result td {
		margin:0px; 
		padding:3px; 
		border:1px solid #ddd; 
		font-size:0.9em;
	}
	
	table tr.ligne_impaire td { color:#000000; cursor:pointer; }
	table tr.ligne_paire td { color:#000000; background-color:#eee; cursor:pointer; }
	table tr.ligne_surlignee td { color:#ffffff; cursor:pointer; background-color:#388e28;}
	table tr.ligne_selectionnee td { color:#ffffff; cursor:pointer; background-color:#e52a2a;}

/* ---- Classes globales  ------ */
.presentation {
	border: solid 1px #ddd;
	padding:5px;
	background-color:#e5ecf9;
}




.bouton_valid  {
	border:dotted 1px #aaa;
	background-color:#e5ecf9;
	color:#3c3c3b;
	font-size:0.9em;
	font-weight:bold;
	margin-left:250px;
	font-size:0.9em;
	
}

.bouton_valid:hover{
	color:#e5ecf9;
	background-color:#3c3c3b;
}

.bouton_std  {
	border:dotted 1px #aaa;
	background-color:#e5ecf9;
	color:#3c3c3b;
	font-size:0.9em;
	font-weight:bold;
	font-size:0.9em;
	
}

.bouton_std:hover{
	color:#e5ecf9;
	background-color:#3c3c3b;
}



.information {
	border: solid 1px #ddd;
	padding:5px;
	background-color:#e5ecf9;
	font-style: italic;
	margin-bottom:10px;
}

.cpl_information {
	border: solid 1px #ddd;
	padding:5px;
	background-color:#FFFFcc;
	font-style: italic;
	margin-bottom:10px;
	font-size:0.8em;
}

.erreur {
	font-weight:bold;
	font-style:italic;
	color:#ff0000;
	text-align:center;
}

.champ_recherche {
	background-color:#388e28;
	color:#fff;
}

.commentaire {
	font-size:0.8em;
	color:#777;
}

.fieldset_std div
{
	
}

.fieldset_fil {
	background-color: #e5ecf9;
	margin-bottom:20px;
	font-size:0.9em;
	color:#777;
	font-weight:normal;
}

.fieldset_fil label {
	font-weight:normal;
}

.current {
	border-left: solid 3px #f00;
	
}

.fieldset_exemple {
	background-color:#CCFFCC;
	font-size:0.9em;
}

.fieldset_exemple input {
	font-size:0.9em;
}

.fieldset_exemple select {
	font-size:0.9em;
}

.fieldset_exemple label {
	display:inline;
	float:left;
	width:250px;
	text-align:right;
	margin-right:10px;
}

.table_affiche {
	border-collapse: collapse; 
	border:1px solid #aaa;
	margin-left:0px;
}

.table_affiche th {
		color:#111;
		background-color:#e0e4d6;
		margin:0px;
		padding:3px;
		border:1px solid #aaa; 
		font-size:0.9em;
		vertical-align: middle;
	}
	
.table_affiche td {
	padding-left:5px;
	padding-right:5px;
	font-size:0.9em;
}