titrePage {
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	font-size:3em;
}

body {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-width: 800px;
	font-size: 0.9em;
	font-family: Verdana, Arial, sans-serif;
}

#pageBody {
	border: 1px solid #999999;
	margin-top: 5px;
	padding: 15px;
	/*background-color: #BEE0FF;*/
	background-color: rgb(186,164,112);
	background-image: url("images/background.jpg");
	background-position: top;
	background-repeat: repeat-x;	
}


/*==============================
// Style pour prise en compte 
// dimension widget Crud
===============================*/

/* Style pour CRUD */
.ui-inputfield.huge {
    width: 250px !important;
}

.ui-inputtextarea.huge {
    width: 500px !important;
    height: 100px !important;
}

/* small */
.ui-inputfield.crud_small {
    width: 100px !important;
}

.ui-inputtextarea.crud_small {
    width: 100px !important;
    height: 100px !important;
}

/* medium */
.ui-inputfield.crud_medium {
    width: 400px !important;
}

.ui-inputtextarea.crud_medium {
    width: 800px !important;
    height: 100px !important;
}

/* large */
.ui-inputfield.crud_large {
    width: 800px !important;
}

.ui-inputtextarea.crud_large {
    width: 800px !important;
    height: 500px !important;
}



#invisible {
	visibility:hidden
}

/* image du header */
#header {	
	text-align: left;
	border: 1px solid #999999;
	margin-bottom: 5px;
	background-repeat:no-repeat;
	background-position: left;	 	
}

#topmenu{
	border: 1px solid #999999;
	margin-top: 5px;
	padding: 5px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
	background: rgb(13,64,41)
	
}

.topmenulink {
	color: #FFFFFF !important;
	font-size: 0.7em !important;	
}


#banner_left {
	background-image: url("images/banner.png");
	background-repeat: no-repeat;
	height: 144px;
	width: 100%;
}

#connexionLink {
	float: right;
	text-align: right;
	margin-top: 15px;
	margin-right: 15px;
	padding: 5px;
	background-image: url("images/transparent.png");
	border: 1px solid #999999;
}

#logo_AOC {
	float: left;
}

#footer {
	border: 1px solid #999999;
	margin-top: 5px;
	padding: 15px;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	/* background: #817865 url(images/ui-bg_gloss-wave_45_817865_500x100.png) 50% 50% repeat-x; */
	background: rgb(13,64,41)
}

#footer a{
	color : white;
}

#header h1 {
	text-align: center;
	color: #6f695b;
	font-family:rockwell;
	border-top-width:2px;
	border-top-style:solid;
	border-bottom-width:2px;
	border-bottom-style:solid;	
}

h1 {
	text-align: center;
	color: #6f695b;
	font-family:rockwell;
}

h2 {
	text-align: center;
	font-size: 2em;
	font-family:rockwell;
}

h3 {
	text-align: center;
}


.marginTop {
	margin-top: 15px;
}

.marginBottom {
	margin-bottom: 15px;
}

.ui-widget {
	font-size: 0.9em !important;
}

.ui-widget .ui-widget {
	font-size: 1em !important;
}

/* Largeur minimale d'une liste déroulante (SelectOneMenu) */
.ui-selectonemenu {
	min-width: 100px;
}

.ui-fieldset {
	margin-bottom: 20px;
	padding: 10px;
}

/* Largeur minimale de la liste d'un menu */
.wijmo-wijmenu-list {
	min-width: 190px !important;
}

/* Largeur d'une pickList */
.largePicklist .ui-picklist-list {
	min-width: 400px !important;
}

.datalistWOborder .ui-datalist-data {
	border: none !important;
}

.datalistWOborder ul {
	padding-left: 15px;
}

.panelGridVAlignTop td {
	vertical-align: top;
}

.widthTotal {
	width: 100%;
}

.widthAuto {
	width: auto !important;
}

.heightAuto {
	height: auto !important;
}

