/*Couleurs : toutes les références à des couleurs devraient se retrouver centraliser dans les paragraphes ci-dessous et exprimées uniquement en rgb*/
/*****************Fonds triés par ordre alphébétique de couleurs**************/
/*Blanc : couleur de fond des images*/
input[type="image"] {
  background-color:rgb(255,255,255)
}

/*Bleu clair*/
tfoot,.tr_th_s,a.tr_th {
  background-color: rgb(180,208,220)
}
/*Bleu clair*/
.c_item4 {
  background-color: rgb(204,221,238)
}
/*Bleu gris*/
.box_border {
  background-color: rgb(154,180,209)
}
/*Bleu foncé*/
td.titre_ouverture_module {
  background-color: rgb(20,93,150)
}
/*Bordeaux*/
input:focus,textarea:focus,.box_panier:hover,td.vente:hover,td.valider_heure:hover,td.info:hover,select:focus {
  background-color: rgb(6,0,255)
}
/*Gris : fond des claviers virtuels*/
.clavier_virtuel{
  background-color: rgb(128,128,128);

}
/*Gris clair*/
input,select,textarea {
  background-color: rgb(200,239,247);
  color: rgb(0,0,0)
}

/*texte en blanc lorsque le focus est sur un select*/
select:focus {
	color: rgb(255,255,255)
}

/*Gris clair*/
.box_panier {
  background-color: rgb(219,219,219)
}
/*Gris clair*/
.c_item1 {
 background-color: rgb(238,238,238)
}
/*Gris clair : fond par défaut*/
table.sommaire,body,input[disabled] { 
  background-color: rgb(200,239,247) 
}
/*Gris clair : Alternance ligne tableau*/
.c_item3 { 
  background-color: rgb(210,210,210) 
}
/*Gris foncé : entête,piedpage,contenu principal*/
.tr_o,.box,#footer,.header,.onglet, .sous-barre,input[type="checkbox"], input[type="radio"], #accueil, .pop_up {
  background-color: rgb(00,128,255) 
}
/*Gris foncé*/
td.id {
  background-color: rgb(0,128,255)
}
/*Noir*/
div.chargement,th.c_titre,td.c_titre,.c_item2 {
  background-color:rgb(255,255,255)
}
/*Orange : */
.liste th, .liste tfoot, h3, .barre_sous_navigation, #sommaire thead, input[type="button"], input[type="submit"], input[type="reset"], #copyright_accueil, #accueil_version, .titre_pop_up{
  background-color: rgb(6,0,255);
  color: rgb(255,255,255);
}
/*Orange*/
input.imprimer{
  background-color:rgb(255,153,51)
}
/*Orange pâle*/
td.vente,td.heure,td.heure_pointage,td.pave_caisse,td.pave_pointage,td.valider_heure,.tr_e  {
background-color:rgb(200,239,247)  
}
/*Rose*/
.ErrMsg {
  background-color:rgb(255,204,204)
}
/*Rouge*/
input.bouton,input.annuler {
  background-color:rgb(255,0,0)
}
/*Vert*/
td.matériel_valide {
  background-color:rgb(0,128,0)
}
/*Vert pâle*/
input.enregistrer {
  background-color:rgb(155,238,173)
}
/*Vert pâle*/
.GenMsg {
  background-color: rgb(204,255,153); 
}
/*Violet*/
.box_title,.box_title_vente {
background-color:rgb(161,81,161)
}
/*Violet clair*/
.titre_panier {
  background-color:rgb(204,138,204)
}
/************  Texte   *******************************************************/
/*Blanc: Couleur du texte par défaut, rubrique, selection en cours*/
label,*,en_cours,.titre_module,td.titre_ouverture_module,input:focus,select:focus option,h3,.header,input.annuler,.box_panier:hover,.box_title,.box_title_vente,td.vente:hover,td.info:hover,.titre_panier,td.valider_heure:hover, ul li a{
  color: rgb(255,255,255)
} 
/*Bleu foncé*/
input.password,.pf_g,th.c_titre,td.c_titre {
  color: rgb(21,93,150)
} 
/*Bleu*/
 .st2{
  color: rgb(0,0,153)
} 
/*Bleu*/
 td.st1:hover{
  color: rgb(0,0,255)
} 
/*Bordeaux*/
td.inactif,td.désignation_inactive,div.chargement, .rubrique_en_cours, .en_cours, .barre a:hover {
  color: rgb(6,0,255)
}
/*Gris foncé*/
.barre a{ 
color: rgb(128,128,128)
}
/*Noir*/
.liste th,.liste tfoot td,.tr_e td,a.menu,a.menu:active,.st0,.GenMsg, .ErrMsg,.HLMsg, input,option, .c_item1 td, .c_item2 td, #versions li{
  color: rgb(0,0,0);
  border-color: rgb(255,255,255) 
}
.liste th{
  color: rgb(255,255,255);
  border-color: rgb(255,255,255) 
}
/*Orange : Titres de parties de formulaires, lien visité, survolé */
legend, #acces_refuse, .confirmation_envoi, .sous-barre .en_cours, div.selection .en_cours{
  color: rgb(255,255,255);
  font-weight: bold;
}

