/*Definition de la police*/
body, table, a, h1, h2, .tableauStandard, .tableauCentral{
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 12px;
}
/*Definition de la taille de la police*/
body, table, a, .tableauStandard, .tableauCentral{
	font-size: 12px;
}

/*Redefinition des styles standards*/
body {  
	text-align: left;
	color: #000000; 
	margin-top: 0px; 
	margin-right: 40px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	background-color:white;
}
table{
	padding:2px;
	margin:2px;
	vertical-align: top;
	border-collapse:collapse;
}
td {
	text-align:justify;
	vertical-align: top;
}

th{
	background-color: #00844A;
	text-align:center;
	color:white;
}

h1 {  
	font-size: 14px; 
	font-weight: bold; 
	display: inline;
}
h2 {  
	font-size: 13px; 
	font-weight: bold; display: inline;
}
img{
	border-width: 0px;
}


/* Liens */
A { 
	color: #000000;  
	text-decoration: none; 
	font-weight: bold;
	
}
A:hover { 
	color: #ffffff; ; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 12px;
}
A.menu { 
	color: #000000;  
	text-decoration: none;
	font-weight: bold
}
A.menu:hover { 
	color: #FFCC33; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 12px;
}
A.menuitem { 
	color: #336699;  
	text-decoration: none;
	background-color: transparent;
	font-weight: normal;
}
A.menuitem:hover { 
	color: #336699;
	text-decoration: none; 
	background-color: transparent;
	font-weight: normal;
}

/*Formulaire saisie*/
fieldset {
  border: 1px solid #999;
  padding: 1px 3px;
}
legend {
  padding: 0px 10px;
}



/*Tableau*/
.tableauCentral{
	width:857px;
	height:600px;
	padding:0px 0px;
	margin:0px 0px;
	border-collapse:collapse;
	background-image:url(../image/wassadou.jpg);
	background-repeat:no-repeat;
}
.tableauCentralPopUp{
	width:600px;
	padding:0px 0px;
	margin:0px 0px;
}
.tableauEncadre  td, .tableauEncadre  th ,.tableauEncadre {
	vertical-align: middle;
}

.tableauEncadre  td, .tableauEncadre  th ,.tableauEncadre, .tableauRecherche, .tableauRecherche legend { 
	border-collapse:collapse;
	border-style: solid;
	border-width: 1px;
}
.tableauEncadre  td, .tableauEncadre  th ,.tableauEncadre {
	border-color: #8999B6;
}
.tableauEncadre  td, .tableauEncadre {

	//background-color:#FFC931;
}
.principal {
	width:1150px;
	height:500px;
	padding:0px 0px;
	margin:0px 0px;
	background-image:url(../image/fond_haut.png);
	background-repeat:no-repeat;
}
.principal #header{
	height:140px;
	vertical-align: middle;
}
.principal #nav{
	position: relative;top:40px;left:320px;
}
.principal #message{
	position: relative;top:30px;left:320px;width:760px;height:30px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.menuprinc table{
	width:300px;
}
.menuprinc td{
	width:130px;
	background-color: white;
	text-align: center;
	vertical-align: middle;
	height: 30px
}
.frise{
	background-image:url(../image/frise.png);
	width: 20px;height:100%;
	background-repeat:repeat;
}
.footer{
	background-image:url(../image/footer.png);
	background-repeat:no-repeat;
	height: 143px;
	
}
.tableauNonEncadre  td, .tableauNonEncadre  th ,.tableauNonEncadre {
	border-width: 0px;
	border-style: solid; 
}
.tableauRecherche table { 
	border-color: #8999B6;
}
.tableauRecherche{
	background-color: #BDCBE4;
}
.tableauRecherche, .tableauRecherche select, .tableauRecherche input, .tableauRecherche td, .tableauRecherche th{
	font-size: 11px;
	vertical-align: middle;
	color:black;
}
.tableauRecherche label,.tableauRecherche legend {
  font-weight:bold;
  font-size: 11px
}
.tableauRecherche label{
  display: block;	
}
.tableauRecherche legend{
  display: table;	
  background-color: #ffffff;
}
.tableauRecherche th {
	font-weight: bold;
	text-align: left;
	background-color: #BDCBE4;	
}
.tableauSaisie legend{
	font-weight: bold;
	color: #000000;
}
.tableauSaisie label{
	display: table;
	position:absolute;
}
.tableauSaisieSd select, .tableauSaisieSd input, .tableauSaisieSd textarea{
	margin-left:0em;
}
.tableauSaisie select, .tableauSaisie input, .tableauSaisie textarea{
	margin-left:9em;
}

