/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
				/*       Feuille de styles générale                     */
				/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
	margin: 5px;
	text-align: center;
}

a, a:visited { color: #800000; text-decoration: underline; }

a:hover { color: #006400; text-decoration: underline; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*       DIVISIONS                                      */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.haut {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	text-align: justify;
	border: none;
}

div.milieu {
	width: 95%;
	max-width: 950px;
	margin: auto;
	text-align: justify;
	border: none;
}

div.centree { text-align: center; width: 100%; }

div.bas {
	width: 100%;
	max-width: 1000px;
	padding-top: 20px;
	margin: auto;
	text-align: right;
	border: none;
}

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*       FORMES DE TEXTE                                */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p {
	color: #000000;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
}

p.erreur {
	color: #ff0000;
	font-weight: bold;
	text-align: left;
}

div.sousTitre {
	font-size: 15pt;
	font-weight: bold;
	color: #5F5F5F;
	text-align: center;
	margin-bottom: 20px;
}

span.important { font-weight: bold; color: #A43328; }
	
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*       ENTETE et PIED DE L'APPLICATION                */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */


table.tableauEntete { width: 100%; max-width: 1000px; }

table.tableauEntete td { border: none; }

table.tableauEntete td.exterieur { border: none; width: 15%; }

table.tableauEntete td.titre {
	font-family: serif, courrier, arial;
	letter-spacing: 0.1em;
	font-size: 22pt;
	font-weight: normal;
	color: #963a27;
	text-align: center;
}

table.tableauEntete td.exterieur a img { border: none; }

/* Trait séparant l'entête de la page */
hr.ligneEntete { border: 1px solid #963a27; }

hr.lignePied { border: 1px solid #963a27 ; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      LOGIN                                           */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.tableauLogin { text-align: center; margin: auto; } /* Pour centrer le tableau sous IE6 */

table.tableauLogin { border: none; margin: auto; }

table.tableauLogin tr { border: none; }

table.tableauLogin td {
	border: none;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding-right: 10px;
}

table.tableauLogin td.libelle { color: gray; text-align: right; }

table.tableauLogin td.champ { text-align: left; }

table.tableauLogin td.bouton { height: 40px; vertical-align: bottom; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      MENU PRINCIPAL                                  */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.menuPrincipal { text-align: center; margin: auto; }

div.menuPrincipal fieldset {
	position: relative;
	width: 80%;
	margin: auto;
	border: 1px solid gray;
	margin-bottom: 20px;
}

div.espaceFieldset {
	height: 20px;
	/* hack pour IE7 */
	*height: 30px;
}

div.menuPrincipal fieldset legend { text-align: left; padding-left: 15px; padding-right: 15px; color: #000000; }

div.menuPrincipal fieldset ul li { margin-bottom: 10px; }

div.menuPrincipal a, div.menuPrincipal a:visited {
	text-decoration: none;
	color: #4F3622;
}

div.menuPrincipal a:hover { text-decoration: underline; color: blue; }

fieldset a.boutonAide {
	position: absolute;
    background: url(aideGrand.jpg) top left no-repeat;
	width: 43px;
    height: 32px;
	right: 20px;
	margin-top: -21px;
}

a.boutonAide {
	display: inline-block;
	background: url(aidePetit.jpg) top left no-repeat;
	width: 23px;
	height: 24px;
	border: none;
	margin-left: 10px;
}

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      FORMULAIRE                                      */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.formulaire { width: 95%; text-align: center; padding-top: 0px; margin: auto; }

div.formulaire table.tableauChamps {
	margin: auto;
	border: none;
	text-align: left; 
}

div.formulaire table.tableauChamps td { border: none; }

div.formulaire table.tableauChamps td.libelle {
	text-align: right;
	padding-right: 15px;
	color: #3F3F3F ;
}

div.formulaire table.tableauChamps td.libelleOblig { color: #0033CC; }

div.formulaire table.tableauChamps td.champ { text-align: left; }

div.formulaire table.tableauChamps td.bouton { padding-top: 15px; text-align: center; }

div.formulaire table.tableauChamps td.ligneVide { height: 20px; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      GERE ENTITE                                     */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* AFFICHAGE DE LA LISTE DES ENTITES */
table.tableauListe { 
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	background-color: #ffffff;
	border: none;
}

table.tableauListe th {
 	text-align: center;
 	color: #FFFFFF;
 	background-color: #6699FF;
 	border: 1px solid #5F1D2E;
 	padding: 2px ;
}

/*
Affichage différent d'une ligne à l'autre
Fonctionne sous Firefox mais pas sous IE => pas utilisé, on passe par une méthode algorithmique
table.tableauListe tr:nth-child(even) {background: #CCC; }
table.tableauListe tr:nth-child(odd) {background: #FFF; }
*/
table.tableauListe tr.lignePaire {background: #FFFFFF; }
table.tableauListe tr.ligneImpaire {background: #D5D5D5; }


table.tableauListe td {
	color: #000000;
	text-align: left;
	border: 1px solid #000000;
}

table.tableauListe td.valeurChamp { border: 1px solid #000000; }

table.tableauListe td.actions { border: 1px solid #000000; text-align: center; }

/* LIGNES DU TABLEAU SURLIGNEES et NON SURLIGNEES */
table.tableauListe tr.surligne { cursor: pointer; background-color: #9999ff; }
table.tableauListe tr.nonSurligne {	background-color: transparent; }

/* AFFICHAGE DES BOUTONS */
div.tableauBoutons { text-align: center; margin: auto; } /* Pour centrer le tableau sous IE6 */
table.tableauBoutons { margin: auto; border: none; }
table.tableauBoutons td { border: none; }
table.tableauBoutons td.BoutonPrec { border: none; text-align: left; }
table.tableauBoutons td.BoutonSuiv { border: none; text-align: right; }
table.tableauBoutons td.supprimeoui {border: none; text-align: left; }
table.tableauBoutons td.supprimenon {border: none; text-align: right; }

/* AFFICHAGE DU NOMBRE DE RESULTATS */
p.nbResultatsListe { font-style: italic; text-align: center; }

/* AFFICHAGE DU "RETOUR A LA LISTE" */
div.retourListe { }


			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      TABLEAU SI AFFICHAGE DU CHOIX DES COLONNES      */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.messageChoixColonne {	text-align: center; font-style: italic; }

div.centree table.choixColonnes {
	margin: auto;
	border: 1px solid gray;
	text-align: center;
}

div.centree table.choixColonnes td { text-align: center; border: none; padding: 5px; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      CAS SPECIFIQUE DES LOV                          */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.divLov /*div d'affichage du champ de recherche des LOV (touche de "triche" ArrêtDéfil)*/
{
/*	
	background-color: white;
	border: 1px solid black;
	font-size: 80% ;
	left: 95px;
	top: 45px; 
	z-index: 10;
	padding: 2px; 
	overflow: auto;
	height: 100px;
	width: auto;
*/
	
	position: absolute;
	visibility: hidden;
}

/* les lov utilisant le javascript sont affichées différemment */
select.lovJavaScript { background-color: #3399FF; color: #FFFFFF; }

table.LovRadioNbeColonne { border: none; }

table.LovRadioNbeColonne td { border: none; border-right: 1px solid gray; text-align: left; }

table.LovRadioNbeColonne td.lastCol { border: none; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      CAS SPECIFIQUE DES BOX                          */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
table.BoxNbeColonne { border: none; }

table.BoxNbeColonne td { border: none; border-right: 1px solid gray; text-align: left; }

table.BoxNbeColonne td.lastCol { border: none; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      LISTE AVEC PUCES                                */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

li { color: black; text-align: left; margin: 0 5px 0 5px; }

			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*      BOUTONS "RETOUR AU MENU" et "DECONNEXION"       */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */


table.actionentete { border: none; width: 100%; max-width: 1000px; margin: auto; }

table.actionentete td {
	border: none;
	text-align: right;
	vertical-align: middle;
	width: 50%;
	padding: 0px;
}

table.actionentete td.bouton a {
    color: #565656;
	text-decoration: none;
	padding: 5px 10px 6px 7px;
	background-color: #f5f5f5;
	border: 1px solid #EFEFEF;
    cursor: pointer;
    font-weight: bold;
    font-size: 9pt;
    line-height: 130%;
    
}

table.actionentete td.bouton a img {
	margin: 0px 3px -3px 0px;
    padding: 0px;
    border: none;
    width: 16px;
    height: 16px;
}

/* bouton RETOUR AU MENU */
table.actionentete td.bouton a.retourmenu, td.bouton a.retourmenu:visited {
    color: #A43328; 
    float: left;
}

table.actionentete td.bouton a.retourmenu:hover {
	background: #FFD7CF;
    text-decoration: none;
    color: #2330BF;
}

/* bouton DECONNEXION */
table.actionentete td.bouton a.deconnexion, td.bouton a.deconnexion:visited {
    color: #d12f19;
    float: right;
}

table.actionentete td.bouton a.deconnexion:hover {
	background: #fbe3e4;
    text-decoration: none;
    color: #2330BF;
}


			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			/*    MESSAGES de VALIDATION, de WARNING et d'ERREUR    */
			/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.msgValide, div.msgAttention, div.msgErreur, div.msgInfo, div.msgValideAvecIcone, div.msgAttentionAvecIcone, div.msgErreurAvecIcone, div.msgInfoAvecIcone {
	width: 600px;
	padding: 15px 10px 15px 60px;
	text-align: left;
	font-weight: bold;	
	margin: auto;
	text-align: justify;
}

div.msgValideAvecIcone { background: url(msgValide.png) 7px center no-repeat; }

div.msgValide, div.msgValideAvecIcone {
	border: 2px solid green;
	background-color: #A0FF9F;
	color: green;
}

div.msgAttentionAvecIcone { background: url(msgAttention.png) 7px center no-repeat; }

div.msgAttention, div.msgAttentionAvecIcone {
	border: 2px solid #CF8300;
	background-color: #FFDC9F;
	color: #CF8300;
}

div.msgErreurAvecIcone { background: url(msgErreur.png) 7px center no-repeat; }

div.msgErreur, div.msgErreurAvecIcone {	
	border: 2px solid red;
	background-color: #FFBFBF;
	color: #D8000C;
}

div.msgInfoAvecIcone { background: url(msgInfo.png) 7px center no-repeat; }

div.msgInfo, div.msgInfoAvecIcone {	
	border: 2px solid #869B34;
	background-color: #E3EFB3;
	color: #869B34;
}

/* ****************************** */
/*      Calendrier                */
/* ****************************** */

img.ui-datepicker-trigger { cursor: pointer; }
.ui-datepicker { font-size: 9pt; }