.selection, .selection a{
  font-size: 0.95em
}
/*Orange*/
.st4 {
  color: rgb(255,255,255)
}

/*Orange  */
legend {
  color: rgb(255,255,255)
}
/*Rouge */
 td.prix,.st1,.erreur{
  color: rgb(255,0,0)
}
/*Rouge vif*/
span.f_d,td.inactif,td.f_d,td.vente {
  color: rgb(204,0,51)
}
/*Vert*/
td.actif,td.désignation_active {
  color: rgb(0,128,0)
}
/*Vert*/
.prix_vert{
color: rgb(51,153,51)
}
/*Vert*/
.st3{
color: rgb(0,153,0)
}
/*Vert fluo*/
input.bouton {
  color:rgb(0,255,0)
}
/*Violet foncé*/
input.enregistrer,td.heure,td.heure_pointage,td.pave_caisse,td.pave_pointage {
  color:rgb(108,43,127)
}
/*******************  Bordures ***********************************************/
/* Blanc : */
.logo_module, #logos_eteindre_redemarrer img, .selection{
  border-color: rgb(255,255,255) 
}
/* Noir : */
.liste,div.chargement,input[disabled],textarea,td.heure,td.heure_pointage,td.pave_caisse,td.pave_pointage,td.valider_heure,.liste td{
  border-color: rgb(255,255,255) 
}
/* Orange : */
 fieldset,tbody, #accueil_version {
 border-color: rgb(255,255,255)  
}

/* Orange : */
 .pop_up {
 border-color: rgb(255,255,255) 
}

/* Violet : */
.box_vente,.box_panier {
 border-color: rgb(161,81,161)
}

/**************** Fin de la partie consacrée aux couleur ********************/

/*Tailles de police : toutes les références à des tailles de police devraient se retrouver centraliser dans les règlees ci-dessous**************************/

.liste,.box { font-size: small }

/* Alignement : toutes les références à l'alignement devraient se retrouver centraliser dans les règlees ci-dessous**************************/

.nombre{ 
text-align: right
 }

.liste caption{ 
text-align: left
 }

.liste .icones{ 
text-align: center
 }

/* Retrait : toutes les références à des retraits devraient se retrouver centraliser dans les règlees ci-dessous**************************/


#sommaire table td{ 
padding: 7px
 }

/*Encadré en titre d'une fiche individuelle sur fond violet ou blanc*/
h3,.box_title {font-size: 11pt} 

/*Par défaut*/
* {font-size: 1em}

/*En-tête et pied de page, barre de navigation, selection*/
.header, #footer, .barre, .header a, #footer a, .barre a, .sous-barre {
font-size: 1em
}
/*Indenté de 10px*/
h3 { 
	text-indent: 10px; 
	margin-top: 0px;
}

