/*
dispoclavier.css
2018-09-16T0514+0200
*/

/**********************************************************/

@import "pan.css";


body{
	margin-left: 80px;
	font-family: Cambria /*police utilisée pour publier les normes*/, sans-serif; /*Tahoma, Verdana, sans-serif;*/
	font-variant-numeric: lining-nums;
	font-size: 16px;
	color: black;
	background: white;
	line-height: 1.6em;
}
p {
	margin-right: 30px;
	line-height: 1.4em;
}

span.pn a {              /* PURPLE NUMBER EMULATION */
	color: white;
	font-weight: bold;
	text-decoration: none;
}
span.pn a:hover {
	background: purple;
}

div.anc {                /* ANCHORS */
	border: 0.1px dotted white;
	margin-top: 60px;
	margin-bottom: -60px;
}

h1 {                     /* HEADINGS */
	margin-top: 90px;
	line-height: 2em;
}
h2 {
	margin-top: 80px;
}
h3 {
	margin-top: 70px;
}
h4 {
	margin-top: 60px;
}
h5 {
	margin-top: 50px;
}
h6 {
	margin-top: 34px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 30px;
}
h1 a {
	font-size: 30pt;
}
h2 a {
	/*color: #68c;*/
	font-size: 19pt;
}
h3 a {
	/*color: #78c;*/
	font-size: 16pt;
}
h4 a {
	/*color: #88c;*/
	font-size: 14pt;
}
h5 a {
	/*color: #a8c;*/
	font-size: 13pt;
}
h6 a {
	/*color: #c8c;*/
	font-size: 12pt;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #58c;
	text-decoration: none;
}
article#qsg h1 a,
article#qsg h2 a,
article#qsg h3 a,
article#qsg h4 a,
article#qsg h5 a,
article#qsg h6 a {
	color: #812;
}
/*
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: white;
	background: #480;
}*/
article#qsg h1 a:hover,
article#qsg h2 a:hover,
article#qsg h3 a:hover,
article#qsg h4 a:hover,
article#qsg h5 a:hover,
article#qsg h6 a:hover {
	color: white;
	background: #480;
}
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active,
h6 a:active {
	/*background: #6f6;*/
	font-style: italic;
}

	.hex {font-family: Constantia; font-variant-numeric: oldstyle-nums; text-transform: lowercase;}
	.hex {font-family: Constantia; font-variant-numeric: lining-nums;   text-transform: uppercase;}
	.hex::before {content: "0x"; text-transform: none;}
/*.hex::after  {content: "h";  text-transform: none;}
/*.hex::after  {content: "ₕ";}
/*.hex::after  {content: "16"; vertical-align: sub; font-size: smaller; line-height: normal;}
/*.hex::after  {content: "16"; font-variant-position: sub;}
/*.hex::after  {content: "₁₆";}*/


hm {                    /* HEADING MENU */
	background: #e8e8e8;
	color: white;
}
hm:hover {
	background: #aaa;
}
hm a {
	color: white;
	text-decoration: none;
}
hm a:hover {
	background: green;
}
nbtag {
	background: red;
	font-weight: bold;
}
plustag {
	background: #680;
	font-weight: bold;
}

span.eni {            /* STYLES FOR ENDNOTE INDICATORS */
	vertical-align: super;
	font-size: 85%;
	font-style: normal;
	font-weight: bold;
	line-height: 100%;
}
span.eni a {
	text-decoration: none;
}
span.eni a:hover {
	color: #6f6;
	background: green;
}
span.eni a:active {
	color: white;
	background: #6f6;
	font-style: italic;
}

div.endnotes p {         /* STYLES FOR ENDNOTES */
	padding-left: 32px;
}
div.endnotes p:first-child {
	color: #88c;
	font-size: 18pt;
	margin-top: 40pt;
	padding-left: 0px;
}
div.endnotes div.no {
	float: left;
	font-weight: bold;
	margin-top: -2px;
}
div.endnotes div.no a {
	text-decoration: none;
}
div.endnotes div.no a:hover {
	color: #6f6;
	background: green;
}
div.endnotes div.no a:active {
	color: #480;
	background: #6f6;
	font-style: italic;
}
div.endnotes a:hover {
	color: magenta;
	text-decoration: none;
}
div.endnotes a:active {
	color: #4f4;
	font-style: italic;
}