.ligne1 { 
	background-color: #FFFFFF
}
.ligne2 { 
	background-color: #FFEEAA
}
.ligne3 { 
	background-color: #D2E1ED
}
.lignesurbrillance{
	background-color: #ffff99;
	color : #000000;
}

/* Onglets */
.module {
	text-align:center;
	color: #FEEA9E;
	font-weight: bolder; 
	font-size: 16px; 
}

/* Titres */
.titre{
	text-align:center;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
}
.titrePetit { 
	font-size: 9px;
	font-weight: normal;
}
.titreGrand { 
	font-size: 24px; 
	font-style: italic; 
	font-weight: bolder; 
	font-variant: normal; 
	text-transform: none; 
	color: #006699
}

/*Bouton*/
.bouton {
	width: 100px; 
	background-color: 00844A; 
	color: #FFFFFF;
	cursor:url("../image/hand.gif"), auto;
}

/*Mise en forme texte ou champ*/
.date {
	font-size: 10px;
	cursor:default;
}
.libelle, .libellePrioritaire {
	font-weight: bold;
}
.libellePrioritaire {
	color: #FF0000;
	vertical-align: 4px; 
	font-size: 70%;
	
}
.libelleInformation {
	font-style: italic;
}
.champTransparent{ 
	background-color:transparent;
	border-style:none;
}
.champReadOnly{ 
	background-color:lightgrey;
}
.champNumerique {
	text-align: right;
	vertical-align: middle;
}
.champTexte {
	text-align: justify;
}
.champObligatoire {  
	background-color: #FFF6D1;
}
.champImage {  
	text-align: center;
}
.progressMsg{
	font-size: 9px;
}
/* Couleur */
.color_y {background-color: #FFC931;}
.color_b {background-color: #8CA1C8;}
.color_v {background-color: #77C420;}

/* Page en general */
div.pageCentrale {
	width:924px;
	height:519px;
	overflow:auto;
}
/*Menu*/
.menu { 
	font-weight: bold;
	color: #FFFFFF;
	cursor:url("../image/hand.gif"), auto;
	text-align:center;
}
.menuover{
	background-color: #7E90B2; 
	text-align:center
}
.ssmenu{
	position:absolute;
	left:0px; 
	top:-500px;
	border-color: #ABD9F3;
}
.tableauEncadre.ssmenu  td {
	border-width: 1px;
	vertical-align:middle; 
}
.menuitem{
	background-color: #ffffff;
	color: #336699;
}
.menuitemover{ 
	background-color: #ABD9F3;
	color: #336699;
}
.menuframe{
	left: 0px; 
	position: absolute; 
	top: 0px;
	color: #ffffff;
	font-size: 1px;
}

/*DisplayTag*/
div.pagination, span.pagination {
	padding: 0px 0px 0px 2px;
	display: block;
	cursor: pointer;
	background-color: #BDCBE4;
	border: 1px solid #999;
	margin: 2px 0 10px 0;
	width:99%;
}
div.exportlinks {
	background-color: #BDCBE4;
	border: 1px solid #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
}
div.exportlinks, div.exportlinks a {
	font-size: 11px;
}
div.tableauDisplayTag {
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;	
	display: block;
	clear: both;
	position:relative;
	top: 2px;
}
.tableauDisplayTag table{
	width:99%;
}

th.sorted a,th.sortable a {
	display: block;
	width: 100%;
	
}
th.sorted{
	background-color: #7E90B2;
}
th.sortable a {
	background:url("../image/arrow_off.gif") right no-repeat;
}
th.order1 a {
	background: url("../image/arrow_down.gif") right no-repeat;
}
th.order2 a {
	background: url("../image/arrow_up.gif") right no-repeat;
}
span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	cursor: pointer;
}
span.excel {
	background: url(../image/excel.gif) left no-repeat;
}
span.csv {
	background: url(../image/csv.png) left no-repeat;
}
span.xml {
	background: url(../image/xml.png) left no-repeat;
}
span.pdf {
	background: url(../image/pdf.gif) left no-repeat;
}
span.rtf {
	background: url(../image/rtf.png) left no-repeat;
}
span.pageencours{
	font-weight: bold;
	color:#7E90B2	
}
/*Barre de message d'erreur*/
.Etatok {  
	color: #336699; 
}
.Etatko {  
	color: #FF0000; 
}
.Etatko,.Etatok {  
	border-style: none;
	border-width: 0px;
	font-size: 11px;
	background-color:transparent;
	text-align: left;
}

/* AUTOCOMPLETE CSS (AJAX) */
.autocomplete {
  z-index: 10;
  position: absolute;
  color: #333;
  background-color: #fff;
  border: 1px solid #666;
  font-family: Arial;
  overflow: hidden;
}

.autocomplete ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.autocomplete li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.autocomplete li.selected {
  background-color: #cef;
  border-top: 1px solid #9bc;
  border-bottom: 1px solid #9bc;
}

/*Onglets*/
    
.panel{
	position:absolute;
	background-color: #ffffff;
	width:99%;
	border: 1px solid #8999B6;
	top:23px;
	left:0px;
	padding: 3px;
	z-index: 0;
}

.panelBar div{
	position: relative;
}
.panelBar ul{
	list-style-type: none;
	margin: 0;
	display:inline;
}
.panelBar li {
	float: left;
    height: 18px;
    margin: 2px 2px 0 2px;
    border: 1px solid #8999B6;
    padding: 2px 10px 0px 10px;
}
.panelNonActif{
	background-color: #8CA1C8;
	z-index: 1;
	top:-1000px;
	
}
.panelActif{
	background-color: #FAD133;
    top:24px;
    z-index: 1;
    border-bottom: 0px;
}
.panelTab{
	display:block;
	position: relative;
  	margin: 0;
  	width:99%;
}

div#services{
	position: relative;top:80px;left:0px;
	float:right; margin:0px 0px 0px 0px;font-size:.9em;width:100%;
	text-align:center;color:#999999;}
div#services ul li a{color:#a7c45b}
div#services ul li a:hover {color:#3A54A5;text-decoration:underline; }

div#services ul{ display:block; margin:10px 0 0 0; padding:0; }
div#services li{ display:inline; margin:0; padding:0; list-style:none;vertical-align:middle; }
div#services li a.accueil { background:url(../image/retou_accueil.jpg) left bottom no-repeat; padding:5px 0 3px 22px;text-decoration:none;color:#999999; margin:0}
div#services li a.hdp { background:url(../image/haut_de_page.jpg) left bottom no-repeat; padding:5px 0 5px 22px;text-decoration:none;color:#999999; margin:0}
div#services li a.imprimer { background:url(../image/imprimer.jpg) left bottom no-repeat;padding:5px 0 5px 22px;text-decoration:none;color:#999999; margin:0}
div#services li a.facebook { background:url(../image/facebook.gif) left bottom no-repeat;padding:5px 0 2px 22px;text-decoration:none;color:#999999; margin:0}
div#services li a.viadeo { background:url(../image/twitter.png) left bottom no-repeat;padding:5px 0 2px 22px;text-decoration:none;color:#999999; margin:0}
div#services ul li {background:none;margin:0;padding-left:5px;}
div#services ul li a:link,a:visited, div#content_global #services ul li a:active, div#content_global #services ul li a:visited {font-weight:normal;font-size:0.9em;text-decoration:none;}
div#services ul li a:hover{text-decoration:underline;}