/*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**************/
/*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 {
  background-color: rgb(168,44,40)
}
/*Gris clair*/
input,select,textarea {
  background-color: rgb(192,192,192)
}
/*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(204,204,204) 
}
/*Gris clair : Alternance ligne tableau*/
.c_item3 { 
  background-color: rgb(210,210,210) 
}
/*Gris foncé : entête,piedpage,contenu principal*/
.tr_e,.tr_o,.box,#footer,.header,.onglet, .sous-barre,input[type="checkbox"], input[type="radio"] {
  background-color: rgb(128,128,128)
}
/*Gris foncé*/
td.id {
  background-color: rgb(153,153,153)
}
/*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"]{
  background:rgb(255,153,0)
}
/*Orange*/
input.imprimer {
  background:rgb(255,153,51)
}
/*Orange*/
td.vente,td.heure,td.heure_pointage,td.pave_caisse,td.pave_pointage,td.valider_heure {
background-color:rgb(254,202,77)  
}
/*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,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 {
  color: rgb(168,44,40)
}
/*Gris foncé*/
.rubrique_en_cours,.barre a{ 
color: rgb(128,128,128)
}
/*Noir*/
a.menu,a.menu:active,.st0,.GenMsg, .ErrMsg,.HLMsg, input,option{
  color: rgb(0,0,0)
}
/*Orange : Titres de parties de formulaires, lien visité, survolé */
legend,a:hover, .en_cours, #acces_refuse{
  color: rgb(255,164,0)
}
/*Orange*/
.st4 {
  color: rgb(255,136,0)
}

/*Orange  */
legend,a:hover {
  color: rgb(255,164,0)
}
/*Rouge */
 td.prix,.st1{
  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 ***********************************************/
/* Gris : */
.icone{
  border-color: rgb(128,128,128) 
}
/* Noir : */
div.chargement,input[disabled],textarea,td.heure,td.heure_pointage,td.pave_caisse,td.pave_pointage,td.valider_heure{
  border-color: rgb(0,0,0) 
}
/* Orange : */
 fieldset,tbody, #hr_accueil {
 border-color: rgb(255,164,0) 
}
/* 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**************************/

/* 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: 10pt}

/*En-tête et pied de page, barre de navigation, selection*/
.header, #footer, .barre, .selection, .header a, #footer a, .barre a, .selection a, .en_cours {font-size: 10pt}
/*Indenté de 10px*/
h3 { text-indent: 50px }

/*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: 22x;
  vertical-align: bottom
}

#liste #date{ 
  width: 300px;
}

/*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.suicones{
  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}

td.date{ 
  text-align:center;
padding-right:10px }

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:50px;
  text-align:center;
white-space: nowrap
  }

table.flash{
  width:900px;
  height:650px;
  vertical-align:middle;
  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{
border:solid 1px}

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:900px}
.box { 
  padding-bottom:150px}
.box_vente { 
  width:900px;
  height:570px;
  border:solid thin
}
.box_panier { 
  width:900px;
  height:570px;
  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}

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;
}
.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
}
.selection{
padding:2px }
legend{ font-weight: bold }

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

fieldset{margin:7px}

fieldset td{padding-left: 7px}