h2#tabmat {           /* TABLE OF CONTENTS */
	margin-top: 150px;
	margin-left: 32px;
}
ul.toc li {
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.toc {
	list-style-type: none;
	line-height: 100%;
	padding-bottom: 0pt;
	margin-left: 0px;
}
ul ul.toc {
	list-style-type: none;
	line-height: 120%;
	margin-left: 10px;
}
ul.toc li a {
	color: #250;
	text-decoration: none;
}
ul.toc li a:hover {
	color: magenta;
	text-decoration: underline;
}
ul.toc li a:active {
	text-decoration: overline;
	color: magenta;
	font-style: italic;
}
ul.toc li.head1 {
	margin-top: 20pt;
	font-weight: bold;
	font-size: 120%;
}
ul.toc li.head2 {
	margin-top: 20pt;
	font-weight: bold;
	font-size: 120%;
}
ul.toc li.head3 {
	margin-left: 25pt;
	margin-top: 10pt;
}
ul.toc li.head4 {
	margin-left: 58pt;
	margin-top: 5pt;
}
ul.toc li.head5 {
	margin-left: 102pt;
	margin-top: 5pt;
}
ul.toc li.head6 {
	margin-left: 159pt;
}

.uniname {                  /* CHAR STYLES */
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 110%;
}
.name {
	font-variant: small-caps;
	font-size: 110%;
}
.nobr {
	white-space: nowrap;
}
.qt {
	color: #24a;
}
.turned {
	transform: rotate(180deg);
}
.turn {
	transform: rotate(180deg);
	display: inline-block;
	position: relative;
	bottom: -3px;
}
k {
	font-size: 78%;
	font-weight: 600;
}
r {
	color: red;
}
g {
	color: green;
}
hig {
	background: #cdf;
}
.ib {   /* infobulles explicatives */
	color: #2a2;
	text-decoration: none;
}
.ib:hover {
	color: black; /*#241;*/
}

.view {                    /* hyperlinks */
	color: #549;
	text-decoration: none;
	font-weight: 100;
}
.intro .view {
	color: #540;
	text-decoration: none;
}
.view:hover {
	color: #fff;
	background: #358;
}
.view:active {
	color: green;
	font-style: italic;
	background: #fff;
}
.down {
	color: #549;
	text-decoration: none;
	font-weight: 100;
}
.down:hover {
	color: #fff;
	background: #680;
}
.down:active {
	color: green;
	font-style: italic;
	background: #fff;
}
.scroll {
	color: #c45;
	text-decoration: none;
}
.scroll:hover {
	color: magenta;
	text-decoration: underline;
}
.scroll:active {
	color: magenta;
	font-style: italic;
	text-decoration: overline;
}
sl a {
	color: #c45;
	text-decoration: none;
}
sl a:hover {
	color: magenta;
	text-decoration: underline;
}
sl a:active {
	color: magenta;
	font-style: italic;
	text-decoration: overline;
}

k,
dk,
mk,
tk,
kbd {                          /* key stroke -- COURTESY WIKIPEDIA */
	border: 1px solid rgb(170, 170, 170);
	border-radius: 0.2em;
	box-shadow: 0.1em 0.2em 0.2em rgb(221,221, 221);
	background-image: linear-gradient(
	    to bottom,
	    rgb(238, 238, 238),
	    rgb(249, 249, 249),
	    rgb(238, 238, 238));
	padding: 0.1em 0.3em;
	margin-right: 2px;
	font-family: Consolas, Courier;
	font-size: 0.95em;
}
mk,
kbd,
kbd.mk,
kbd.modifier {
	font-weight: bold;
}
mk,
kbd.mk,
kbd.modifier {
	color: #13f;
}
tk,
kbd.tk,
kbd.toggle {
	color: #a3f;
	font-weight: bold;
}
table.diagramme div.m1a,
table.diagramme div.m1ba,
table.diagramme div.m2a,
table.diagramme div.m2ba,
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba,
table.diagramme div.m3espace,
table.diagramme div.m3esp,
table.diagramme div.m4espace,
dk,
kbd.dk,
kbd.deadkey {
	border: 1px solid rgb(170, 170, 170);
	border-radius: 0.2em;
	background-image: linear-gradient(
	    to bottom,
	    rgb(150, 150, 150),
	    rgb(20, 20, 20),
	    rgb(0, 0, 0));
	color: white;
}
table.diagramme div.m1a,
table.diagramme div.m1ba,
table.diagramme div.m2a,
table.diagramme div.m2ba,
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba {
	padding-bottom: 5px;
}
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba {
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: -2px;
}
table.diagramme div.m3espace,
table.diagramme div.m4espace {
	padding-bottom: 1px;
}
table.diagramme div.v3esp,
table.diagramme div.m3esp {
	padding-bottom: 2px;
	margin-top: -1px;
}

div.ab>p:first-of-type {    /* PARAGRAPH STYLES */
	font-weight: bold;      /* abstract */
	margin-left: 70pt;
	margin-bottom: 25pt;
	padding-right: 30pt;
}

pre {
	font-family: Consolas;
	font-weight: bold;
}
.intro {
	color: #246;
	font-size: 15pt;
}
.quotation {
	margin-left: 120px;
}
.quotation_good {
	color: #746;
	font-size: 140%;
}
.quotation_bad {
	color: #59e;
}
.indented {
	margin-left: 30px;
}
.pagedate {
	text-align: right;
	margin-right: 10px;
	font-size: 10pt;
}

.kbdseq {           /* SÉQUENCES DE TOUCHES */
	margin-left: 50px;
	margin-top: -16px;
	margin-bottom: -16px;
	line-height: 180%;
}

ul {                         /* LISTES HTML */
	margin-right: 30px;
	list-style-type: square;
}
ul.disc {
	list-style-type: disc;
}
ul.circle {
	list-style-type: circle;
}
ul li,
ol li {
	margin-bottom: 11px;
}
ul.ul1,               /* LISTES À PUCES UNICODE ARBITRAIRES */
ul.ul2,
ul.ul3 {
	margin-right: 30px;
	margin-left: -22px;
	padding-top: 5px;
	list-style-type: none;
}
ul.ul1 {
	margin-left: 60px;
}
ul.ul2 {
	padding-left: 60px;
}
ul.ul3 {
	padding-left: 90px;
}
ul.ul1 div.puce,
ul.ul2 div.puce,
ul.ul3 div.puce,
ul.ul1 div.vuce, /* puce verte */
ul.ul2 div.vuce,
ul.ul3 div.vuce,
ul.ul1 div.ruce, /* puce rouge */
ul.ul2 div.ruce,
ul.ul3 div.ruce,
ul.ul1 div.buce, /* puce bleue */
ul.ul2 div.buce,
ul.ul3 div.buce,
ul.ul1 div.pluce,
ul.ul2 div.pluce,
ul.ul3 div.pluce,
ul.ul1 div.vluce, /* puce verte */
ul.ul2 div.vluce,
ul.ul3 div.vluce,
ul.ul1 div.rluce, /* puce rouge */
ul.ul2 div.rluce,
ul.ul3 div.rluce,
ul.ul1 div.bluce, /* puce bleue */
ul.ul2 div.bluce,
ul.ul3 div.bluce {
	margin-left: -34px;
	float: left;
	height: 22px;
	width: 35px;
	margin-top: -2px;
}
ul.ul1 div.pluce,
ul.ul2 div.pluce,
ul.ul3 div.pluce,
ul.ul1 div.vluce,
ul.ul2 div.vluce,
ul.ul3 div.vluce,
ul.ul1 div.rluce,
ul.ul2 div.rluce,
ul.ul3 div.rluce,
ul.ul1 div.bluce,
ul.ul2 div.bluce,
ul.ul3 div.bluce {
	font-size: 160%;
	margin-top: -10px;
}
ul.ul1 div.puce,
ul.ul2 div.puce,
ul.ul3 div.puce,
ul.ul1 div.vuce,
ul.ul2 div.vuce,
ul.ul3 div.vuce,
ul.ul1 div.ruce,
ul.ul2 div.ruce,
ul.ul3 div.ruce,
ul.ul1 div.buce,
ul.ul2 div.buce,
ul.ul3 div.buce {
	font-size: 115%;
	margin-top: -2px;
}
ul.ul1 div.vuce,
ul.ul2 div.vuce,
ul.ul3 div.vuce,
ul.ul1 div.vluce,
ul.ul2 div.vluce,
ul.ul3 div.vluce {
	color: green;
}
ul.ul1 div.ruce,
ul.ul2 div.ruce,
ul.ul3 div.ruce,
ul.ul1 div.rluce,
ul.ul2 div.rluce,
ul.ul3 div.rluce {
	color: red;
}
ul.ul1 div.buce,
ul.ul2 div.buce,
ul.ul3 div.buce,
ul.ul1 div.bluce,
ul.ul2 div.bluce,
ul.ul3 div.bluce {
	color: blue;
}

.table {                    /* TABLEAUX */
	border-collapse: collapse;
	margin: 20px 0px;
}
.table td {
	padding: 10px;
}
.table th,
.table tr,
.table td {
	border: 1px solid;
}
.table th {
	text-align: left;
	padding: 10px;
}
.table tr td:nth-child(2) {
	font-family: Consolas, Arial Black, Times New Roman;
	font-size: 150%;
}
table caption {
	font-weight: bold;
	margin-bottom: 10px;
}
.nameslist {
	width: 95%;
	border-collapse: collapse;
}
.nameslist th,
.nameslist tr {
	border: 1px solid;
}
.aliases {
	width: 95%;
	border-collapse: collapse;
}
.aliases th {
	padding: 6px 8px;
}
.aliases th,
.aliases tr,
.aliases td {
	border: 1px solid;
}
.aliases td:first-child a {
	text-decoration: none;
	font-size: 15pt;
	line-height: 190%;
}
.aliases td:last-child a {
	text-decoration: none;
}
.aliases td:nth-last-child(-n+3) {
	padding-left: 10px;
}
.aliases td:nth-child(2) {
	font-size: 78%;
	font-weight: 600;
	padding-top: 6px;
}
.cell1 {
	width: 100%;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	color: #204;
	font-weight: bold;
}
.cell1:hover {
	color: white;
	background: #480;
}
.cell2 {
	width: 100%;
	height: 100%;
	color: #c45;
	text-decoration: none;
}
.cell2:hover {
	color: magenta;
	text-decoration: underline;
}
.cell2:active {
	color: magenta;
	text-decoration: overline;
}

#header {                   /* HEADER */
	position: relative;
	float: top;
}
#head {
	max-width: 100%; /*1200px;*/
	min-height: 660px;
	float: left;
}
#logoboth {
	float: left;
	position: relative;
	max-width: 100%; /*1200px;*/
	min-height: 335px;
}
#logosvg {
	float: left;
	position: relative;
	width: 333px;
	height: 333px;
	margin-left: -10px;
	margin-right: 35px;
	margin-bottom: 30px;
	font-size:46pt;
	line-height: 77%;
	color: black;
	box-shadow: 8px 15px 20px #000;
}
#logo {
	float: left;
	position: relative;
	width: 448px;
	height: 333px;