auto size dialogWidth 
			.ui-dialog {
	width: auto !important;
}

.pageLink,.ui-commandlink {
	text-decoration: none;
	color: #416ED7 !important;
}

.pageLink:hover,.ui-commandlink:hover {
	text-decoration: underline;
}

.ui-datatable {
	margin-bottom: 20px;
}

/* PRIMEFACES 3.0M2 utilise table-layout en fixed, ce qui est génant car les colonnes
 * ne sont plus adaptées au contenu.
 */
.ui-datatable table {
    table-layout: auto;
    text-align:center;
}

/* entete de colonne sur plusieurs lignes */
.ui-datatable th{
white-space: normal ! important;

}


.console {
	width: 100%;
	min-height: 100px;
	max-height: 300px;
	overflow: scroll;
	border: 1px solid #999999;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
}


.info_message {
	color: blue;
	margin-top: 5px;
}

.warn_message {
	color: #E09D00;
	margin-top: 5px;
}

.error_message {
	color: red;
	margin-top: 5px;
}

.cleaner {
	clear: both;
}

.alignRight {
	text-align: right;
}


/* ligne de dataTable à signaler en erreur 
   (même couleurs que les messages d'erreur)
*/
.rowError td{		
	 /* idem .ui-messages-error */
	 color: #D8000C;
	 background-color: #FFBABA;	
}

/* growl centré dans la page */
/* .ui-growl {   
    position:fixed;
    top: 40%;
    left: 37%;
    width: 360px;
    height: 110px;
    z-index:9999; 
} */

.helptext{
	color: #416ED7 !important;
	font-weight: bolder;
}

.remarques{
	font-weight: bold;
}

.intitule{
	/*font-style:italic;*/
	font-weight: bolder;
}

.impression{
	font-weight:bold;
}

.field-with-info {
	padding-right: 15px;
	background: url("images/info.png") right no-repeat;
}

/* select oui/non */
.oui-non{
	width:65px !important;
}


/* champs date */
/*=============*/
.date.ui-inputfield{
	width:65px;	
	}
	
/* champs numériques */
/*===================*/
.numeric.ui-inputfield{
	text-align:right;
	width:65px;	
	
}

.numeric.ui-inputfield[readonly] {
	text-align:right;
	width:65px;
	border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;   
}

/* colonnes alignement à droite*/
/*=============================*/
.alignRight.ui-datatable tfoot{
	text-align:right;
	}

.alignRight.ui-datatable td{
	text-align:right;
	}
	
.alignRight.ui-datatable th{
	text-align:center;
	}
	

/*panel authentification */
/*=======================*/

.authentification .ui-panel-title{
	/* color:red; */
	font-size:2em;
}

.authentification{
	width:350px;
	padding: 20px;
}

.authentification .ui-panel-content table{
	height:100px;
	width:600px;	
}

.authentification .ui-panel-content tr{
	text-align:left;
}
	
.authentification-libelle{
	width:120px;
	font-size:1.1em;
	font-weight: bold;
	text-align: right;
}

.authentification-saisie{
	width:80px;
	text-align: right;
}

.authentification-help{
	width:300px;
}
	
/* boutons accueil confédération */
/* ============================= */
.button-accueilconf{
	width:200px;
}
	
/* panel zone impression */
/*======================*/
.zone-impression.ui-panel{
	border: 0px;
	/* margin-top: 5px;
	padding: 15px; */
	
	background-color: #BEE0FF;
	background-image: url("images/background.jpg");
	background-position: top;
	background-repeat: repeat-x;
}

/* dialogues de confirmation */
/*===========================*/
.dialog-confirmation{
	width:450px !important;
	height:300px !important;
}

/*
* Style pour indiquer les champs en erreur
*/
.valeur-invalide {
	color: white !important;
	background-color: red !important;	
}

.champ-invalide {
	color: white !important;
	background-color: red !important;	
}