@CHARSET "UTF-8";

/*
	#FFFFFF: couleur de fond principale : Blanc
	#872A2A: couleur de fond des options menu haut et titre dialogue : rouge-sang
	#D6D6B0: couleur de fond du menu haut : Vert thé
	#E5E5CC: couleur de fond du menu gauche : Gris clair
	#F2F2E5: couleur de fond des boîtes de dialogue : Gris moyen
	#FFDEB3: couleur pour listing pyjama : rose saumon clair
	#FBFBF8: couleur de fond des messages d'erreur applicative
*/

body,html {
	background-color: #FFFFFF;
	color: black;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	margin: 0;
}

.inputBouton {
	background-color: #872A2A;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px;
}

.inputBouton:disabled {
	background-color: #872A2A;
	color: gray;
	font-size: 11px;
	padding: 2px;
}

.inputBoutonMedium {
	background-color: #872A2A;
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px;
}

.inputBoutonVertGras {
   background-color: #872A2A;
   color: #C0FF3E;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
}

.inputBoutonSmall {
	background-color: #872A2A;
	color: #FFFFFF;
	font-size: 9px;
	padding: 1px;
}

/*PPC-1881*/
.inputBoutonSansPadding {
	background-color: #872A2A;
	color: #FFFFFF;
	font-size: 11px;
}

.bold {
	font-weight: bold;
}

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

.widther {
	width: 100%;
}

.alignerDroite {
	text-align: right;
}

.non-secable {
	white-space: nowrap;
}

.dialogBackground {
	background-color: #F2F2E5;
}