/*  border-radius: 5px 5px 0 0;*/
	margin-left: -30px;
	padding-left: 30px;
	padding-right: 0px;
	font-size:46pt;
	line-height: 77%;
	color: white;
	background: darkblue;
	box-shadow: 8px 15px 20px #000;
}
#logo a {
	text-decoration: none;
	color: white;
}
#logo div.button {
	position: absolute;
	top: 235px;
	left: 44px;
	width: 230px;
	height: 50px;
	box-shadow: 2px 2px 15px #000;
	border-radius: 0.5em;
	border-style: outset;
	border-top-width: 4px;
	border-left-width: 4px;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-color: #508 #804;
	background: #280;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	color: white;
}
#logo div.button:hover {
	border-top-width: 8px;
	border-left-width: 8px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-style: inset;
	color: yellow;
	background: #4c4;
	border-color: #84b #a38;
}
#logo div.button:active {
	background: #6e6;
	color: white;
	border-top-width: 10px;
	border-left-width: 10px;
	border-right-width: 3px;
	border-bottom-width: 3px;
}

#mainblock {             /* STYLES DU MENU PRINCIPAL */
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 70px;
	width: 348px;
	height: 333px;
}
#mainmenu {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	margin-left: 0px;
	margin-top: -10px; /*38px;*/
	padding-left: 12px;
	padding-top: 15px;
	padding-right: 30px;
	border-radius: 0 0 120px 0;
	background: #604;
	box-shadow: 8px 15px 20px #000;
}
#mainmenu a.scroll {
	color: #08c;
}
#mainmenu a.scroll:hover {
	color: yellow;
	text-decoration: none;
}
.menucell,
.menucellidle {
	width: 100%;
	height: 100%;
	padding-left: 4px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-indent: 8px;
	border-color: #74c #46a;
}
.menucell {
	font-size: 16pt;
}
.menucellidle {
	font-size: 12pt;
}
.menucell:hover {
	background: #280;
	border-style: outset;
}
.menucellidle:hover {
	background: #604;
	border-style: outset;
}
.menucell:active {
	border-style: inset;
	border-top-width: 5px;
	border-left-width: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

#iconcontainer {   /* L’ACCROCHE POUR COMPRENDRE L’INTÉRÊT */
	float:left;
	margin-top: 30px;
	margin-right:170px;
	max-width:100%;
}
#explication {           /* STYLE DE L’EXPLICATION */
	float: left;
	max-width: 610px;
	/*height: 675px;*/
	margin-top: 17px;
	margin-left: 0px;
	margin-right: 18px;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 19px;
	font-size: 15.5px;
	box-shadow: 8px 15px 20px #000;
}
#explication p:first-child {
	text-align: center;
	font-size: 150%;
	color: #406;
	cursor: default;
}
#explication a {
	color: #050;
	font-weight: bold;
	text-decoration: underline;
}
#explication a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.ic0,               /* ICÔNES DES CARACTÈRES INTÉRESSANTS */
.ic1,
.ic2,
.ic3,
.ic4,
.ic5,
.ic6,
.ic7 {
	float: left;
	position: relative;
	width: 100px;
	height: 100px;
	margin-right: 18px;
	margin-top: 18px;
	box-shadow: 8px 15px 20px #000;
	cursor: pointer;
}
.ic0 {
	background: blue;
	color: white;
	border: 1px solid blue;
}
.ic1 {
	background: red;
	color: white;
	border: 1px solid red;
}
.ic2 {
	background: lime;
	color: black;
	border: 1px solid lime;
}
.ic3 {
	background: yellow;
	color: purple;
	border: 1px solid yellow;
}
.ic4 {
	background: green;
	color: white;
	border: 1px solid green;
}
.ic5 {
	background: magenta;
	color: white;
	border: 1px solid magenta;
}
.ic6 {
	background: #aaf;
	color: black;
	border: 1px solid #aaf;
}
.ic7 {
	background: #6af;
	color: black;
	border: 1px solid #6af;
}
.ic0:hover,
.ic1:hover,
.ic2:hover,
.ic3:hover,
.ic4:hover,
.ic5:hover,
.ic6:hover,
.ic7:hover {
	background: white;
	color: #229;
	border: 1px solid #680;
	box-shadow: 8px 15px 20px #aa0;
}
.car1,
.car2,
.car3 {
	position: absolute;
}
.car1 {
	top: 7px;
	left: 13px;
	font-size: 30px;
}
.car2 {
	top: 45px;
	left: 24px;
	font-size: 40px;
}
.car3 {
	top: 30px;
	left: 62px;
	font-size: 35px;
}
.icinfo {
	display: none;
	z-index: 10;
	position: absolute;
	top: 101px;
	left: -65px;
	width: 360px;
	padding-left: 20px;
	padding-bottom: 20px;
	background: white;
	font-size: 16px;
	color: black;
	box-shadow: 8px 15px 20px #000;
	cursor: auto;
}
.note {
	font-size: 80%;
}
.context {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
#dia0ic,
#dia1ic,
#dia2ic,
#dia3ic,
#dia4ic,
#dia5ic,
#dia6ic,
#dia7ic,
#dia8ic,
#dia9ic,
#dia10ic,
#dia11ic,
#dia12ic {
	display: none;
	position: fixed;
	top: 50px;
	left: 75px;
	z-index: 50;
	cursor: pointer;
	background: #fff;
	box-shadow: 0px 0px 200px #000;
}
.affcla {
	margin-top: -4px;
	margin-left: 20px;
}

