@font-face 
{
    font-family: 'text-security-disc';
    src: url('text-security-disc.eot');
    src: url('text-security-disc.eot?#iefix') format('embedded-opentype'),
        url('text-security-disc.woff') format('woff'),
        url('text-security-disc.ttf') format('truetype'),
        url('text-security-disc.svg#text-security') format('svg');
}

@font-face {
  font-family: tiresias;
  src: url('Tiresias_Infofont.woff');
}


body 
{
	background-color: #000000;
	font-family: tiresias;
  margin:0px;
  height:100%;	
}

.password
{
	font-family: 'text-security-disc';
}

.error
{
	font-weight: bold;
	color: #FF0000;
}

.ok
{
	font-weight: bold;
	color: #00FF00;
}

#miremembres .ok, #miremembres .error { font-size: 1.2vw; }

#consommations
{
	background: #303030; 
	width: 100vw; 
	height: 100vh; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	bottom: 0px;
	right: 0px;
}

#consommations table 
{ 
	border: none; 
	border-spacing: 0px; 
	border-collapse: collapse; 
	padding: 0; 
	margin: 0; 
	width: 100vw;
	height: 100vh;
}

#consommations tr.header td
{
	background-color: #303030;
	color: #E0E0E0;
	font-weight: bold;
	font-size: 4vh;
	padding: 1.5vh;
	height: 7vh;
}

#consommations tr.header td span.positif
{
	color: #00FF00;
}

#consommations tr.header td span.negatif
{
	color: #FF0000;
}

#consommations tr.header td input
{
	width: 100%;
	height: 100%;
	font-size: 4vh;
}

#consommations tr.header td input[type=button]
{
	background-color: #505050;
	color: #FFFFFF;
}

#consommations tr.footer td
{
	background-color: #303030;
	color: #E0E0E0;
	font-weight: bold;	
}

#consommations tr.boisson td
{
	background-color: #E0E0E0;
	height: 30vh;
}

#consommations tr.libelle td
{
	height: 5vh;
}

#consommations tr.plusmoins td
{
	height: 5vh;
	background-color: #E0E0E0;
}

#consommations tr.boisson td img
{
	height: 100%;
	margin: auto;
	display: block;
}

#consommations tr.separator td
{
	height: 2vh;
	background-color: #303030;
}

.membre
{
}

.compte
{
}

.libelle
{
	background-color: #E0E0E0;
	color: #202020;
	text-align: center;
	font-size: smaller;
}

#consommations tr.plusmoins td.plus, #consommations tr.plusmoins td.moins
{
	width: 6vw;
}

#consommations tr.plusmoins td.moins input
{
	width: 4vw;
	height: 100%;
	margin: 0.2vw 1.5vw;
	background-color: #600000;
	color: #FFFFFF;
	font-size: 3vh;
	text-align: center;
	vertical-align: middle;
}

#consommations tr.plusmoins td.plus input
{
	width: 4vw;
	height: 100%;
	margin: 0.2vw 0.5vw;
	background-color: #600000;
	color: #FFFFFF;
	font-size: 3vh;
	text-align: center;
	vertical-align: middle;
}

#consommations tr.plusmoins td.number
{
	width: 4vw;
	text-align: center;
	background-color: #E0E0E0;
	color: #202020;
}

.total
{
}

.totallib
{
}

