﻿/*
pan.css
panneau latéral nav entre vues
2017-12-05T2138+0100
*/

/* panneau latéral style A pour page afnor */

div.sidepaneA {
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 35px;
	z-index: 100;
	text-align: center;
	line-height: 2em;
	opacity: 0.8;
}
div.sidepaneA div.segment13,
div.sidepaneA div.segment12,
div.sidepaneA div.segment11,
div.sidepaneA div.segment10,
div.sidepaneA div.segment9,
div.sidepaneA div.segment8,
div.sidepaneA div.segment7,
div.sidepaneA div.segment6,
div.sidepaneA div.segment5,
div.sidepaneA div.segment4,
div.sidepaneA div.segment3,
div.sidepaneA div.segment2,
div.sidepaneA div.segment1,
div.sidepaneA div.segment0b,
div.sidepaneA div.segment0a {
	height: 7.1%; 
	width: 35px;
}
div.sidepaneA div.segment13,
div.sidepaneA div.segment12,
div.sidepaneA div.segment11,
div.sidepaneA div.segment10,
div.sidepaneA div.segment9,
div.sidepaneA div.segment8,
div.sidepaneA div.segment7,
div.sidepaneA div.segment6,
div.sidepaneA div.segment5,
div.sidepaneA div.segment4,
div.sidepaneA div.segment3,
div.sidepaneA div.segment2,
div.sidepaneA div.segment1 {
	color: white;
}
div.sidepaneA div.segment0a,
div.sidepaneA div.segment0b {
	color: black;
}
div.sidepaneA div.segment0a,
div.sidepaneA div.segment0b {
	background-color: ffffff;
	border-right: 1px solid black;
}
div.sidepaneA div.segment0a {
	border-bottom: 1px solid black;
}
div.sidepaneA div.segment1 {
	background-color: 2222ff;
}
div.sidepaneA div.segment2 {
	background-color: 4444ff;
}
div.sidepaneA div.segment3 {
	background-color: 5555ff;
}
div.sidepaneA div.segment4 {
	background-color: 6666ff;
}
div.sidepaneA div.segment5 {
	background-color: 7777ff;
}
div.sidepaneA div.segment6 {
	background-color: ff0000;
}
div.sidepaneA div.segment7 {
	background-color: ff2222;
}
div.sidepaneA div.segment8 {
	background-color: ff4444;
}
div.sidepaneA div.segment9 {
	background-color: ff6666;
}
div.sidepaneA div.segment10 {
	background-color: 00aa00;
}
div.sidepaneA div.segment11 {
	background-color: 22aa22;
}
div.sidepaneA div.segment12 {
	background-color: 44aa44;
}
div.sidepaneA div.segment13 {
	background-color: 66aa66;
}
div.sidepaneA a {
	text-decoration: none;
}
div.sidepaneA div.segment13:hover,
div.sidepaneA div.segment12:hover,
div.sidepaneA div.segment11:hover,
div.sidepaneA div.segment10:hover,
div.sidepaneA div.segment9:hover,
div.sidepaneA div.segment8:hover,
div.sidepaneA div.segment7:hover,
div.sidepaneA div.segment6:hover,
div.sidepaneA div.segment5:hover,
div.sidepaneA div.segment4:hover,
div.sidepaneA div.segment3:hover,
div.sidepaneA div.segment2:hover,
div.sidepaneA div.segment1:hover,
div.sidepaneA div.segment0b:hover,
div.sidepaneA div.segment0a:hover {
	background-color: ffff00;
	color: black;
}

/* panneau latéral style B pour page bépo */

div.sidepaneB {
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 35px;
	z-index: 100;
	text-align: center;
	line-height: 1em;
	opacity: 0.8;
}
div.sidepaneB div.segment14,
div.sidepaneB div.segment13,
div.sidepaneB div.segment12,
div.sidepaneB div.segment11,
div.sidepaneB div.segment10,
div.sidepaneB div.segment9,
div.sidepaneB div.segment8,
div.sidepaneB div.segment7,
div.sidepaneB div.segment6,
div.sidepaneB div.segment5,
div.sidepaneB div.segment4,
div.sidepaneB div.segment3,
div.sidepaneB div.segment2,
div.sidepaneB div.segment1,
div.sidepaneB div.segment0 {
	height: 6.5%; 
	width: 40px;
}
div.sidepaneB div.segment14,
div.sidepaneB div.segment13,
div.sidepaneB div.segment12,
div.sidepaneB div.segment11,
div.sidepaneB div.segment10,
div.sidepaneB div.segment9,
div.sidepaneB div.segment8,
div.sidepaneB div.segment7,
div.sidepaneB div.segment6,
div.sidepaneB div.segment5,
div.sidepaneB div.segment4,
div.sidepaneB div.segment3 {
	color: white;
}
div.sidepaneB div.segment2,
div.sidepaneB div.segment1,
div.sidepaneB div.segment0 {
	color: black;
}
div.sidepaneB div.segment0 {
	background-color: ffeeee;
}
div.sidepaneB div.segment1 {
	background-color: ffdddd;
}
div.sidepaneB div.segment2 {
	background-color: ffcccc;
}
div.sidepaneB div.segment3 {
	background-color: ffbbbb;
}
div.sidepaneB div.segment4 {
	background-color: ffaaaa;
}
div.sidepaneB div.segment5 {
	background-color: ff9999;
}
div.sidepaneB div.segment6 {
	background-color: ff8888;
}
div.sidepaneB div.segment7 {
	background-color: ff7777;
}
div.sidepaneB div.segment8 {
	background-color: ff6666;
}
div.sidepaneB div.segment9 {
	background-color: ff5555;
}
div.sidepaneB div.segment10 {
	background-color: ff4444;
}
div.sidepaneB div.segment11 {
	background-color: ff3333;
}
div.sidepaneB div.segment12 {
	background-color: ff2222;
}
div.sidepaneB div.segment13 {
	background-color: ff1111;
}
div.sidepaneB div.segment14 {
	background-color: ff0000;
}
div.sidepaneB a {
	text-decoration: none;
}
div.sidepaneB div.segment14:hover,
div.sidepaneB div.segment13:hover,
div.sidepaneB div.segment12:hover,
div.sidepaneB div.segment11:hover,
div.sidepaneB div.segment10:hover,
div.sidepaneB div.segment9:hover,
div.sidepaneB div.segment8:hover,
div.sidepaneB div.segment7:hover,
div.sidepaneB div.segment6:hover,
div.sidepaneB div.segment5:hover,
div.sidepaneB div.segment4:hover,
div.sidepaneB div.segment3:hover,
div.sidepaneB div.segment2:hover,
div.sidepaneB div.segment1:hover,
div.sidepaneB div.segment0:hover {
	background-color: ff0000;
	color: white;
}