.message,
#message {         /* STYLE DU MESSAGE D’ACTUALITÉ */
	float: left;
	width: 860px;
	max-width: 98%;
	padding-left: 30px;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-style: solid;
	border-color: #5c0;
/*	border-radius: 0 60px 80px 0px; */
	color: #000;
	font-size: 13pt;
	font-weight: 10;
	cursor: default;
}
.message p,
#message p {
	margin-bottom: 7px;
}
.message p:first-child,
#message p:first-child {
	text-align: center;
	font-size: 150%;
	cursor: default;
}
.message a,
#message a {
	color: #64f;
	font-weight: bold;
	text-decoration: underline;
}
.message a:hover,
#message a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div.intro {                 /* STYLES DES BLOCS INTRO */
	max-width: 800px;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 15px 0 15px 25px;
	border: solid;
	border-width: 2px;
	border-color: #064;
	border-radius: 9px 9px 0 0;
	color: black;
	font-weight: bold;
	display: inline-block;
}
div.intro p:first-child {
	text-align: center;
	font-size: 150%;
	cursor: default;
}
div.intro#Trilog {
	float: left;
	background-image: linear-gradient(
	  to right,
	  #66f,
	  #66f,
	  #fff,
	  #fff,
	  #fff,
	  #f66,
	  #f66);
	color: black;
	text-shadow: 0px 0px 5px yellow;
}
div.intro#MNA {
	clear: left;
	float: left;
}
div#MNA1 {
	color: black;
}
div#MNA2 {
	color: black;
}
div#MNA2 p:first-child {
	text-align: left;
	font-size: 100%;
}
div.intro#Linux {
	float: left;
}
div.intro#AfB {
	float: left;
}
div.intro#ERGODIS {
	float: left;
}
div.intro#KEYMAN {
	float: left;
 }
div.intro#Trilog a,
div.intro#MNA a,
div.intro#Linux a,
div.intro#AfB a,
div.intro#ERGODIS a,
div.intro#KEYMAN a {
	font-weight: bold;
	text-decoration: underline;
}
div.intro#Trilog a {
	color: #000;
}
div#MNA1 a {
	color: #000;
}
div#MNA2 a,
div.intro#Linux a,
div.intro#AfB a,
div.intro#ERGODIS a {
	color: #000;
}
div.intro#ERGODIS a {
	color: #000;
}
div.intro#KEYMAN a {
	color: #000;
}
div.intro#Trilog a:hover,
div.intro#MNA a:hover,
div.intro#Linux a:hover,
div.intro#AfB a:hover,
div.intro#ERGODIS a:hover,
div.intro#KEYMAN a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#maincontent {
	width: 90%;
	max-width: 900px;
	clear: left;
	margin-left: auto;
	margin-right: auto;
}

#diagramme { /*la section entière*/ /* STYLES DES DIAGRAMMES D'AGENCEMENT */
	overflow: auto;
	height: 373px;
	margin-left: -65px;
	margin-top: 5px;
	clear: left;
	z-index: 100;
	position: relative;
	border: solid 1px grey;
	font-family: Arial;
}
.clavier {
/*	width: 1470px;*/
	width: 1310px;
	height: 400px;
	margin-left: -47px;
}
#bloccentral {
	padding-top: 8px;
	float: left;
}
.blocalphanum {
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 8px;
}
.blocdir,
.blocnum,
.blocalphanum {
	float: left;
	background: white;
	font-family: Helvetica, Sans Serif; /*Andala;Tahoma;*/
/*overflow: auto;
	height: 353px;
	width: 114%;
	max-width: 1050px;
	margin-left: auto;
	margin-right: auto;
	margin-right: -150px;*/
/*clear: left;
	z-index: 100;
	position: relative;
	border: solid 1px grey;*/
}
.blocnum {
	padding-top: 14px;
}
.blocdir {
	padding-top: 14px;
	float: left;
	cursor: pointer;
	display: none;
}
div.blocdir table tr td {
	cursor: pointer;
}
div.blocdir table tr td.blanc {
	border: none;
	box-shadow: none;
	height: 57px;
}
.blocdirspect {
	width: 10px;
	height: 322px;
	border: solid 1px #bbb;
	margin-top: 14px;
	margin-left: -3px;
	padding-left: 2px;
	float: left;
	display: inline;
	line-height: 280px;
	color: #bbb;
	cursor: pointer;
}
.blocdirspect p {
	margin-left: -3px;
}
.table-caption {
	text-align: center;
	font-weight: bold;
	max-width: 1000px;
	margin-left: -80px;
	margin-top: 20px;
	background: white;
}

