/*
 * domelec.css - Common page styles
 *
 *	H. Müller ©2014
 *
 * Edits:
 *   1  31-oct-14
 */

body {
  background-image: url(bkgimg.jpg);
  background-color: rgb(150,150,150);
}

table { font: 10pt arial; }


.conteneur {	/* container */
  width: 1089px;
  height: 817px;
  background-color: white;
  font: normal 11pt verdana,arial;
  color: rgb(20,20,20);
  text-align: left;
  border-top: 1px solid rgb(240,240,240);
  border-radius: 10px;
  position: center;
}

.entete {	/* header */
  height: 112px;
  font: normal 60pt book antiqua;
  color: white;
  background-color: rgb(240,240,240);
  margin: 5px;
  border-radius: 6px;
}

.logo {
  width: 130px;
  height: 112px;
  float: left;
  background-color: rgb(240,240,240);
  border-radius: 6px;
}

.bandeau {
  height: 112px;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

.gauche {	/* left column - main menu */
  width: 120px;
  height: 580px;
  background-color: rgb(240,240,240);
  margin: 1px 0px 0px 5px;
  padding: 0px 5px;
  float: left;
  border-radius: 6px;
}

.droite {	/* right column - application interface */
  height: 600px;
  margin: 10px 0px 10px 140px;
}

.j { color: rgb(0,0,32); background-color: rgb(200,200,200); text-align: center; }
.k { color: rgb(0,0,32); background-color: rgb(200,200,200); text-align: center; width: 32pt; border: 6px solid transparent; }
.m { color: rgb(0,0,32); background-color: white; text-align: right; border: 0pt solid transparent; }
.n { color: white; background-color: rgb(128,128,128); text-align: center; }
.x { color: red; }
.space { color: rgb(0,0,32); background-color: transparent; width: 16pt; text-align:right; }
.blank { color: rgb(0,0,32); background-color: rgb(210,210,255); text-align:right; border: 3pt solid transparent;}

.bleu { background-color: blue; }
.rouge { background-color: red; }
.blanc {width: 28px; text-align: center; }
.white {width: 60px; text-align: center; }
.ntab { font: bold 20pt verdana; }
.ntit { font: bold 14pt verdana; }

/*
 * Main menu styles
 */

.qz { width: 100%; }	/* used for extending link clickability to the whole field */
.q0 { font: normal 10pt arial; color: rgb(0,0,32); }
.q1 { font: normal 10pt arial; color: rgb(0,0,32); }
.q2 { font: normal 10pt arial; color: rgb(0,0,32); }

.q10 {		/* for menu structure inconsistency message */
  font: bold 10pt verdana,arial;
  color: red;
 }

.q10:hover {
  color: white;
  background-color: red;
  border-radius: 5px;
}

.q8,.q11 {
  font: bold 10pt verdana,arial;
  color: rgb(20,20,20);
  padding-left: 10px;
 }

.q8:hover,.q11:hover {
  font: bold 10pt verdana,arial;
  color: white;
  background-color: rgb(70,70,184);
  border-radius: 5px;
  padding-left: 10px;
}

.q12 {
  font: normal 9pt verdana,arial;
  color: rgb(92,92,92);
  padding-left: 10px;
  margin-left: 10px;
  border-radius: 5px;
  display: none;
}

.q12:hover {
  font: normal 9pt verdana,arial;
  color: rgb(240,240,240);
  background-color: rgb(184,92,92);
  padding-left: 10px;
  margin-left: 10px;
  border-radius: 5px;
  display: none;
}

a:link { color: inherit; text-decoration: none; }
a:visited { color: inherit; text-decoration: none; }
a:hover { color: white; text-decoration: none; background-color: rgb(70,70,70); width: 100px; }

/*
 * Application interface styles
 */

.msg { padding-top: 30px; text-align: center; }
.jnl { text-align: center; }