#miremembres, #mireconnexion, #mireadmins
{
	background-color: #303030;
	border: 1px solid #D0D000;
	border-radius: 10px;
	position: absolute;
	margin: auto;
	height: 302px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#miremembres
{
	width: 240px;
}

#lastconso
{
	width: 20vw;
	margin: auto;
}

#lastconso input[type='button']
{
	width: 20vw;
	height: 14vh;
	background-color: #004000;
	color: #FFFFFF;
	font-size: 1.6vw
}

#miremembres #theform
{
	position: relative;
	top: 10px;
	padding-left: 10px;
}

#mireadmins
{
	width: 320px;
}

#mireadmins #inputs
{
	margin: 5px 20px;
}

#mireconnexion
{
	width: 602px;
}

#mireconnexion #gauche
{
	width: 280px;
	margin: 0px;
	float: left;
}

#mireconnexion #gauche img, #miremembres img
{
	height: 240px;
	position: relative;
	top: 30px;
}

#miremembres img
{
	display: block;
}

#mireconnexion #droite
{
	width: 300px;
	margin: 0px;	
	float: left;
}

#mireconnexion #droite #inputs
{
	margin-top: 20px;
}

#mireconnexion #droite input, #mireadmins input
{
	width: 100%;
	height: 30px;
	text-align: left;
	vertical-align: middle;
}

#mireconnexion #droite label, #mireadmins label
{
	text-align: left;
	font-weight: bold; 	
	color: #D0D0D0;
	display: block;
	padding-top: 20px;
}

#mireconnexion #droite input[type=submit], #mireadmins input[type=submit]
{
	text-align: center;
	font-weight: bold;
	font-size: larger;
	margin-top: 20px;
	height: 40px;
}

/*.conteneurListe 
{
	width:100%;
	margin: 0;
	padding: 0;
}

.conso 
{
	display: flex;	
	flex-direction:row;
	flex-wrap:no-wrap; 
	justify-content: center;
	align-items: stretch;
	height: 450px;
}

ul 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.itemConso 
{
	margin:0;
	background-color: rgb(224,224,224);
	text-align: center;
	width:16%;	
}

.itemConso img 
{
	width:80%;	
} */

#buvette
{
  display: flex;
  flex-flow: row wrap;
	width: 100vw; 
	height: 100vh; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	bottom: 0px;
	right: 0px;
 	float: left;
 	overflow-x: hidden;
 	background-color: #E0E0E0;
}

#buvetteliste
{
  display: flex;
  flex-flow: row wrap;
	width: 75vw;
	height: 100vh;
	margin: 0;
	padding: 0;
  float: left;
}

#buvettelastweeks
{
	width: 75vw;
	height: 100vh;
	margin: 0;
	padding: 0;
  float: left;
}

#buvettelastweeks h1, #buvettelastweeks p.semaine
{
	padding-left: 1vw;
}

#buvettelastweeks table.semaine
{
	width: 60vw;
	padding-left: 1vw;
}

#buvettelastweeks table.semaine th
{
	background-color: #000000;
	color: #F0F0F0;
	font-weight: bold;
}

#buvettelastweeks table.semaine th.jour
{
	width: 6vw;
}

#buvettelastweeks table.semaine th.sum
{
	width: 9vw;
}

#buvettelastweeks table.semaine td
{
	text-align: center;
	font-size: 1vw;
}

#buvettelastweeks table.semaine td.jour
{
	font-weight: normal;
	color: #404040;
	background-color: #C0C0C0;
}

#buvettelastweeks table.semaine td.jourfutur
{
	font-weight: normal;
	color: #404040;
	background-color: #808080;
}

#buvettelastweeks table.semaine td.sumdebit
{
	font-weight: bold;
	color: #FF0000;
	background-color: #D0D0D0;
}

#buvettelastweeks table.semaine td.sumcredit
{
	font-weight: bold;
	color: #00C000;
	background-color: #D0D0D0;
}

.cache
{
	display: none;
}

.light
{
  background-color: #E0E0E0;
}

.dark
{
  background-color: #C0C0C0;
}

.conso
{
  align-items: center;
  border: 1px solid #D0D0D0;
  color: #000000;
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  overflow-wrap: break-word;
  text-align: center;
}

.row4
{
  height: 24.8vh;
  max-height: 24.8vh;
}

.row5
{
  height: 19.8vh;
  max-height: 19.8vh;
}

.col5
{
  width: 14vw;
  font-size: 1em;
}

.col6
{
  width: 12vw;
  font-size: 0.9em;
}

.col7
{
  width: 10vw;
  font-size: 0.8em;
}

.col8
{
  width: 9vw;
  font-size: 0.8em;
}

.conso p 
{
    line-height: 0.1vw;
    margin: 0;
}

/*.conso img
{
	padding-left: 10%;
}*/
.col8 img
{
	padding-left: 0.2vw;
}

.col7 img
{
	padding-left: 0.5vw;
}

.col6 img
{
	padding-left: 1vw;
}

.col5 img
{
	padding-left: 1.2vw;
}

.row4 img
{
	height: 20vh;
}

.row5 img
{
	height: 16vh;
}

.conso a
{
	text-decoration: none;
	color: #202020;
	margin: 0 auto;
}

#buvetteaddition
{
	width: 23%;
	height: 100vh;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #000000;
	float: left;
}

#buvetteaddition ul
{
	padding: 0;
}

#buvetteaddition h1 
{
  padding: 0.5vw;
  font-size: 2vw;
  display: block;
  text-align: center;
  background-color: black;
  margin: 2vh 0;
}

#buvetteaddition p.subtitle
{
  font-size: 0.75vw;
  display: block;
  text-align: center;
  background-color: black;
  margin: 0 0 2vh 0;
}

#buvetteaddition #submit, #buvetteaddition #cancel, #buvetteaddition #switch
{
	text-align: center;
	margin: 2vh auto;
	display: block;
	border-radius: 10px;
	cursor: pointer;
}

#buvetteaddition #submit
{
	width: 18vw;
	height: 14vh;
	background-color: #004000;
	color: #FFFFFF;
	font-size: 1.8vw
}

#buvetteaddition #cancel
{
	width: 15vw;
	height: 6vh;
	font-size: 1.5vw
}

#buvetteaddition #switch
{
	width: 10vw;
	height: 5vh;
	font-size: 1vw;
	position: absolute;
	bottom: 1vh;
	margin-left: 6.5vw;
}

#buvetteaddition p.caution
{
	text-align: center;
	margin: 2vh auto;
	display: block;
	border-radius: 10px;
	width: 20vw;
	height: 10vh;
	background-color: black;
	color: #FFFFFF;
	font-size: 1.5vw
}

.compte
{
	width: 100%;
  text-align: center;
  margin-right: 0.4vw;
  color: #E0E0E0;
  font-size: 1.4vw;
}

span.positif
{
	color: #00FF00;
}

span.negatif
{
	color: #FF0000;
}

table.items
{
	margin: 2%;
	width: 95%;
	font-size: 1vw;
	background-color: #404040;
	border-collapse: collapse;
}

table.items thead
{
	background-color: #E0E0E0;
	color: #000000;
}

table.items th 
{
	padding: 0.5vh;
}

table.items tfoot tr.total
{
	margin-top: 0.4vh;
	background-color: #606060;
	color: #F0F0F0;
	font-size: 1.2vw;
	font-weight: bold; 
}

tr.item
{
	cursor: pointer;
	color: #FFFFFF;
}

td.x
{
	width: 5%;
}

td.x img
{
	height: 2vh;
}

td.nombre
{
	width: 10%;
	text-align: right;
	padding-right: 0.4vw;
}

td.item
{
	width: 63%;
	text-align: left;
	padding-left: 0.4vw;
}

td.prix
{
	text-align: right;
	padding-right: 0.4vw;
}

#menu
{
	width: 100vw; 
	height: 100vh; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	bottom: 0px;
	right: 0px;
 	overflow-x: hidden;
 	background-color: #303030;
}

#menu #gauche
{
 	background-color: #E0E0E0;
 	width: 25vw;
 	height: 100vh;
 	float: left;
}

#menu #gauche h1
{
	margin: 0;
	padding: 1vw;
	font-size: 1.8vw;
	color: #800000;
	font-weight: bold;
}

#menu #gauche p
{
	font-size: 1.4vw;
	margin: 0;
	padding: 1vw;
	font-weight: bold;
}

#menu #gauche ul
{
	margin: 0;
	list-style: none;
	padding-bottom: 2vh;
}

#menu #gauche li
{
}

#menu #gauche li a
{
	font-size: 1vw;
	text-decoration: none;
	color: #0000E0;
}

#menu #droite
{
	float: left;
	width: 73vw;
}

#menu #droite h1
{
	padding: 1vh 1vw 3vh 1vw;
	margin: 0;
	font-size: 2vw;
	color: #FFFFFF;
	font-weight: bold;
}

#menu #droite label
{
	padding: 1vh 1vw;
	color: #E0E0E0;
	font-size: 1.2vw;
	display: inline-block;
	width: 16vw;
}

#menu #droite input[type=submit]
{
	width: 10vw;
	padding: 0.3vh 2vw;
	margin: 1vh 18vw 0vh 18vw;
}

#menu #droite #etat input[type=submit]
{
	margin: 1vh 1vw 0vh 1vw;
}

#menu #droite #etat p
{
	padding-left: 1vw;
}

#menu #droite #messages
{
	background-color: #505050;
	width: 75vw;
	height: 3vw;
}

#menu #droite span
{
	padding: 1vh 1vw;
	float: left;
}

#menu #droite table
{
	margin-top: 10vh;
	max-width: 73vw;
}

#menu #droite thead
{
	height: 15vh;
}

#menu #droite #etatconso thead
{
	height: 4vh;
}

#menu #droite #etatconso th
{
	background-color: #800000;
	color: #FFFFFF;
}

#menu #droite #liste thead
{
	height: 8vh;
}

#menu #droite th
{
	color: #FFFFFF;
	font-size: 0.8vw;
	height: 4vh;
	white-space: nowrap;
}

#menu #droite th.boisson
{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 2%;
}

#menu #droite th.membre
{
	width: 20%;
}

#menu #droite th.compte
{
	width: 10%;
}

#menu #droite table#saisies
{
	margin-top: 5vh;
	margin-left: 1vw;
}

#menu #droite #saisies thead
{
	height: 5vh;
}

#menu #droite #saisies th
{
	font-size: 1vw;	
}

#menu #droite #saisies input[type=number]
{
	width: 4vw;	
}

#menu #droite #etathebdo tbody tr:nth-child(odd), #menu #droite #etatconso tbody tr:nth-child(odd), #menu #droite #liste tbody tr:nth-child(odd), #menu #droite #saisieconso tbody tr:nth-child(odd), #menu #droite #saisies tbody tr:nth-child(odd)
{
	background-color: #606060;
	color: #F0F0F0;
}

#menu #droite #etathebdo tbody tr:nth-child(even), #menu #droite #etatconso tbody tr:nth-child(even), #menu #droite #liste tbody tr:nth-child(even), #menu #droite #saisieconso tbody tr:nth-child(even), #menu #droite #saisies tbody tr:nth-child(even)
{
	background-color: #505050;
	color: #E0E0E0;
}

#menu #droite #saisies td, #menu #droite #saisies th
{
	min-width: 6vw;
	padding: 0 1vw 0 1vw;
}

#menu #droite #add label
{
	width: 10vw;
}

#menu #droite #add select
{
	width: 16vw;
}

#menu #droite #etathebdo
{
	padding: 5px;
}

#menu #droite #etathebdo input[type='checkbox']
{
	transform: scale(2);
}

#menu #droite #etat
{
    overflow-x: scroll;
    min-height: 90vh;
}

#menu #droite td
{
	font-size: 0.8vw;
	text-align: center;
}

#menu #droite #etatmembre td
{
	background-color: #F0F0F0;
	color: #202020;
}

#menu #droite td.membre
{
	text-align: left;
	font-weight: bold;
}

#menu #droite #etatmembre td.amountneg, #menu #droite #etathebdo td.amountneg, #menu #droite span.amountneg, #menu #droite #liste td.amountneg
{
	text-align: right;
	color: #FF0000;
	float: none;
}

#menu #droite #etatmembre td.amountpos, #menu #droite #etathebdo td.amountpos, #menu #droite span.amountpos, #menu #droite #liste td.amountpos
{
	text-align: right;
	color: #00FF00;
	float: none;
}

td.oui
{
	color: #00FF00;
}

td.non
{
	color: #FF0000;
}

#menu #droite #etatmembre td.amountpos
{
	color: #008000;
}

#menu #droite #etatmembre td.jour
{
	background-color: #800000;
	color: #FFFFFF;
	text-align: left;
	padding-left: 1vw;
}

#menu #droite #etatmembre td.commande
{
	background-color: #505050;
	color: #FFFFFF;
	text-align: left;
	padding-left: 1vw;
}

#menu #droite #etatconso th
{
	min-width: 6vw;
}

#menu #droite #etatmembre td.empty
{
	background-color: #303030;
	width: 6vw;
}

#menu #droite #etatconso td.empty, #menu #droite #etatconso th.empty
{
	background-color: #303030;
	width: 2vw;
	min-width: 2vw;
}

#menu #droite td.nb
{
	width: 10vw;
	
}

#menu #droite td.libelle
{
	width: 20vw;
}

#menu #droite tfoot
{
	color: #FFC000;
	font-weight: bold; 
}

#menu #droite p
{
	color: #E0E0E0;
}

#menu #droite #liste table
{
	margin: 0;
}

#menu #droite #saisieconso
{
	margin: 10vh 0;
}

#menu #droite #saisieconso td
{
	color: #D0D0D0;
}

#menu #droite #saisieconso input
{
	width: 3vw;
}

#menu #droite #saisieconso input[type=number]
{
  -moz-appearance: textfield;
}

#menu #droite #saisieconso input[type=number]::-webkit-inner-spin-button, #menu #droite #saisieconso input[type=number]::-webkit-outer-spin-button 
{ 
  -webkit-appearance: none; 
  margin: 0; 
}

#menu #droite #liste table
{
	margin-left: 1vw;
}

#menu #droite #liste th
{
	background-color: #800000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1vw;
}

#menu #droite #liste th.bool
{
	width: 5vw;
}

#menu #droite #liste th.nomprenom
{
	width: 15vw;
}

#menu #droite #liste th.amountactions
{
	width: 10vw;
}

#menu #droite #ajoutmembre #ddn, #menu #droite .password, #menu #droite select
{
	width: 140px;
}

#menu #droite #liste td.actions a, #menu #droite #etat a
{
	text-decoration: none;
	color: #FFFF00;
}

#menu #droite #etatconso, #menu #droite #etat a
{
	padding-left: 1vw;
}

#menu #droite #etat a
{
	font-size: 1vw;
}

#menu #droite #saisieconso tbody tr:nth-child(odd) input
{
	background-color: #F0F0F0;
	color: #202020;
}

#menu #droite #saisieconso tbody tr:nth-child(even) input
{
	background-color: #D0D0D0;
	color: #000000;
}

#menu #droite #commentaire
{
	width: 50vw;
}

#menu #droite table#etathebdo
{
	margin-top: 0;
	padding: 12px;
}

#menu #droite #etathebdo thead
{
	height: 2vh;
}

#menu #droite #etathebdo th
{
	background-color: #800000;
	font-size: 1.2vw;
	width: 8vw;
}

#menu #droite #etathebdo td
{
	padding: 2px 5px;
}

#menu #droite #etathebdo td.milieu
{
	text-align: center;
}

#menu #droite #etathebdo img
{
	width: 32px;
	padding-right: 10px;
}

.sep
{
	background-color: #404040;
}

#lastconsommations a
{
	text-decoration: none;
	color: #FFFFFF;
}

#lastconsommations table
{
	color: #FFFFFF;
	margin: auto;
}

#lastconsommations thead tr
{
	background-color: #800000;
}

#lastconsommations thead th
{
	padding: 0.3vw 1vw 0.3vw 1vw;
}

#lastconsommations tbody td
{
	padding: 0.2vw 2vw 0.2vw 2vw;
	font-weight: lighter;
}

#lastconsommations tbody td.heure
{
	text-align: center;
}

#lastconsommations tbody tr:nth-child(odd)
{
	background-color: #202020;
}

#lastconsommations tbody tr:nth-child(even)
{
	background-color: #404040;
}