.versionInfo {
	background-color: inherit;
	color: black;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

/* ------------------------- */
/*    Logos et images        */
/* ------------------------- */
.logo-saq {
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: top;
	text-align: center;
}

.logo-promopunch {
	background-color: #D6D6B0;
	width: 100%;
	vertical-align: top;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

/* ------------------------- */
/*   Erreur d'Application    */
/* ------------------------- */
.msgErreur {
	background-color: #FBFBF8;
	color: #82101F;
	font-weight: bold;
	font-size: 11px;
	border: 1px ridge #82101F;
	padding: 5px;
}

/* ------------------------- */
/*   Erreur de validation    */
/* ------------------------- */
.messageInfo {
	background-color: inherit;
	color: green;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.messageErreur {
	background-color: inherit;
	color: red;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.messageAlerte {
	background-color: inherit;
	color: blue;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.messageFatal {
	background-color: inherit;
	color: red;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid red;
	display: block;
}

/* ------------------------- */
/*   Les hyper-liens         */
/* ------------------------- */
a:link img,a:visited img {
	border-style: none;
}

a.menuOption:link,a.menuOption:visited {
	background-color: #872A2A;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	display: block;
}

a.menuOption:hover {
	background-color: #FFFFFF;
	color: #872A2A;
	text-decoration: none;
	display: block;
}

a.menuOptionQuitter:link,a.menuOptionQuitter:visited {
	background-color: inherit;
	color: #666666;
	text-decoration: none;
}

a.optionLink:link,a.optionLink:visited {
	background-color: #E5E5CC;
	color: #872A2A;
	text-decoration: none;
	padding: 5px 5px 5px 7px;
	display: block;
}

a.optionLink:hover {
	background-color: #872A2A;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

a.rustLink:link,a.rustLink:visited {
	background-color: inherit;
	color: #82101F;
}

a.whiteLink:link,a.whiteLink:visited {
	background-color: inherit;
	color: #FFFFFF;
}

a.simpleListe:link,a.simpleListe:visited {
	background-color: #F2F2E5;
	color: #872A2A;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	display: block;
}

a.simpleListe:hover {
	background-color: #872A2A;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/* ------------------------- */
/*  Table principale         */
/* ------------------------- */
table.promopunch {
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 10px;
}

/* ------------------------- */
/*  Menus horizontal haut    */
/* ------------------------- */
td.menuHaut {
	background-color: #D6D6B0;
	color: #000000;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

table.menuOption {
	background-color: inherit;
	color: #000000;
	border-collapse: collapse;
	border-style: none;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
}

td.menuOption {
	background-color: #872A2A;
	color: #FFFFFF;
	text-align: center;
	border-top: 2px solid #FFFFFF;
	white-space: nowrap;
	margin: 0;
}

td.menuOptionQuitter {
	background-color: inherit;
	color: #666666;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
}

td.ressortQuitter {
	background-color: inherit;
	width: 100%;
	margin: 0;
	padding: 0;
}

td.ressort {
	background-color: inherit;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 2px solid #FFFFFF;
}

/* ------------------------- */
/*  Menu Gauche specific     */
/* ------------------------- */
div.menuGaucheContainer {
	background-color: #E5E5CC;
	color: #872A2A;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

div.menuGauche {
	background-color: inherit;
	font-size: inherit;
	border-bottom: 1px solid #FFFFFF;
}

div.subOptionTitre {
	padding: 7px 5px 5px 5px;
}

div.subOption {
	display: block;
	padding-left: 8px;
	padding-bottom: 2px;
}

/* ------------------------- */
/*  Contenu principal        */
/* ------------------------- */
table.zoneClient {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-style: none;
}

td.zoneGauche {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td.zoneCentrale {
	background-color: inherit;
	color: black;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

/* ------------------------- */
/*  Info Bulle               */
/* ------------------------- */
.infoBulleCoinHautGauche {
	background-color: #FFF0C9;
	background-image: url('../images/infoBulle/bulleCoinGaucheHaut.gif');
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	font-size: 2px;
}

.infoBulleCoinHautDroit {
	background-color: #FFF0C9;
	background-image: url('../images/infoBulle/bulleCoinDroiteHaut.gif');
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	margin-top: -5px;
	font-size: 2px;
	float: right;
}

.infoBulleCoinBasGauche {
	background-color: #FFF0C9;
	background-image: url('../images/infoBulle/bulleCoinGaucheBas.gif');
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	font-size: 2px;
}

.infoBulleCoinBasDroit {
	background-color: #FFF0C9;
	background-image: url('../images/infoBulle/bulleCoinDroiteBas.gif');
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 5px;
	width: 5px;
	margin-top: -5px;
	font-size: 2px;
	float: right;
}

.infoBulleLigneHaut {
	border-bottom: 1px solid #82101F;
	padding: 0px;
	margin: 0px;
	margin-bottom: -2px;
	margin-right: 5px;
	margin-left: 5px;
}

.infoBulleLigneBas {
	border-top: 1px solid #82101F;
	padding: 0;
	margin: 0;
	margin-top: -2px;
	margin-right: 5px;
	margin-left: 5px;
}

.infoBulle {
	background-color: #FFFFFF;
	padding: 0;
	margin-bottom: -2px; /* IE */
}

.infoBulleTexteContainer {
	border-left: 1px solid #82101F;
	border-right: 1px solid #82101F;
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	text-transform: none !important;
}

.infoBulleTexte {
	border: thin solid #FFFFFF;
}

.infoBullePasBulle {
	background-color: #FFFFFF;
	padding: 0.3em;
	border: 1px solid #82101F;
}

/* ------------------------- */
/*  Les formulaires          */
/* ------------------------- */
#clientForm {
	background-color: inherit;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#clientForm table.contentForm {
	background-color: #F2F2E5;
	color: inherit;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: auto; /* Mozilia fix */
	text-align: left; /* Mozilia fix */
}

#clientForm table.ongletForm {
	background-color: inherit;
	color: inherit;
	border-collapse: collapse;
	border-style: none;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: 100%;
}

table.contentFormRecherche {
	background-color: inherit;
	color: inherit;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#clientForm td.dialogTitre {
	background-color: #872A2A;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	height: 2em;
	text-transform: uppercase;
}

#clientForm * div.etapeTitre {
	background-color: inherit;
	color: #872A2A;
	font-weight: bold;
	font-size: 11px;
	height: 2em;
	text-transform: uppercase;
}

.commandTitre {
	background-color: inherit;
	color: #872A2A;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	white-space: nowrap;
	text-transform: uppercase;
}

.datatableTypeClient {
	background-color: inherit;
	text-align: left;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	font-family: inherit;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

.dataTableListe {
	background-color: inherit;
	color: inherit;
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
}

.dataTableSimple {
	background-color: inherit;
	color: inherit;
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
}

.dataTableEntete {
	background-color: inherit;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	padding-right: 3px;
}

/**
 * Simplement le dateTableEntete avec alignement à gauche.
 */
.dataTableEnteteAligneGauche {
	background-color: inherit;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-right: 10px;
}

.dataTableLigne {
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
}

.dataTableLigneGauche {
	text-align: left;
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
}

.dataTableLibelle {
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
}

.dataTableLibelleRight {
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	text-align: right;
}

.dataTableColonne {
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
}

.dataTableColonneAligneGauche {
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	text-align: left;
	padding-right:10px;
}

.dataTableColonneAligneGaucheRed {
	background-color: inherit;
	color: #82101F;
	font-size: 10px;
	text-align: left;
	padding-right:10px;
}

.colonneProduitComplementaire { /* IE Fix */
	background-color: inherit;
	color: #000000;
	font-size: 10px;
	padding: 3px 10px 3px 10px;
	text-align: right;
}

.dataTableIcone {
	background-color: inherit;
	color: #000000;
	text-align: center;
	margin: auto;
	padding: 3px 10px 3px 10px;
}

.dataTableSection {
	background-color: inherit;
	color: #872A2A;
	font-size: inherit;
	font-weight: bold;
}

.pyjamaOn {
	background-color: #FBFBF8;
}

.pyjamaOff {
	background-color: inherit;
}

.ligneSurlignee {
	background-color: inherit;
	color: #000000;
	font-size: inherit;
	font-weight: bold;
}

.selectOneControl {
	background-color: inherit;
	color: #000000;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.note {
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	text-align: center;
}

.inputLabel {
	background-color: inherit;
	text-align: right;
	white-space: nowrap;
	font-size: inherit;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.outputLabel {
	background-color: inherit;
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.outputText {
	background-color: inherit;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.inputControl {
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

.inputControlDisabled {
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background-color: #EBEBE4; /* IE Fix as Mz */
	border: 1px solid #7F9DB9; /* IE Fix as Mz */
}

.inputTextarea {
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

/* ------------------------ */
/*  Affichage en colonne    */
/* ------------------------ */
#contentForm td.colonne {
	background-color: #F2F2E5;
	vertical-align: top;
	text-align: right;
	padding: 0.2em;
	font-size: inherit;
}

div.colonneTitre {
	color: inherit;
	padding: 0.2em;
	text-align: left;
	margin-bottom: 0.4em;
}

div.colonneContainer {
	background-color: inherit;
	color: inherit;
}

div.colonneData {
	padding: 0.05em;
	text-align: left;
}

#actions {
	text-align: center;
}

div.ligneVide {
	height: 0.5em
}

hr.separateur {
	border: thin solid #82101F
}

.separateurTitre {
	background-color: #82101F;
	color: #FFFFFF;
	font-size: 10px;
}

.typeCodeProduit {
	display: inline;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	white-space: nowrap;
	text-align: left;
	min-width: 8em;
	width: 10em; /* IE Fix */
	font-size: 11px;
}

.typeStatut {
	display: inline;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: left;
	min-width: 25em;
	width: 28em; /* IE Fix */
	font-size: 11px;
}

.typeInclusion {
	background-color: inherit;
	color: inherit;
	font-size: 11px;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

table.typeInclusion tr td {
   margin-left: 0px;
   padding-left: 0px;
}

/* alignement check box dans form.     */
/* ne marche pas sous IE - Bug         */
/* ou mettre une valeur négative -3px  */
.sansMargeGauche { 
   margin-left: 0px;
   padding-left: 0px;
}

.fauxSemblant {
	border: 1px solid #CCCCCC;
	width: 100%;
	font-size: 16px;
}

/* ------------------------ */
/*  Table de detail         */
/* ------------------------ */
table.detail {
	background-color: #F2F2E5;
	border-collapse: collapse;
	border-style: none;
	padding: 0;
	padding-left: 10px;
	width: 100%;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

td.detail {
	font-weight: bold;
	padding-left: 10px;
}

.detailActions {
	background-color: #F2F2E5;
	width: 100%;
	text-align: center;
	margin: auto;
}

/* ------------------------ */
/*  Page d'accueil          */
/* ------------------------ */
table.accueil {
	background-color: inherit;
	color: #000000;
	border-collapse: collapse;
	border-style: none;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin-left: 3%; /* Mozilla */
	margin-right: 3%; /* Mozilla */
}

.accueil-titre {
	background-color: inherit;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.accueil-panneauTitre {
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

.accueil-panneauTitre-important {
	background-color: #872A2A;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

.accueil-panneau {
	background-color: #F2F2E5;
	color: inherit;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 50%;
	text-align: left;
}

.accueil-panneau-important {
	background-color: #F2F2E5;
	color: inherit;
	margin: 0;
	padding: 0;
	vertical-align: top;	
	width: 50%;
}

.accueil-sousPanneau {
	background-color: inherit;
	color: #000000;
	border-collapse: collapse;
	border-style: none;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	height: 100%;
}

.accueil-content {
	margin: 10px 10px 30px 10px;
	text-align: left;
}

.accueil-separateur {
	border-left: 1px solid #000000;
}

.accueil-epingle {
	font-size: 14px;
	font-weight: bold;
}

/* RichFaces */
.rich-panel {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-panel-header {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.rich-panel-body {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
}

.rich-stglpanel-header {
	background-image: url();
	background-color: #E5E5CC;
	color: #872A2A;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border-style: none;
}

.rich-stglpanel-body {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0;
}

.rich-table-header {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-table-headercell {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-table-subheadercell {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-table {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	margin: 0;
}

.rich-table-cell {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
}

.rich-subtable-header {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-subtable-headercell {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.rich-subtable {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
	font-size: 10px;
	font-family: Verdana, sans-serif;
	margin: 0;
}

.rich-subtable-cell {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
}

.rich-dtascroller-table {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
}

.rich-datascr-button {
	background-image: url();
	background-color: #F2F2E5;
	color: black;
}

.rich-datascr-act {
	background-image: url();
	background-color: #872A2A;
	color: #FFFFFF;
	border: none;
}

.rich-datascr-inact {
	background-image: url();
	background-color: #F2F2E5;
	color: #82101F;
}

.rich-datascr-button-dsbld {
	background-image: url();
	background-color: #F2F2E5;
	color: #BBBBBB;
}

a.treeLink:link,a.treeLink:visited {
	background-color: inherit;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #872A2A;
	text-decoration: none;
	font-size: 10px;
	display: block;
}

a.treeLink:hover {
	background-color: #872A2A;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/* en conjonction avec a.treeLink:hover */
.rich-tree-node {
	border: none;
	font-size: 10px;
	color: #872A2A;
	text-decoration: none; /* Mozilla fix */
}

/* la sélection utilisateur */
.rich-tree-node-selected {
	border: none;
	font-size: 10px;
}

/* en conjonction avec a.treeLink:hover */
.rich-tree-node-highlighted {
	border: none;
	font-size: 10px;
	color: #872A2A;
	text-decoration: none; /* Mozilla fix */
}

.rich-stglpanel-marker {
	float: left;
}

.transparentInput{
	text-align: left;
	background-color:#F2F2E5;
	border-style:none;
	color: #000000 ;
}