#cas00000ba,
#cas00000pn {
	display: table;
}
div.attn {
	display: none;
}

table.diagramme {
	border: 0;
	border-spacing: 9px;
	margin-top: -9px;
	margin-left: -5px;
}
table.diagramme td {
	border: solid 2px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #555;
	cursor: default;
	font-family: Arial;
}

table.diagramme td.pressDp,
table.diagramme td.pressUp,
table.diagramme td.pressNp {  /* pour modificatrice/bascule à actionner */
	cursor: pointer;
}
table.diagramme td.pressDh,
table.diagramme td.pressUh,
table.diagramme td.pressNh {  /* pour modificatrice/bascule seulement avec info */
	cursor: help;
}
table.diagramme td.pressD,
table.diagramme td.pressDp,
table.diagramme td.pressD,
table.diagramme td.pressDh,
table.diagramme td.pressU,
table.diagramme td.pressUp,
table.diagramme td.pressU,
table.diagramme td.pressUh {  /* pour modificatrice/bascule pressée/active */
	border: solid 2px #990;
}
table.diagramme td.pressD,
table.diagramme td.pressDp,
table.diagramme td.pressD,
table.diagramme td.pressDh {  /* pour modificatrice pressée */
	box-shadow: 0 0 20px #8f0;
}
table.diagramme td.pressD,
table.diagramme td.pressDp,
table.diagramme td.pressD,
table.diagramme td.pressDh,
table.diagramme td.pressU,
table.diagramme td.pressUp,
table.diagramme td.pressU,
table.diagramme td.pressUh {  /* pour modificatrice/bascule pressée/active */
	background: #afb;/*#fd9;*/
}

span.nbsp {   /* pour espaces insécables */
	background: #e2e;  /*#ddb; #eec;*/
	font-family: Arial;
}
tbody.maquette span.nbsp {
	background: black;
	font-size: 18px;
	font-stretch: condensed;
}
table.diagramme span.space {  /* pour espaces sécables */
	background: #ddd;  /*#ddb; #eec;*/
	white-space: pre;
}