/*Selection pour la perte d'ingredient*/
.selection_ingredient a, .selection_ingredient, .en_cours_ingredient {font-size: 20pt}

/*Marqueur universel*/
* {font-family: verdana}

/*Elément A*/
a.menu,a.menu:active { 
  text-decoration: none;
  font-size: 9px;
 }

tr.entête_liste{
height:22px
}

#sommaire thead, .liste thead{
height:22px
}

.liste .icone{ 
  width: 22px;
  height: 22px;
  vertical-align: bottom
}

.liste th.date{ 
  width: 9em;
}

/*Caractéristiques spécifiques*/

th.fonction{ 
  width:150px}

th.activation{ 
  padding-top:5px}

tr.dates{ 
  padding-bottom:5px}

th.date{ 
  width:130px }

th.prix{ 
  width:70px }

th.qté{ 
  width:100px}

th.icones{
  width:100px}

th.tel{ 
width:120px}

th.actif{ 
width:40px
}

.retrait{
text-indent:5px}

th.id{
width:30px}

th.unité{
width:20px}

td.formulaire{
vertical-align:top
}
td.titre_ouverture_module {
text-align:center;
font-size:15pt
}

td.désignation_active{ 
  text-indent:15px}

td.désignation_inactive{ 
  text-indent:15px}

.liste td.date{ 
  text-align:center
}

td.prix{ 
  text-align:right;
  padding-right:5px;
  text-indent:5px;
}

td.qté{
  text-align:right;
  padding-right:5px}
 
td.actif{ 
  text-align:center}

td.inactif{ 
  text-align:center}

td.icônes{ 
  text-align:center }

td.id{
text-align:right;
padding-right:2px}

td.unité{ 
text-align:center }
td.tel{
  text-align:center}
/* En-tête de listes de la gestion */


.liste .icones{
white-space: nowrap
}

.boutons{
  margin-top:10px;
  text-align:center;
white-space: nowrap;
font-size:small  }
.boutons_scan{
  margin-top:10px;
  text-align:center;
white-space: nowrap;
font-size:20pt  }
table.flash{
  width:900px;
  height:650px;
  vertical-align:middle;
  text-align:center;
}

td.boutons{
  text-align:center;
  height:15px  }

p.formulaire{
  height:14px;
}

.liste th,#sommaire th {
  border-style:solid;
  border-width:1px;
  }

.liste, #sommaire{
  border-collapse:collapse;
  width:100%;
  border-style:none;
  }

div.chargement{
  border:2px solid;
  width:400px;
  height:75px;position:absolute;
  left:30%;top:30%;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  display:none
}

span.f_g{
font-weight:bold;
margin:5px;
}

.liste td,.liste .nombre{
border-style:solid;
border-width: 1px;
text-indent: 1em;
padding-right: 1em;
white-space: nowrap
}

tfoot{text-align:center}
.tr_th_s {
  font-weight:bold;
  font-size: 11pt
}
a.tr_th {
  font-weight:bold
}
.tr_e {
  vertical-align:middle
}
.tr_o {
  vertical-align:middle
}
tr.heure{
  font-size:22px;
  font-weight:bold
}
input[type="text"] {
  padding-left: 5px;
  padding-right: 0px
}
checkbox {
  padding-left: 0px;
  padding-right: 0px
}
input.password {
  padding-left: 0px;
  padding-right: 0px
}
input.bouton{
  padding-left:0px;
  padding-right:0px;
}

input[disabled] {
  border: 1px solid; 
  padding-left:0px;
  padding-right:0px
}
input.vente{
  font-size:16px;
  text-align:left
}
input.encaissement {
  text-align:right;
  height:30px;
  font-size:20px
}
textarea {
  border: 1px solid; 
  padding-left: 2px;
  padding-right: 2px;
}
select {
    padding-left:2px;
  padding-right:0px}
select.encaissement{text-align:center;width:60px;height:30px;font-size:20px}
tr.titre_rubrique{
  text-align:center}