/* panneau latéral style C pour page azerty-qzjfgy */

div.sidepaneC {
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 70px;
	z-index: 100;
	text-align: center;
	line-height: 1em;
	opacity: 0.8;
}
/*
div.sidepaneC div.segment14,
div.sidepaneC div.segment13,
div.sidepaneC div.segment12,
div.sidepaneC div.segment11,
div.sidepaneC div.segment10,
div.sidepaneC div.segment9,
div.sidepaneC div.segment8,
*/
div.sidepaneC div.segment7,
div.sidepaneC div.segment6,
div.sidepaneC div.segment5,
div.sidepaneC div.segment4,
div.sidepaneC div.segment3,
div.sidepaneC div.segment2,
div.sidepaneC div.segment1,
div.sidepaneC div.segment0 {
	height: 12.5%; 
	width: 70px;
}
div.sidepaneC div.segment6:first-line,
div.sidepaneC div.segment5:first-line,
div.sidepaneC div.segment4:first-line,
div.sidepaneC div.segment7:first-line,
div.sidepaneC div.segment3:first-line,
div.sidepaneC div.segment2:first-line,
div.sidepaneC div.segment1:first-line,
div.sidepaneC div.segment0:first-line {
	line-height: 2em;
}
/*
div.sidepaneC div.segment14,
div.sidepaneC div.segment13,
div.sidepaneC div.segment12,
div.sidepaneC div.segment11,
div.sidepaneC div.segment10,
div.sidepaneC div.segment9,
div.sidepaneC div.segment8,
*/
div.sidepaneC div.segment7,
div.sidepaneC div.segment6,
div.sidepaneC div.segment5,
div.sidepaneC div.segment4,
div.sidepaneC div.segment3,
div.sidepaneC div.segment2 {
	color: white;
}
div.sidepaneC div.segment0,
div.sidepaneC div.segment1 {
	color: black;
}
div.sidepaneC div.segment0,
div.sidepaneC div.segment1 {
	background-color: ffffff;
	border-right: 1px solid black;
}
div.sidepaneC div.segment0 {
	border-bottom: 1px solid black;
}
div.sidepaneC div.segment2 {
	background-color: 2222ff;
}
div.sidepaneC div.segment3 {
	background-color: 4444ff;
}
div.sidepaneC div.segment4 {
	background-color: 5555ff;
}
div.sidepaneC div.segment5 {
	background-color: 6666ff;
}
div.sidepaneC div.segment6 {
	background-color: 7777ff;
}
div.sidepaneC div.segment7 {
	background-color: 00aa00;
}
/*
div.sidepaneC div.segment8 {
	background-color: ff6666;
}
div.sidepaneC div.segment9 {
	background-color: ff5555;
}
div.sidepaneC div.segment10 {
	background-color: ff4444;
}
div.sidepaneC div.segment11 {
	background-color: ff3333;
}
div.sidepaneC div.segment12 {
	background-color: ff2222;
}
div.sidepaneC div.segment13 {
	background-color: ff1111;
}
div.sidepaneC div.segment14 {
	background-color: ff0000;
}
*/
div.sidepaneC a {
	text-decoration: none;
}
/*
div.sidepaneC div.segment14:hover,
div.sidepaneC div.segment13:hover,
div.sidepaneC div.segment12:hover,
div.sidepaneC div.segment11:hover,
div.sidepaneC div.segment10:hover,
div.sidepaneC div.segment9:hover,
div.sidepaneC div.segment8:hover,
*/
div.sidepaneC div.segment7:hover,
div.sidepaneC div.segment6:hover,
div.sidepaneC div.segment5:hover,
div.sidepaneC div.segment4:hover,
div.sidepaneC div.segment3:hover,
div.sidepaneC div.segment2:hover,
div.sidepaneC div.segment1:hover,
div.sidepaneC div.segment0:hover {
	background-color: 00ffff;
	color: black;
}