table.diagramme div.c4touche {  /* TOUCHES NORMALES */
	width: 52px;
	height: 52px;
	position: relative;
}
table.diagramme div.c10 {
	background: none;
}
table.diagramme div.c40 {
	background: url(../svg/c40.svg);
}
table.diagramme div.c41 {
	background: url(../svg/c41.svg);
}
table.diagramme div.c42 {
	background: url(../svg/c42.svg);
}
table.diagramme div.c43 {
	background: url(../svg/c43.svg);
}
table.diagramme div.c44 {
	background: url(../svg/c44.svg);
}
table.diagramme div.c45 {
	background: url(../svg/c45.svg);
}
table.diagramme div.espace0 {
	background: url(../svg/espace0.svg);
}
table.diagramme div.espace1 {
	background: url(../svg/espace1.svg);
}
table.diagramme div.espace2 {
	background: url(../svg/espace2.svg);
}
table.diagramme div.c40,
table.diagramme div.c41,
table.diagramme div.c42,
table.diagramme div.c43,
table.diagramme div.c44,
table.diagramme div.c45 {
	background-size: 53px 52px;
}
table.diagramme div.espace0,
table.diagramme div.espace1,
table.diagramme div.espace2 {
	background-size: 366px 53px;
}
table.diagramme div.c40,
table.diagramme div.c41,
table.diagramme div.c42,
table.diagramme div.c43,
table.diagramme div.c44,
table.diagramme div.c45,
table.diagramme div.espace0,
table.diagramme div.espace1,
table.diagramme div.espace2 {
	background-repeat: none;
	border-radius: 7px 7px 7px 4px;
}
table.diagramme div.c4halo {  /* <div class=c4halo /> */
	width: 52px;
	height: 52px;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0 30px #8f0;
}
table.diagramme div.c4neut,
table.diagramme div.c4attn,
table.diagramme div.c40,
table.diagramme div.c41,
table.diagramme div.c42,
table.diagramme div.c43,
table.diagramme div.c44,
table.diagramme div.c45,
table.diagramme div.c4marq {
	width: 50px;
	height: 50px;
}
table.diagramme div.espace0,
table.diagramme div.espace1,
table.diagramme div.espace2 {
	width: 200px;
	height: 51px;
}
table.diagramme div.c4neut,
table.diagramme div.c4attn,
table.diagramme div.c40,
table.diagramme div.c41,
table.diagramme div.c42,
table.diagramme div.c43,
table.diagramme div.c44,
table.diagramme div.c45,
table.diagramme div.c4marq,
table.diagramme div.espace0,
table.diagramme div.espace1,
table.diagramme div.espace2 {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	line-height: 15px;
	font-size: 15px;
}
table.diagramme div.c4marq,
table.diagramme div.v4marq,
table.diagramme div.h4marq,
table.diagramme div.c5marq,
table.diagramme div.c7marq,
table.diagramme div.c8marq,
table.diagramme div.c9marq,
table.diagramme div.espacemarq {
	border-radius: 7px 7px 7px 4px;
	background: #fc0;             /*#ca8 #fed;*/
}
table.diagramme div.c4attn,
table.diagramme div.c5attn,
table.diagramme div.espaceattn {
	border-radius: 7px 7px 7px 4px;
	background: #afa;
}
table.diagramme div.s1a,
table.diagramme div.s2a,
table.diagramme div.s3a,
table.diagramme div.s4a,
table.diagramme div.sc1a,
table.diagramme div.sc2a,
table.diagramme div.sc3a,
table.diagramme div.sc4a,
table.diagramme div.sca1a,
table.diagramme div.sca2a,
table.diagramme div.sca3a,
table.diagramme div.sca4a,
table.diagramme div.sg1a,
table.diagramme div.sg2a,
table.diagramme div.sg3a,
table.diagramme div.sg4a,
table.diagramme div.sp1a,
table.diagramme div.sp2a,
table.diagramme div.sp3a,
table.diagramme div.sp4a,
table.diagramme div.v1,
table.diagramme div.v1b,
table.diagramme div.v2,
table.diagramme div.v2b,
table.diagramme div.v3,
table.diagramme div.v3b,
table.diagramme div.v4,
table.diagramme div.v4b,
table.diagramme div.m1,
table.diagramme div.m1b,
table.diagramme div.m2,
table.diagramme div.m2b,
table.diagramme div.m3,
table.diagramme div.m4,
table.diagramme div.i4,
table.diagramme div.v1a,
table.diagramme div.vc1a,
table.diagramme div.v1ba,
table.diagramme div.v2a,
table.diagramme div.vc2a,
table.diagramme div.vca2a,
table.diagramme div.v2ba,
table.diagramme div.v3a,
table.diagramme div.vc3a,
table.diagramme div.vca3a,
table.diagramme div.v3ba,
table.diagramme div.v4a,
table.diagramme div.vc4a,
table.diagramme div.vca4a,
table.diagramme div.v4ba,
table.diagramme div.v5a,
table.diagramme div.m1a,
table.diagramme div.m1ba,
table.diagramme div.m2a,
table.diagramme div.m2ba,
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba {
	position: absolute;
	width:  21px;
	height: 21px;
	text-align: center;
	font-size: 21px;
}
table.diagramme div.s1a,
table.diagramme div.s2a,
table.diagramme div.s3a,
table.diagramme div.s4a,
table.diagramme div.sc1a,
table.diagramme div.sc2a,
table.diagramme div.sc3a,
table.diagramme div.sc4a,
table.diagramme div.sca1a,
table.diagramme div.sca2a,
table.diagramme div.sca3a,
table.diagramme div.sca4a,
table.diagramme div.sg1a,
table.diagramme div.sg2a,
table.diagramme div.sg3a,
table.diagramme div.sg4a,
table.diagramme div.sp1a,
table.diagramme div.sp2a,
table.diagramme div.sp3a,
table.diagramme div.sp4a,
table.diagramme div.v1,
table.diagramme div.v1b,
table.diagramme div.v2,
table.diagramme div.v2b,
table.diagramme div.v3,
table.diagramme div.v3b,
table.diagramme div.v4,
table.diagramme div.v4b,
table.diagramme div.i4,
table.diagramme div.v1a,
table.diagramme div.vc1a,
table.diagramme div.v1ba,
table.diagramme div.v2a,
table.diagramme div.vc2a,
table.diagramme div.vca2a,
table.diagramme div.v2ba,
table.diagramme div.v3a,
table.diagramme div.vc3a,
table.diagramme div.v3ba,
table.diagramme div.v4a,
table.diagramme div.vc4a,
table.diagramme div.vca4a,
table.diagramme div.v4ba,
table.diagramme div.v5a {
	padding-top:  2px;
	padding-left: 3px;
}
table.diagramme div.m1,
table.diagramme div.m1b,
table.diagramme div.m2,
table.diagramme div.m2b,
table.diagramme div.m3,
table.diagramme div.m4,
table.diagramme div.m1a,
table.diagramme div.m1ba,
table.diagramme div.m2a,
table.diagramme div.m2ba,
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba {
	padding-top:  0px;
	padding-left: 1px;
	padding-right: 2px;
	margin-bottom: -2px;
}
table.diagramme div.s1a,
table.diagramme div.s2a,
table.diagramme div.s3a,
table.diagramme div.s4a,
table.diagramme div.sc1a,
table.diagramme div.sc2a,
table.diagramme div.sc3a,
table.diagramme div.sc4a,
table.diagramme div.sca1a,
table.diagramme div.sca2a,
table.diagramme div.sca3a,
table.diagramme div.sca4a,
table.diagramme div.sg1a,
table.diagramme div.sg2a,
table.diagramme div.sg3a,
table.diagramme div.sg4a,
table.diagramme div.sp1a,
table.diagramme div.sp2a,
table.diagramme div.sp3a,
table.diagramme div.sp4a,
table.diagramme div.v1a,
table.diagramme div.vc1a,
table.diagramme div.v1ba,
table.diagramme div.v2a,
table.diagramme div.vc2a,
table.diagramme div.vca2a,
table.diagramme div.v2ba,
table.diagramme div.v3a,
table.diagramme div.vc3a,
table.diagramme div.vca3a,
table.diagramme div.v3ba,
table.diagramme div.v4a,
table.diagramme div.vc4a,
table.diagramme div.vca4a,
table.diagramme div.v4ba,
table.diagramme div.v5a,
table.diagramme div.m1a,
table.diagramme div.m1ba,
table.diagramme div.m2ba,
table.diagramme div.m3a,
table.diagramme div.m3ba,
table.diagramme div.m4a,
table.diagramme div.m4ba {
	cursor: help;
}
table.diagramme div.i4 {
	color: white;
	font-weight: bold;
}
table.diagramme div.s1a,
table.diagramme div.sc1a,
table.diagramme div.sca1a,
table.diagramme div.v1,
table.diagramme div.m1,
table.diagramme div.v1a,
table.diagramme div.vc1a,
table.diagramme div.m1a {
	top:  24;
	left:  0;
}
table.diagramme div.sg1a {
	top:  20;
	left:  0;
}
table.diagramme div.sp1a {
	top:  32;
	left:  -2;
}
table.diagramme div.v1b,
table.diagramme div.v1ba,
table.diagramme div.m1ba {
	top:  25;
	left: -6;
}
table.diagramme div.s2a,
table.diagramme div.sc2a,
table.diagramme div.v2,
table.diagramme div.v2a,
table.diagramme div.vc2a {
	top:  -1;
	left:  0;
}
table.diagramme div.sca2a,
table.diagramme div.vca2a {
	top:   0;
	left:  0;
}
table.diagramme div.sg2a {
	top:   -1;
	left:  -1;
}
table.diagramme div.sp2a {
	top:   0;
	left:  0;
}
table.diagramme div.v2b,
table.diagramme div.v2ba,
table.diagramme div.m2ba {
	top:   0;
	left: -5;
}
table.diagramme div.v3,
table.diagramme div.m3,
table.diagramme div.v3a,
table.diagramme div.vc3a,
table.diagramme div.vca3a,
table.diagramme div.m3a {
	top:  25;
	left: 25;
}
table.diagramme div.s3a,
table.diagramme div.sc3a,
table.diagramme div.sca3a {
	top:  24;
	left: 25;
}
table.diagramme div.sg3a {
	top:  25;
	left: 25;
}
table.diagramme div.sp3a {
	top:  25;
	left: 25;
}
table.diagramme div.v3b,
table.diagramme div.m3b,
table.diagramme div.v3ba,
table.diagramme div.m3ba {
	top:  25;
	left: 12;
}
table.diagramme div.v4,
table.diagramme div.m4,
table.diagramme div.i4,
table.diagramme div.v4a,
table.diagramme div.vc4a,
table.diagramme div.m4a {
	top:  -1;
	left: 25;
}
table.diagramme div.s4a,
table.diagramme div.sc4a {
	top:  -1;
	left: 26;
}
table.diagramme div.vca4a,
table.diagramme div.sca4a {
	top:  -2;
	left: 26;
}
table.diagramme div.sg4a {
	top:   0;
	left: 25;
}
table.diagramme div.sp4a {
	top:   1;
	left: 29;
}
table.diagramme div.v4b,
table.diagramme div.v4ba,
table.diagramme div.m4ba {
	top:   0;
	left: 19;
}
table.diagramme div.v5a {
	top:  25;
	left: 32;
}
table.diagramme div.c4actif,
table.diagramme div.c4actifaide,
table.diagramme div.c4actifinfo,
table.diagramme div.c4morte,
table.diagramme div.c4morteaide,
table.diagramme div.c4morteinfo,
table.diagramme div.c4htmlaide,
table.diagramme div.v4actif,
table.diagramme div.h4actif,
table.diagramme div.c5actif,
table.diagramme div.c6actif,
table.diagramme div.c7actif,
table.diagramme div.c8actif,
table.diagramme div.c9actif,
table.diagramme div.espaceactif,
table.diagramme div.espaceactifaide,
table.diagramme div.espacemorte,
table.diagramme div.espacemorteaide {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 4.2px;
	font-size: 35px;
}
table.diagramme div.c4actif,
table.diagramme div.c4actifaide,
table.diagramme div.c4actifinfo,
table.diagramme div.c4morte,
table.diagramme div.c4morteaide,
table.diagramme div.c4morteinfo,
table.diagramme div.c4htmlaide {
	width: 52px;
	height: 52px;
	padding-left: 6px;
	text-align: center;
}
table.diagramme div.c4actif,
table.diagramme div.c4actifaide,
table.diagramme div.c4actifinfo,
table.diagramme div.c4morte,
table.diagramme div.c4morteaide,
table.diagramme div.c4morteinfo,
table.diagramme div.c4htmlaide {
	width: 52px;
	height: 52px;
	padding-left: 6px;
}
table.diagramme div.c4actif,
table.diagramme div.c4actifaide,
table.diagramme div.c4actifinfo,
table.diagramme div.c4morte,
table.diagramme div.c4morteaide,
table.diagramme div.c4morteinfo,
table.diagramme div.c4htmlaide {
	line-height: 45px;
}
table.diagramme div.c4center {
	line-height: 52px;
	text-align: center;
	font-size: 35px;
}
table.diagramme div.c4arrow {
	line-height: 47px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 35px;
}
table.diagramme div.c4actifaide,
table.diagramme div.c4morteaide,
table.diagramme div.c4htmlaide {
	cursor: help;
}
table.diagramme div.c4actifinfo,
table.diagramme div.c4morteinfo {
	cursor: pointer;
}
table.diagramme div.sc1a,
table.diagramme div.sc2a,
table.diagramme div.sc3a,
table.diagramme div.sc4a,
table.diagramme div.vc1a,
table.diagramme div.vc2a,
table.diagramme div.vc3a,
table.diagramme div.vc4a,
table.diagramme div.c4htmlaide {
	font-family: Consolas, Courier New, Monospace; /* pour les ponctuations avec virgules */
}
table.diagramme div.sca1a,
table.diagramme div.sca2a,
table.diagramme div.sca3a,
table.diagramme div.sca4a,
table.diagramme div.vca1a,
table.diagramme div.vca2a,
table.diagramme div.vca3a,
table.diagramme div.vca4a {
	font-family: Cambria; /* pour les tirets */
}
table.diagramme div.sg1a,
table.diagramme div.sg2a,
table.diagramme div.sg3a,
table.diagramme div.sg4a {
	font-size: 26px;
}
table.diagramme div.sp1a,
table.diagramme div.sp2a,
table.diagramme div.sp3a,
table.diagramme div.sp4a {
	font-size: 14px;
	font-weight: bold;
}
table.diagramme div.c4morte,
table.diagramme div.c4morteaide,
table.diagramme div.c4morteinfo {
	color: green;
	font-weight: bold;
}

	/* TOUCHES VERTICALES */