.box,.header,.barre,.sous-barre,#footer { 
  width:100%}

.box_vente { 
  width:100%;
  height:100%;
  border:solid thin
}

.hauteur_gestion{
   min-height:600px;
}
.box_panier { 
  width:900px;
  height:570px;
  border:solid thin
}
.box_mini_encaissement { 
  width:100%;
  height:100%;
  border:solid thin
}
.box_title { 
  font-weight: bold;
  height:35px;
  text-align:center
 }
.box_title_vente{ 
  font-weight:bold;
  font-size:12pt;
  height:10px;
  text-align:center}
.pf_g{ 
  font-weight: bold;
  text-align:right;
  font-size: 10pt;
 }

td.f_g{ 
  float:none;
  font-weight:bold;
  text-align:right}

td.f_d{ 
  text-indent:5px;
  font-weight: bold;
  float:none}

td.vente{
  font-size:14px;
  font-weight:bold;
  border-style:outset;
height:10em
}

td.heure{
  width:60px;
  height:60px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
   border:3px solid;
  border-style:outset
}
  
td.heure_pointage{
  width:50px;
  height:50px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  border:3px solid;
  border-style:outset
}
  
td.pave_caisse{
  width:70px;
  height:60px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  border:3px solid;
  border-style:outset
}
  
td.pave_pointage{
  width:60px;
  height:50px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  border:3px solid;
  border-style:outset
}
  
td.valider_heure{
  width:540px;
  height:60px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  border:3px solid;
  border-style:outset}

td.info{
  text-align:left;
}
.titre_panier{ 
  font-weight:bold;
  font-size:10pt}
  
th.c_titre{ 
  padding-top:5px;
  padding-bottom:5px;
  border:thin solid;
  font-weight:bold;
  text-align:center}

td.c_titre{ 
  padding-top:5px;
  padding-bottom:5px;
  border:thin solid;
  font-weight:bold;
text-align:center}
.prix_vert{ 
  text-align: right;  
  font-size: 13pt;
}
.prix_orange{ 
  text-align: right;
  font-size: 13pt;
}
td.prix{ 
  text-align: right;
  font-size: 13pt;
}
td.prix{ 
  text-align: right;
  font-size: 13pt;
}
.st3{ 
  text-align: right;
  padding-right:5px
}
.st2{text-align: right}
.st1{
  text-align: right;
  padding-right:5px
}
.st0{text-align: right}
.st4{ 
  text-align: right;
  padding-right:5px
}
.c_item3{ 
  height: 28px
}
.c_item4{ 
  height: 28px
  }
/*Mise en forme des liens*/
a{
  text-decoration: none; 
  font-weight: normal 
}
.LgnBtn      { font-size: 75% }

/* Server Message Definitions */

/*General, good server messages (eg. "Welcome", "# Files Deleted", "Message Sent", etc.)*/
.GenMsg{ 
  font-weight: normal; 
  font-size: 90% 
}
/*Server error messages*/
.ErrMsg{ 
  font-weight: normal; 
  font-size: 90%
}
/*Important server message text properties*/
.HLMsg{
font-size: 90%
}

.barre, .sous-barre, .selection{ 
  text-indent: 10px; 
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.1em
}
.selection{
padding:1em;
border-bottom: solid medium;

}
legend{ font-weight: bold }

/*Titre de formulaires: gestion,...*/
h3{
padding:10px }

fieldset{
	margin:7px;
}

fieldset td{padding-left: 7px}

/*div avec ascenseur pour clavier tactil
div#tst
{
left:90px;
top:70px;
width:940px;
height:500px;
overflow:auto;
}*/

.entete{
	background-color: rgb(255,153,0);
	color: rgb(255,255,255);
	font-size: 11pt;
	text-indent: 10px
}
.liste td{
white-space: nowrap
}
.liste td img.icone{
border-style: none
}
label{
padding-right:2em
}
input#code_barre,input#qte
{text-align : center;
font-size: 20pt;
}
.inputs
{
text-align : center;	
}