table.diagramme div.v4touche {
	width: 52px;
	height: 118px;
	position: relative;
}
table.diagramme div.v4neut,
table.diagramme div.v4marq {
	width: 50px;
	height: 119px;
	position: absolute;
	top: -1;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	line-height: 15px;
	font-size: 15px;
}
table.diagramme div.v4actif {
	width: 52px;
	height: 118px;
	padding-left: 6px;
	line-height: 45px;
	text-align: center;
}

table.diagramme div.h4touche {  /* TOUCHE HORIZONTALE */
	width: 118px;
	height: 50px;
	position: relative;
}
table.diagramme div.h4neut,
table.diagramme div.h4marq {
	width: 117px;
	height: 51px;
	position: absolute;
	top: -1;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	line-height: 15px;
	font-size: 15px;
}
table.diagramme div.h4actif {
	width: 100px;
	height: 52px;
	padding-left: 24px;
	text-align: left;
	line-height: 45px;
}

table.diagramme div.c5touche,  /* TOUCHES COMME MAJ GAUCHE */
table.diagramme div.c5actif {
	width: 69px;
	height: 52px;
}
table.diagramme div.c5touche {
	position: relative;
}
table.diagramme div.c5neut,
table.diagramme div.c5attn,
table.diagramme div.c5marq {
	width: 67px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.c5actif {
	padding-left: 6px;
	text-align: center;
	line-height: 45px;
}

table.diagramme div.c6touche,  /* TOUCHES COMME CTRL */
table.diagramme div.c6actif {
	width: 86px;
	height: 52px;
}
table.diagramme div.c6touche {
	position: relative;
}
table.diagramme div.c6neut {
	width: 84px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.c6actif {
	padding-left: 6px;
	text-align: center;
	line-height: 45px;
}

table.diagramme div.c7touche,  /* TOUCHES COMME VERRMAJ */
table.diagramme div.c7actif {
	width: 102px;
	height: 52px;
}
table.diagramme div.c7touche {
	position: relative;
}
table.diagramme div.c7neut,
table.diagramme div.c7marq,
table.diagramme div.c7halo {
	width: 100px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
table.diagramme div.c7halo {  /* <div class=c7halo /> */
	box-shadow: 0 0 20px yellow;
}
table.diagramme div.c7neut,
table.diagramme div.c7marq {
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.c7actif {
	padding-left: 6px;
	text-align: center;
	line-height: 45px;
}

table.diagramme div.c8touche {  /* TOUCHES COMME RETARR */
	width: 120px;
	height: 52px;
	position: relative;
}
table.diagramme div.c8neut,
table.diagramme div.c8marq {
	width: 118px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.c8actif { /* TOUCHE RETOUR ARRIÈRE */
	width: 80px;
	height: 40px;
	top: 7px;
	padding-left: 20px;
	text-align: left;
	line-height: 45px;
	font-size: 24px;
}

table.diagramme div.c9touche {  /* TOUCHE MAJ DROITE */
	width: 171px;
	height: 52px;
	position: relative;
}
table.diagramme div.c9neut,
table.diagramme div.c9marq {
	width: 169px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.c9actif {
	width: 110px;
	height: 52px;
	padding-left: 6px;
	text-align: center;
	line-height: 45px;
}

table.diagramme div.espacetouche,         /* BARRE D'ESPACE */
table.diagramme div.espaceactif,
table.diagramme div.espaceactifaide,
table.diagramme div.espacemorte {
	width: 366px;
	height: 52px;
}
table.diagramme div.espacetouche {
	position: relative;
}
table.diagramme div.espaceneut,
table.diagramme div.espaceattn,
table.diagramme div.espace0,
table.diagramme div.espace1,
table.diagramme div.espace2,
table.diagramme div.espacemarq {
	width: 364px;
	height: 51px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.v1espace,
table.diagramme div.v2espace,
table.diagramme div.v3espace,
table.diagramme div.m3espace,
table.diagramme div.v4espace,
table.diagramme div.m4espace {
	width: 170px;
	height: 21px;
	position: absolute;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 15px;
}
table.diagramme div.v1esp,
table.diagramme div.v2esp,
table.diagramme div.v3esp,
table.diagramme div.m3esp,
table.diagramme div.v4esp {
	width: 178px;
	height: 21px;
	position: absolute;
	padding-top: 2px;
	padding-left: 3px;
	font-size: 17px;
	text-align: center;
}
table.diagramme div.v1espace {
	top: 27;
	left: 10;
}
table.diagramme div.v2espace {
	top: 2;
	left: 10;
}
table.diagramme div.v3espace,
table.diagramme div.m3espace {
	top: 27;
	left: 155;
}
table.diagramme div.v4espace,
table.diagramme div.m4espace {
	top: 2;
	left: 155;
}
table.diagramme div.v2esp,
table.diagramme div.v4esp {
	top: 2;
}
table.diagramme div.v1esp,
table.diagramme div.v3esp,
table.diagramme div.m3esp {
	top: 27;
}
table.diagramme div.v1esp,
table.diagramme div.v2esp {
	left: 4;
}
table.diagramme div.v3esp,
table.diagramme div.m3esp,
table.diagramme div.v4esp {
	left: 180;
}
table.diagramme div.espaceactif,
table.diagramme div.espaceactifaide,
table.diagramme div.espacemorte {
	padding-left: 15px;
	text-align: center;
	line-height: 45px;
}
table.diagramme div.v1espace,
table.diagramme div.v1esp,
table.diagramme div.v2espace,
table.diagramme div.v2esp,
table.diagramme div.v3espace,
table.diagramme div.m3espace,
table.diagramme div.v3esp,
table.diagramme div.m3esp,
table.diagramme div.v4espace,
table.diagramme div.v4esp,
table.diagramme div.m4espace,
table.diagramme div.espaceactifaide,
table.diagramme div.espacemorteaide {
	cursor: help;
}
table.diagramme div.espacemorte,
table.diagramme div.espacemorteaide {
	color: green;
	font-weight: bold;
}

.infoTouche {            /* INFO TOUCHE */
	display: none;
	position: absolute;
	z-index: 1000;
	box-shadow: 5px 5px 40px #55f;
	border-radius: 7px 7px 3px 3px;
	font-size: 14px;
	font-family: Arial;
	color: #222;
	background: #fdfdfd;
	text-align: left;
	line-height: 16px;
	padding-left: 30px;
	padding-top: 5px;
	overflow: auto;
	cursor: pointer;
}
.infoTouche div.puce {
	margin-left: -22px;
	float: left;
	height: 10px;
	width: 10px;
}

#cmd00000,             /* ZONE DE COMMANDES */
#ausur {
	display: block;
}
#auclic {
	display: none;
}
#commandcadre {  /*la section entière*/
	overflow: auto;
	height: 355px;
	margin-left: -65px;
	margin-top: 50px;
	clear: left;
	z-index: 100;
	position: relative;
	border: solid 1px grey;
	font-family: Arial;
}
div.commandes,
div.cma {
	position: absolute;
	width: 730px;
}
div.commandes {
	text-align: center;
}
div.cma {
	display: none;
}
div.act {
	position: absolute;
	height: 80px;
	width: 80px;
	border: #777 solid 4px;
	box-shadow: 0px 7px 10px #555;
}

div.n000, div.n001, div.n100, div.n101 {
	position: absolute;
	height: 80px;
	width: 80px;
}
div.n001 {
	background: rgb(255,255,000);
}
div.n100 {
	background: rgb(102,204,255);
}
div.n101 {
	background: rgb(102,255,102);
}

div.tch {
	position: absolute;
	height: 160px;
	width: 160px;
	border: #aaa solid 2px;
}

div.redln {
	width: 140%;
	height: 14px;
	background: red;
	margin-top: 50px;
	margin-left: -120px;
}
a.ctv {
	color: black;
}
.maquette img {
	margin-top: 4px;
}

/**********************************************************/