/*=============================================================================================*\
** Adaptative layout 'OldBlueSkin' for site www.ipzb.fr
** CSS-2 compatible, highly accessible, driven by mode switches, with IE 5+ bug support.
** Partially-compiled version, this format will be optimized soon...
** Copyright (c) 2008-2131 Patrick 'Zener' Brunet
\*=============================================================================================*/


	/* MainLayout.css.php 
           Build time: 13/04/2009-14:36:39  Copyright (c) 2008-2131 Patrick 'Zener' Brunet */

/*===============================================================================================
** Generic Framing with fine page footers:
*/

html, 
body
{
	height: 100%;
}

hr.Footer
{
	margin-top: 6ex;
	visibility: hidden;
}

#MainContainer
{
	position: relative;
	z-index: 0;
	min-height: 100%; /* To place the footer */
}

.umoL-No #Main
{
	position: relative;
	z-index: 5;
}

#Footer
{
	position: relative;
	margin-top: -6ex;
	height: 3.5ex; 
 	z-index: 30;
}

#Footer.umoL-Mi
{
	height: 3em;
}

/*===============================================================================================
** Default attributes reset:
*/

body, 
div, 
p, 
ul, 
ol, 
dl, 
blockquote, 
form, 
input, 
label
{
	margin: 0;
	padding: 0;
}

img
{
	border-width: 0;
	border-style: none;
}

#MainContainer.umoM-m 
{
	font-size: 170%;
}

#MainContainer.umoM-h 
{
	font-size: 230%;
}

#MainContainer.umoC-W *
{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
}

#MainContainer.umoC-B *
{
	background-color: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
	font-weight: bold;
}

/*===============================================================================================
** Generic tool classes:
*/

.Centered
{
	text-align: center;
}

.LeftAligned
{
	text-align: left;
}

.RightAligned
{
	text-align: right;
}

.Justified
{
	text-align: justify;
}

.NotIndented
{
}

.Reduced
{
	font-size: 60%; 
}

p.Detail
{
	font-size: 95%;
}

span.Detail
{
	font-style: italic;
	font-size: 95%;
}

img.InText
{
	vertical-align: middle;
}

img.InTextUp
{
	vertical-align: text-bottom;
}

img.InTextDown
{
	vertical-align: top;
}

/*===============================================================================================
** Main typographic choices:
*/

body
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: justify; 
}

#MainContent p, 
#MainContent ul li, 
#MainContent ul li span.Text, 
dd, 
blockquote,
.DocCredits .DCTitle
{
	font-size: 95%;
}

#MainContent ol li
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold; 
}

#MainContent ol li span.Text
{
	font-weight: normal; 
}

#Banner *,
#Footer *,
#Menu *,
#Summary *,
#MainContent form *,
#MainContent form p,
#MainContent form input,
div.NormIcon
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

span.Milestone
{
	font-family: monospace;
}

.HandWrite
{
	font-family: 'Lucida Handwriting', 'Monotype Corsiva', cursive;
}

#MainContent a, 
em, 
strong, 
b, 
i, 
u,
acronym,
abbr
{
	font-family: inherit;
}

/*===============================================================================================
** Main page contents:
*/

body.umoC-N,         
#MainContainer.umoC-N   /* body with a class looks unsafe */
{
	background-color: #F0FAFF;
	color: #000000;
}

body.umoC-W,
#MainContainer.umoC-W   /* body with a class looks unsafe */
{
	background-color: #FFFFFF;
	color: #000000;
}

body.umoC-B,
#MainContainer.umoC-B   /* body with a class looks unsafe */ 
{
	background-color: #000000;
	color: #FFFFFF;
}

#MainContainer2
{
	background-color: transparent;
}

h1
{
	text-align: center; 
	font-size: 180%; 
	font-weight: bold; 
	line-height: 2.5ex;
	margin-top: 0.5ex; 
	margin-bottom: 1ex;
}

h1 small.Hint
{
	position: relative;
	top: -0.5ex;
	font-size: 65%; 
	font-weight: normal; 
}

.umoL-No .NoIE #AntiClearHack /* See solution for IE */
{
	display: none;
	float: right;
	clear: none;
	background-color: transparent;
	margin: 4ex 4ex 3ex 4ex;
}

.umoL-No .NoIE #MainContent .TopFloatR /* See solution for IE */
{
	float: none;
	display: block;
	position: absolute;
	top: 4ex;
	right: 4ex;
	z-index: 35; /* Above #MainContent */
}

.umoL-Mi #MainContent .TopFloatR 
{
	float: right;
	clear: none;
	background-color: transparent;
	margin: 4ex 4ex 3ex 4ex;
	position: relative;
	z-index: 35; /* Above #MainContent */
}

a.FixMenu
{
	margin-left: 5ex;
}

div.Box2
{
}

h2
{
	text-align: left; 
	font-size: 131%; 
	font-weight: bold; 
	margin-left: 0; 
	margin-top: 2ex; 
	margin-bottom: 0.5ex;
}

div.Box3
{
}

h3
{
	text-align: left; 
	font-size: 124%; 
	font-weight: normal; 
	font-style: italic;
	margin-left: 1.5ex; 
	margin-top: 1ex; 
	margin-bottom: 0.5ex;
}

div.Box4
{
}

h4
{
	text-align: left; 
	font-size: 112%; 
	font-weight: normal; 
	margin-left: 4ex; 
	margin-top: 1ex; 
	margin-bottom: 0.5ex;
}

div.Box5
{
}

h5
{
	text-align: left; 
	font-size: 96%; 
	font-weight: bold; 
	font-style: italic;
	margin-left: 6ex; 
	margin-top: 1ex; 
	margin-bottom: 0.5ex;
}

div.Box6
{
}

h6
{
	text-align: left; 
	font-size: 92%; 
	font-weight: bold; 
	margin-left: 7.5ex; 
	margin-top: 1ex; 
	margin-bottom: 0.5ex;
}

p
{
	margin-left: 6ex; 
	margin-right: 4ex;
	margin-top: 1.4ex; 
}

.Plike
{
	display: block;
	margin-left: 6ex; 
	margin-right: 4ex;
	margin-top: 1.4ex; 
}


ul
{

	list-style: URL("/cssimage/OldBlueSkin/Images/Bullet1.gif") outside;
	margin-left: 9ex; 
	margin-right: 6ex;
	margin-top: 1.4ex; 
}

ul ul
{
	list-style: URL("/cssimage/OldBlueSkin/Images/Bullet2.gif") outside;
	margin-left: 4ex; 
	margin-right: 2ex;
	margin-top: 0.8ex; 
}

.umoC-W ul,
.umoC-B ul
{
	list-style-image: none;
	list-style-type: square;
}

.umoC-W ul ul,
.umoC-B ul ul
{
	list-style-image: none;
	list-style-type: disc;
}

ol
{
	margin-left: 9ex; 
	margin-right: 6ex;
	margin-top: 1.4ex; 
}

ol li
{
	margin-left: 0.5ex; 
}

li
{
	margin-top: 0.8ex;
}

dl
{
	margin-left: 8ex; 
	margin-right: 6ex;
	margin-top: 1.4ex; 
}

dt
{
	margin-top: 0.8ex; 
}

dd
{
	margin-top: 0.2ex; 
}

.Detail
{
	font-size: 70%;
	font-style: italic;
}

p.Detail
{
	margin-left: 9ex; 
	margin-right: 8ex;
	margin-top: 1.4ex; 
	padding-left: 1ex;
	border-left: 1px solid;
}

blockquote
{
	font-style: italic;
	margin-left: 25%; 
	margin-right: 8ex;
	margin-top: 1.4ex; 
}

blockquote .Author
{
	display: block;
	text-align: right;
}

hr
{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

acronym /* IE ignores abbr */
{
	border-bottom: 1px dotted gray;
	cursor: pointer;
}

em
{
	font-style: italic;
	font-weight: bold;
}

strong
{
	font-size: 115%;
	font-weight: bold;
}

sup,
inf
{
	font-size: 75%;
	font-weight: bold;
}

form
{
	margin: 2ex;
	margin-left: 10ex;
}

.umoC-W img.InText,
.umoC-B img.InText
{
	height: 0.8em;
	width: auto;
}

.FloatL
{
	display: block;
	float: left;
	margin: 1ex;
	margin-left: 5ex;
	margin-right: 3ex;
}

.FloatR
{
	display: block;
	float: right;
	margin: 1ex;
	margin-left: 3ex;
	margin-right: 3ex;
}

.umoC-N h1
{
	color: #0000A4; 
}

.umoC-N h2
{
	color: #000484; 
}

.umoC-N h3
{
	color: #0006B5; 
}

.umoC-N h4
{
	color: #373EFF; 
}

.umoC-N h5
{
	color: #000064; 
}

.umoC-N h6
{
	color: #00007C; 
}

.umoC-N ol li
{
	color: #0000A0; 
}

.umoC-N ol li span.Text
{
	color: #000000; 
}

/*===============================================================================================
** Anchoring and link features:
*/

/*-----------------------------------------------------------------
** Generic links:
*/

a.ImageLink
{
	text-decoration: none;
}

a.ImageLink span
{
	text-decoration: underline;
}

a.ImageLink img,
img.ImageLink
{
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

a.ImageLink img.NoBorder  /* Not square for instance */
{
	border: none;
}

.umoC-N a
{
	color: #0000CC;
}

.umoC-W a
{
	color: #222222;
}

.umoC-B a,
.umoC-B a *
{
	color: #DDDDDD;
}

.umoC-N a:visited
{
	color: #AA00AA;
}

.umoC-W a:visited
{
	color: #CCCCCC;
}

.umoC-B a:visited,
.umoC-B a:visited *
{
	color: #333333;
}

.umoC-N a:hover, 
.umoC-N a:focus, 
.umoC-N a:active
{
	color: #EE0000;
}

.umoC-W a:hover, 
.umoC-W a:focus, 
.umoC-W a:active
{
	color: #000000;
}

.umoC-B a:hover, 
.umoC-B a:focus, 
.umoC-B a:active,
.umoC-B a:hover *, 
.umoC-B a:focus *, 
.umoC-B a:active *
{
	color: #FFFFFF;
}

.umoC-N a.ImageLink img,
.umoC-B img.ImageLink
{
	border-color: #0000CC;
}

.umoC-W a.ImageLink img,
.umoC-B img.ImageLink
{
	border-color: #222222;
}

.umoC-B a.ImageLink img,
.umoC-B img.ImageLink
{
	border-color: #DDDDDD;
}

.umoC-N a.ImageLink:visited img
{
	border-color: #AA00AA;
}

.umoC-W a.ImageLink:visited img
{
	border-color: #333333;
}

.umoC-B a.ImageLink:visited img
{
	border-color: #CCCCCC;
}

.umoC-N a.ImageLink:hover img, 
.umoC-N a.ImageLink:focus img, 
.umoC-N a.ImageLink:active img
{
	border-color: #EE0000;
}

.umoC-W a.ImageLink:hover img, 
.umoC-W a.ImageLink:focus img, 
.umoC-W a.ImageLink:active img
{
	border-color: #000000;
}

.umoC-B a.ImageLink:hover img, 
.umoC-B a.ImageLink:focus img, 
.umoC-B a.ImageLink:active img
{
	border-color: #FFFFFF;
}

/*-----------------------------------------------------------------
** Page splitting:
*/

div#EntryBox
{
	font-size: 86%;
}

div.PageLinks
{
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	margin-top: 5ex;
	margin-bottom: 2ex;
	width: 100%;
}

div.PageLinks a
{
	text-decoration: none;
}

div.PageLinks a.BackLink
{
	font-size: 80%;
	font-weight: normal;
	text-decoration: underline;
}

span.VBar
{
	visibility: hidden; /* Kept as spacers */
}

div.PageLinks a.Previous
{
	padding-left: 2ex;
}

div.PageLinks a.Next
{
	padding-right: 2ex;
}

div.PageLinks a.Previous .Text, 
div.PageLinks a.Next .Text
{
	display: none;
}

h2 a
{
	font-size: 55%;
}

h3 a
{
	font-size: 55%;
	font-style: normal;
}

.umoC-N div.PageLinks
{
	color: #000000;
}

/*-----------------------------------------------------------------
** Crosslinks:
*/

/*-----------------------------------------------------------------
** Outgoing links:
*/

span.OutGoing
{
	margin-left: 3px;
	margin-right: 1px;
	padding-left: 10px;
	text-decoration: none;
	background: transparent URL("/cssimage/OldBlueSkin/Images/OutGoing.gif") no-repeat right;
}

span.NewWindow
{
	margin-left: 2px;
	margin-right: 1px;
	padding-left: 10px;
	text-decoration: none;
	background: transparent URL("/cssimage/OldBlueSkin/Images/NewWindow.gif") no-repeat right;
}

.umoF-A span.NewWindow
{
	display: none;
}

.DocCredits
{
	font-size: 80%;
	font-style: normal;
	margin-top: 1ex;
	margin-left: 8ex;
	margin-right: 5ex;
}

.DocCredits .DCTitle
{
	font-weight: bold;
	text-decoration: none;
	margin-left: -2ex;
}

.umoH-On .DocCredits .Text
{
	display: none;
}

.umoH-On .DocCredits:hover .Text, 
.umoH-On .DocCredits:active .Text
{
	display: block;
}

.umoC-N .DocCredits .Text
{
	background-color: #EFF9FE;
}

/*-----------------------------------------------------------------
** Internal Skiplinks:
*/

img.AKMark
{
	width: 1.4em;
	height: 1.2em;
	vertical-align: text-bottom;
	margin-right: -1.1em;
}

span.AKMark,
span.Milestone
{
	display: none;
}

.umoF-L span.AKMark,
.umoF-N span.AKMark
{
	display: inline;
	position: relative;
	font-weight: normal;
	font-style: normal;
	margin-right: 0.6em;
}

.umoF-L span.AKMark img,
.umoF-N span.AKMark img
{
	display: inline;
	position: relative;
	width: 2.5ex;
	height: 2.2ex;
	vertical-align: middle;
}

.umoF-L span.AKMark span,
.umoF-N span.AKMark span
{
	display: inline;
	position: relative;
	left: -2.2ex;
	top: -0.1ex;
	z-index: 100;
	font-style: normal;
	font-size: 90%;
	color: #000000;
}

.umoF-M span.Milestone
{
	display: inline;
	font-size: 95%;
	font-style: italic;
	margin-right: 1ex;
	color: #DD0000;
	background-color: #FFFFFF;
}

a.Anchor
{
	text-decoration: none;
	background-image: none;
	margin: 0;
}

a.Anchor img
{
	width: 11px;
	height: 13px;
	z-index: -1;
}

a.Anchor:focus, 
a.Anchor:hover, 
a.Anchor:active
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/mRedArrowR.gif") no-repeat left;
}

a.Anchor:focus img, 
a.Anchor:active img
{
	display: inline-block;
}

h2 a.FixMenu, 
h2 a.BackLink, 
h3 a.BackLink
{
	font-size: 70%;
	font-weight: normal;
	margin-left: 5ex;
}

.umoL-No #MainContent h2,
.umoL-No #MainContent h3
{
	position: relative;
}

.umoL-No #MainContent h2 a.BackLink,
.umoL-No #MainContent h3 a.BackLink
{
	position: absolute;
	right: 5ex;
}

.umoC-N span.AKMark
{
	color: #000000; 
}

.umoC-N #MainContent h2 a.BackLink, 
.umoC-N #MainContent h3 a.BackLink,
.umoC-N #MainContent h2 a.BackLink:visited, 
.umoC-N #MainContent h3 a.BackLink:visited
{
	color: #B3C5FE;
}

.umoC-N #MainContent h2 a.BackLink:hover, 
.umoC-N #MainContent h3 a.BackLink:hover,
.umoC-N #MainContent h2 a.BackLink:focus, 
.umoC-N #MainContent h3 a.BackLink:focus,
.umoC-N #MainContent h2 a.BackLink:active, 
.umoC-N #MainContent h3 a.BackLink:active
{
	color: #EE0000;
}

/*-----------------------------------------------------------------
** Footnotes:
*/

a.FootNoteCall
{
}

div.FootNoteBox
{
	font-size: 97%; 
	margin-left: 4ex; 
}

div.FootNoteBox hr
{
	margin-right: auto;
	width: 30%;
	margin-left: 1ex; 
	margin-top: 3ex; 
	margin-bottom: 0.5ex;
}

div.FootNoteBox p
{
	margin-left: 4ex; 
	text-indent: -3ex;
	font-style: italic;
}

a.FootNoteBack
{
	font-size: 80%;
	margin-left: 4ex; 
}

.umoH-On p.LockedNote .Text
{
	display: block;
}

.umoH-On p.LockedNote
{
	background-image: URL("/cssimage/OldBlueSkin/Images/RedPin.gif");
	background-repeat: no-repeat;
	background-position: 98% 0;
}


/*###############################################################################################
** No more generic rules beyond - Risk of overriding the ID-targetting ones on some browsers:
*/

/*===============================================================================================
** Mode Bars:
*/

.umoL-No #ModeBar
{
	font-size: 95%;
}

.umoL-No #ModeBar .Filler
{
	display: none;
}

.umoL-No #ModeBar hr
{
	display: none;
}

.umoL-No #AbleBar
{
	position: relative;
	float: right;
	margin-top: -100px;
	width: 35%;
	z-index: 10;
}

.umoH-On #AbleBar
{
	clear: both;
}

.umoL-No .umoC-N #ModeBar
{
	background-color: transparent;
}

.umoL-Mi .umoC-N #ModeBar
{
	background-color: #D8E0FE;
}

.umoL-No .umoC-N #AbleBar
{
	background-color: transparent;
}

/*-----------------------------------------------------------------
** Accessibility Bar:
*/

.umoL-No #AccessibilityBar
{
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 25; /* Above the #Banner */
	width: 60%;
	padding-left: 24px;
}

.umoL-No #AccessibilityBar .FrameContent
{
	width: 87%;
	padding-bottom: 0.1ex;
}

.umoL-No .umoC-N #AccessibilityBar .FrameBegin
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 0;
	width: 0;
	border-left: 6ex solid #0B123E;
	border-bottom: 6ex solid #F0FAFF;
}

.umoL-No .umoC-N #AccessibilityBar .FrameEnd
{
	position: absolute;
	bottom: -4ex;
	left: 0;
	z-index: 0;
	height: 1px;
	width: 1px;
	border-left: 4ex solid #0B123E;
	border-bottom: 4ex solid #F0FAFF;
}

.umoL-No #AccessPolicyAnchor span.ImageLink,
.umoL-No #AccessPolicyAnchor:visited span.ImageLink
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 25; /* Above the #Banner */
	width: 22px;
	height: 22px;
}

.umoL-No #AccessPolicyAnchor span.Text
{
	padding-left: 0;
}

.umoL-No #AccessPolicyAnchor:hover span.Text,
.umoL-No #AccessPolicyAnchor:active span.Text,
.umoL-No #AccessPolicyAnchor:focus span.Text
{
	padding-left: 40px;
}

.umoL-No #AccessPolicyAnchor:hover span.ImageLink,
.umoL-No #AccessPolicyAnchor:active span.ImageLink,
.umoL-No #AccessPolicyAnchor:focus span.ImageLink
{
	width: 60px;
	height: 60px;
	border-width: 1px;
	border-style: solid;
	background: transparent URL('/image/ModeBar/Images/LogoWheelChair60x60.gif') no-repeat center;
}

.umoL-No #AccessPolicyAnchor:hover span.ImageLink img,
.umoL-No #AccessPolicyAnchor:active span.ImageLink img,
.umoL-No #AccessPolicyAnchor:focus span.ImageLink img
{
	display: none;
}

.umoL-No #AccessibilityBar a
{
	margin-left: 0.5ex;
	margin-right: 0.5ex;
	white-space: nowrap;
}

.umoL-No #AccessibilityBar .FrameContent
{
	width: 87%;
	padding-bottom: 0.1ex;
}

.umoH-On #AccessibilityBar a
{
	display: block;
	height: 1px;
}

.umoH-On #AccessibilityBar:hover a, 
.umoH-On div#AccessibilityBar.LockedBar a
{
	display: inline;
	height: auto;
}

.umoH-On #AccessibilityBar a:hover, 
.umoH-On #AccessibilityBar a:focus, 
.umoH-On #AccessibilityBar a:active
{
	display: inline;
	height: auto;
}

.umoH-On #AccessibilityBar a span
{
	display: none;
}

.umoH-On #AccessibilityBar:hover a span, 
.umoH-On div#AccessibilityBar.LockedBar a span
{
	display: inline;
}

.umoH-On #AccessibilityBar a:hover span, 
.umoH-On #AccessibilityBar a:focus span, 
.umoH-On #AccessibilityBar a:active span
{
	display: inline;
}

.umoH-On #AccessibilityBar span.VBar 
{
	display: none;  /* .VBar are only hidden */
}

.umoH-On #AccessibilityBar:hover span.VBar, 
.umoH-On div#AccessibilityBar.LockedBar span.VBar
{
	display: inline;
}

.umoH-On div#AccessibilityBar.LockedBar 
{
	background-image: URL("/cssimage/OldBlueSkin/Images/RedPin.gif");
	background-repeat: no-repeat;
	background-position: 88% 0;
}

.umoL-No .umoC-N #AccessibilityBar 
{
	background-color: #0B123E;
}

.umoL-No .umoC-N #AccessibilityBar *
{
	color: #FFFFFF;
}

.umoL-No .umoC-N #AccessibilityBar a:hover, 
.umoL-No .umoC-N #AccessibilityBar a:focus, 
.umoL-No .umoC-N #AccessibilityBar a:active
{
	color: #EE0000;
	background-color: #FFFFFF;
}

.umoL-No .umoC-N #AccessibilityBar a:hover .Text, 
.umoL-No .umoC-N #AccessibilityBar a:focus .Text, 
.umoL-No .umoC-N #AccessibilityBar a:active .Text
{
	color: #EE0000;
	background-color: #FFFFFF;
}

.umoC-N #ModeBar span.AKMark
{
	color: #000000; 
}

/*-----------------------------------------------------------------
** Language Bar:
*/

.umoL-No #LanguageBar
{
	float: right;
	width: 100px;
	margin-top: 100px;
	font-size: 12px;
}

.umoH-On #LanguageBar
{
	float: none;
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 25; /* Above the #Banner */
	width: 52px;
	height: auto;
	margin-top: 0;
}

.umoL-No #LanguageBar .FrameContent,
.umoL-No #LanguageBar #FlagMenu
{
	width: 100%;
	cursor: pointer;
}

.umoL-No #LanguageBar ul,
.umoL-No #LanguageBar li,
.umoL-No #LanguageBar li a.ImageLink,
.umoL-No #LanguageBar li a.ImageLink img.ImageLink,
.umoL-No #LanguageBar *
{
	margin: 0;
	padding: 0;
}

.umoL-No #LanguageBar span.Text
{
	display: none;
}

.umoL-No #LanguageBar .FrameEnd
{
	clear: both;
}

.umoL-No #LanguageBar ul,
.umoL-No #LanguageBar li
{
	list-style-type: none;
	list-style-image: none;
}

.umoL-No #LanguageBar ul
{
	text-align: right;
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}

.umoH-On #LanguageBar ul
{
	margin-right: 5px;
	height: auto;
}

.umoH-On .umoC-N #LanguageBar div:hover .FrameEnd, 
.umoH-On .umoC-N #LanguageBar div.LockedMenu .FrameEnd
{
	margin-top: -2px;
	height: 1px;
	width: 1px;
	border-right: 50px solid #BBDDFF;
	border-bottom: 30px solid #F0FAFF;
}

.umoH-On #LanguageBar div:hover ul,
.umoH-On #LanguageBar div.LockedMenu ul 
{
	padding-bottom: 20px;
}

.umoL-No .umoH-Off #LanguageBar li  /* priority minimal */
{
	display: inline;
	margin-right: 3px;
	width: 26px;
}

#MainContainer.umoL-No .umoH-On #LanguageBar li     /* priority higher */
{
	display: none;      /* Fakes overflow:hidden often buggy */
	text-align: left;
	height: 18px;
	padding-left: 12px; /* Assumes text-align:left anyway ! */
	width: 40px;
}

#MainContainer.umoL-No .umoH-On #LanguageBar li.Active     /* priority a bit higher */
{
	display: block;     /* Fakes overflow:hidden often buggy */
}

#MainContainer.umoL-No .umoH-On #LanguageBar div:hover li,      /* priority much higher */
#MainContainer.umoL-No .umoH-On #LanguageBar div.LockedMenu li
{
	display: block;     /* Fakes overflow:hidden often buggy */
}

.umoL-No .umoH-Off #LanguageBar li.Active
{
	margin-right: 8px;
}

.umoL-No #LanguageBar li
{
	list-style-type: none;
	list-style-image: none;
}

.umoL-No .umoH-Off #LanguageBar li.Active,
.umoL-No .umoH-On #LanguageBar div:hover li.Active,
.umoL-No .umoH-On #LanguageBar div.LockedMenu li.Active
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/mRedArrowR.gif") no-repeat left;
	padding-left: 12px;
	width: 40px;
}

.umoH-On #LanguageBar div.LockedMenu .FrameContent 
{
	background-image: URL("/cssimage/OldBlueSkin/Images/RedPin.gif");
	background-repeat: no-repeat;
	background-position: 5px 98%;
	padding-bottom: 5px;
}

.umoH-On .umoC-N #LanguageBar div:hover, 
.umoH-On .umoC-N #LanguageBar div.LockedMenu
{
	background-color: #BBDDFF;
}

.umoH-On .umoC-W #LanguageBar div:hover, 
.umoH-On .umoC-W #LanguageBar div.LockedMenu
{
	background-color: #FFFFFF;
}

.umoH-On .umoC-B #LanguageBar div:hover, 
.umoH-On .umoC-B #LanguageBar div.LockedMenu
{
	background-color: #000000;
}

/*-----------------------------------------------------------------
** User information Bar:
*/

.umoL-No #UserInfoBar
{
	position: absolute;
	top: 100px;
	right: 100px;
	z-index: 15;
	width: 24ex;
	padding: 2px;
	margin-right: 0.5ex;
	font-size: 85%;
	text-align: right;
	white-space: nowrap;
}

.umoL-Mi #UserInfoBar
{
	font-size: 75%;
	margin-top: 2ex;
	margin-left: 6ex;
}

.umoL-No #UserInfoBar a
{
	font-size: 50%;
}

.umoL-No .umoC-N #UserInfoBar
{
	background-color: transparent;
}

.umoL-No .umoC-N #UserInfoBar, 
.umoL-No .umoC-N #UserInfoBar *, 
.umoL-No .umoC-N #UserInfoBar a
{
	color: #000000;
}

/*===============================================================================================
** Top banner:
*/

#Main
{
	clear: both;
}

.umoL-No #LogoIPZB
{
	display: block;
	margin-left: 4ex;
	margin-top: 1ex; 
	margin-right: 6ex; 
	margin-bottom: 5ex;
}

#Banner
{
display: none;
	position: relative;
	width: 100%;
	height: 150px;
}

.umoL-No #Banner
{
	clear: both;
	height: auto;
	min-height: 150px;
}

.umoL-No #Banner .Sizer
{
	width: 1px;
	height: 150px;
}

#Banner #LeftBlueDeco
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 189px;
	height: 150px;
	background: transparent URL("/cssimage/OldBlueSkin/Images/BluePrintedCircuit.jpg") no-repeat center;
}

#Banner #LeftBlueDeco div
{
	position: absolute;
	top: 45px;
	left: 78px;
	z-index: 15;
	width: 240px;
	height: 70px;
}

#Banner #WideBlueDeco
{
	position: relative;
	right: 50px;
	margin-left: 400px;
	z-index: 5;
	height: 120px;
	background: transparent URL("/cssimage/OldBlueSkin/Images/BannerRibbon.jpg") no-repeat center;
}

.umoL-No #Banner #WideBlueDeco
{
	top: -146px; /* .Sizer - epsilon */
	margin-bottom: -116px; /* = height - epsilon */
}

.umoL-Mi #Banner #WideBlueDeco
{
	top: 15px;
}

.umoL-No .umoC-N #Banner
{
	background-color: transparent;
}

/*===============================================================================================
** Footer:
** <!> Care: the Footer is not inside the MainContainers, so it has its own mode attributes.
*/

#Footer.umoC-N
{
/*  	background-color: #BBDDFF;*/
}

/*-----------------------------------------------------------------
** Text content:
*/

#Footer
{
	position: relative;
	text-align: left;
}

#Footer div.Text
{
	height: 100%; 
	overflow: hidden;
}

#Footer p
{
	clear: none;
	font-size: 70%;
	margin: 0;
}

#EndLine
{
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}

#Footer.umoH-Off #Endline
{
	margin-left: 30ex;
}

#Footer.umoH-On #Endline
{
	margin-left: 7ex;
}

#Footer #Copyright
{
	display: none;
}

#Footer.umoL-No div.Text
{
	margin-left: 2ex;
}

#Footer.umoL-Mi div.Text
{
	margin-left: 2ex;
}

/**$$$$
#Footer.umoL-No p.BL
{
	float: left;
	margin-right: 3ex;
}
*/

#Footer.umoC-N #Copyright
{
/*	color: #D9F6FF;*/
}

#Footer.umoC-N a.BackLink
{
/*	color: #B3C5FE;*/
}

#Footer.umoC-N a.BackLink:hover, 
#Footer.umoC-N a.BackLink:focus, 
#Footer.umoC-N a.BackLink:active
{
/*	color: #EE0000;*/
}

/*-----------------------------------------------------------------
** Normative logos:
*/

.umoL-No #NormLogos
{
	float: right;
	position: relative;
	width: 25em;
	margin-top: 1ex;
}

.umoL-No #NormLogos p
{
	display: inline;
	font-size: 50%;
	margin: 0;
	margin-right: 1ex;
}

div.NormIcon 
{
	cursor: pointer;
  	float: left;
  	position: relative;
	z-index: 1;
  	margin: 0.2em 0.5em;
  	font-size: 70%;
  	font-weight: bold;
  	width: 10.5em;
	height: 1.6em;
}

/****$$$
.umoL-No div.NormIcon 
{
  	display: block;
}

.umoL-Mi div.NormIcon 
{
  	float: right;
}
*/

div.NormIcon .NormMedium 
{
  	display: block;
  	width: 10.5em;
  	border-top: 1px solid #CECECE;
  	border-left: 1px solid #CECECE;
  	border-bottom: 2px solid #4A4A4A;
  	border-right: 2px solid #4A4A4A;
  	background-color: #D8E0FE;
  	text-decoration: none;
}

div.NormIcon .NormLogo 
{
  	display: block;
  	width: 2.6em;
  	background-color: #FFFFFF;
  	color: #0C479D;
  	text-align: center;
}

div.NormIcon .NormID 
{
  	position: absolute;
	z-index: 10;
  	left: 2.8em;
  	top: 1px;
  	width: 7.2em;
  	color: #000000;
  	padding-left: 0.3em;
}

div.NormIcon .NormStatus 
{
  	position: absolute;
	z-index: 15;
  	right: 0;
  	top: -1px;
  	width: 14px;
  	min-height: 10px;
  	height: 100%;
}

div.NormIcon .OK 
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/BlueCheckMark.gif") no-repeat center;
}

div.NormIcon .Goal 
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/RedTarget.gif") no-repeat center;
}

/*===============================================================================================
** Main content position:
*/

.umoL-No #MainContent
{
	clear: none;
	position: relative;
	z-index: 20; /* Above #Footer */
	margin-left: 30ex;
	padding-top: 1ex;
}

.umoL-No .umoH-On #MainContent
{
	margin-left: 7ex;
}

.umoL-No #MainEnder
{
	clear: both;
}

/*===============================================================================================
** Site-wide Menu:
*/

.umoL-No #Menu
{
	float: left;
	position: relative;
	top: 0;
	z-index: 100; /* Above all */
	width: 27ex;
	margin-left: 0;
	margin-top: 0;
}

.umoH-On #Menu
{
	position: absolute;
	left: -29ex;
	top: 9ex;
	z-index: 100; /* Above all */
	width: 32ex;
	height: auto;
	margin-top: 0;
	padding-top: 2ex;
	padding-bottom: 2ex;
	border-width: 4px;
	border-style: ridge;
}

.umoH-On.umoM-Off .NoIE #Menu
{
	/* .NoIE because this breaks all in IE v.5/6         */
	/* <!> Care: both .umo classes are on #MainContainer */
	/*     so that .NoIE can be found on #MainContainer2 */
	position: fixed;
	top: 27ex;
}

.umoL-No #Menu hr
{
	display: none;
}

.umoL-No #Menu div.FrameContent
{
	font-weight: normal;
	margin: 1px;
}

.umoL-No #Menu ul
{
	list-style-image: none;
	list-style-type: none;
	font-size: 90%;
	margin-left: 1ex;
	margin-right: 1ex;
}

.umoL-No #Menu ul ul
{
	list-style-image: none;
	list-style-type: none;
	font-size: 95%;
	margin-left: 1ex;
	margin-right: 0;
}

.umoH-On #Menu ul
{
	margin: 0;
}

.umoH-On #Menu ul ul
{
	display: none;
	margin-left: 1.5ex;
}

.umoL-No #Menu ul ul.Active
{
	display: block;
	border-left: 0.2ex solid;
}

.umoH-On #Menu li
{
	font-weight: bold;
	margin: 0;
	margin-left: 0.5ex;
	margin-right: 0.2ex;
	text-align: left;
}

.umoL-No #Menu li.Active
{
	list-style: URL("/cssimage/OldBlueSkin/Images/mRedArrowR.gif") inside;
	margin-left: 0.1ex;
}

.umoL-No #Menu a
{
	text-decoration: none;
}

.umoH-On #Menu:hover, 
.umoH-On #Menu:focus, 
.umoH-On #Menu:active
{
	left: 0;
}

.umoH-On div#Menu.LockedMenu 
{
	left: 0;
}

.umoH-On div#Menu.DemoMenu 
{
	left: -10ex;
}

.umoL-No #Menu h2
{
	font-size: 98%;
	margin-left: 1ex;
	margin-top: 0;
}

.umoH-On #Menu h2
{
	float: right;
	font-size: 94%;
	text-align: center;
	text-transform: uppercase;
	width: 1em;
	margin-top: 0;
	padding-bottom: 3em;
	padding-right: 0.2em;
}

.umoH-On #Menu h2 span.Text
{
	display: block;
}

.umoH-On div.LockedMenu h2
{
	background-image: URL("/cssimage/OldBlueSkin/Images/RedPin.gif");
	background-repeat: no-repeat;
	background-position: 0 96%;
}

.umoH-On #Menu a.Anchor
{
	display: none;
}

.umoL-No .umoC-N #Menu .FrameBegin
{
	float: right;
	height: 1px;
	width: 1px;
	border-left: 5ex solid #BBDDFF;
	border-top: 5ex solid #F0FAFF;
}

.umoL-No .umoC-N #Adds1
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 27ex;
	height: 50%;
}

.umoL-No .umoC-N #Adds2
{
	position: absolute;
	top: 40ex;
	left: 0;
	width: 27ex;
	height: 50%;
}

.umoH-On #Menu .FrameBegin,
.umoH-On #Adds1,
.umoH-On #Adds2
{
	display: none;
}

.umoC-N .umoH-Off #Menu,
.umoC-N .umoL-No #Adds1,
.umoC-N .umoL-No #Adds2
{
	background-color: #BBDDFF;
	border-color: #BBDDFF;
}

.umoC-N .umoH-On #Menu
{
	background-color: #BBDDFF;
	border-color: #000099;
}

.umoC-W #Menu
{
	background-color: #FFFFFF;
	border-color: #000000;
}

.umoC-B #Menu
{
	background-color: #000000;
	border-color: #FFFFFF;
}

.umoC-N #Menu h2
{
/*	color: #7FEDFE;*/
}

.umoC-N #Menu ul.Active
{
	border-left-color: #000099;
}

.umoC-N #MenuSOS
{
	background-color: #BBDDFF;
}

/******$$$
.umoC-N #Menu a
{
	color: #7BE0FF;
}

.umoC-N #Menu a, 
.umoC-N #Menu a:visited
{
	color: #E2D9FF;
}

.umoC-N #Menu a:hover, 
.umoC-N #Menu a:focus, 
.umoC-N #Menu a:active
{
	color: #FF694F;
}
*/

/*===============================================================================================
** Page Summary:
*/

.umoL-No #Summary
{
	clear: none;
	position: relative;
/*******	z-index: 20; /* Above #Adds1 and #Adds2 and #Footer */
	margin-left: 30ex;
	padding-top: 1ex;
}

.umoL-No .umoH-On #Summary
{
	margin-left: 7ex;
}

/********$$$$$$$$$$
.umoL-No #Summary
{
	float: left;
	clear: left;
	position: relative;
	z-index: 20;
	margin-left: 0;
	width: 22ex;
	margin-top: 2ex;
	margin-bottom: 8ex;
	padding-bottom: 150px;
}

.umoH-On #Summary
{
	margin-top: 4ex;
}

.umoL-No #Summary h2
{
	font-size: 98%;
	margin-left: 1ex;
	margin-top: 0;
}

.umoL-No #Summary a.BackLink, 
.umoL-No #Summary a.FixMenu
{
	display: block;
	line-height: 1.4ex;
	font-size: 86%;
	text-decoration: none;
	text-align: left;
	margin-left: 5ex;
}
*******/


.umoL-No #Summary a.BackLink
{
	margin-top: 1.5ex;
}

.umoL-No #Summary li.PageLinks
{
	text-align: center;
}

.umoL-No #Summary li.PageLinks a
{
	display: block;
	text-decoration: none;
	text-align: left;
}

.umoL-No #Summary li.PageLinks a.Previous,
.umoL-No #Summary li.PageLinks a.Next,
.umoL-No #Summary li.PageLinks span.VBar
{
	display: inline;
	visibility: visible;
}

.umoL-No #Summary li.PageLinks span.BBar
{
	display: none;
}

/*********$$$$$
.umoL-No #Summary
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/SiliconBrain.jpg") no-repeat bottom;
}

.umoL-Mi #Summary
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/SiliconBrain.jpg") no-repeat right;
	margin-right: 8ex;
	padding-right: 150px;
}
****/

#Summary a.Previous
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/mBlueArrowL.gif") no-repeat left;
	text-decoration: none;
	padding-left: 8px;
}

#Summary a.Next
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/mBlueArrowR.gif") no-repeat right;
	text-decoration: none;
	padding-right: 8px;
}

div.PageLinks a.Previous
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/BlueArrowL.gif") no-repeat left;
	text-decoration: none;
	padding-left: 24px;
}

div.PageLinks a.Next
{
	background: transparent URL("/cssimage/OldBlueSkin/Images/BlueArrowR.gif") no-repeat right;
	text-decoration: none;
	padding-right: 24px;
}

#Summary a.Previous .Text,
#Summary a.Next .Text
{
	text-decoration: underline;
}

.umoL-No #Summary ul
{
	list-style-image: none;
	list-style-type: none;
	font-size: 90%;
	margin-left: 1ex;
	margin-right: 1ex;
}

.umoH-On #Summary ul
{
	margin-left: 3ex;
}

.umoL-No #Summary ul ul
{
	list-style-image: none;
	list-style-type: none;
	font-style: italic;
	margin-left: 1ex;
	margin-right: 0;
}

.umoL-No #Summary li
{
	text-align: left;
}

.umoL-No #Summary a, 
.umoL-No #Summary a .Text
{
	text-decoration: none;
}

/*****$$$$$$
.umoC-N #Summary h2
{
	color: #7FEDFE;
}
***/

.umoC-N .umoL-No #Summary li.PageLinks span.VBar
{
	color: #E2D9FF;
}

/****$$$$$
.umoC-N #Summary a, 
.umoC-N #Summary a:visited
{
	color: #E2D9FF;
}

.umoC-W #Summary a, 
.umoC-W #Summary a:visited
{
	color: #CCCCCC;
}

.umoC-B #Summary a, 
.umoC-B #Summary a:visited
{
	color: #333333;
}

.umoC-N .umoL-No #Summary a.BackLink, 
.umoC-N .umoL-No #Summary a.FixMenu, 
.umoC-N .umoL-No #Summary li.PageLinks a,
.umoC-N .umoL-No #Summary a.BackLink:visited,
.umoC-N .umoL-No #Summary a.FixMenu:visited,
.umoC-N .umoL-No #Summary li.PageLinks a:visited
{
	color: #B3C5FE;
}

.umoC-N #Summary a:hover, 
.umoC-N #Summary a:focus, 
.umoC-N #Summary a:active
{
	color: #FF694F;
}

.umoC-N .umoL-No #Summary a.BackLink:hover, 
.umoC-N .umoL-No #Summary a.FixMenu:hover, 
.umoC-N .umoL-No #Summary li.PageLinks a:hover, 
.umoC-N .umoL-No #Summary a.BackLink:focus, 
.umoC-N .umoL-No #Summary a.FixMenu:focus, 
.umoC-N .umoL-No #Summary li.PageLinks a:focus, 
.umoC-N .umoL-No #Summary a.BackLink:active,
.umoC-N .umoL-No #Summary a.FixMenu:active,
.umoC-N .umoL-No #Summary li.PageLinks a:active
{
	color: #FF694F;
}

.umoC-W #Summary a:hover, 
.umoC-W #Summary a:focus, 
.umoC-W #Summary a:active
{
	color: #000000;
}

.umoC-B #Summary a:hover, 
.umoC-B #Summary a:focus, 
.umoC-B #Summary a:active
{
	color: #FFFFFF;
}
****/

/*===============================================================================================
** Specific content items:
*/

#MainChapo
{
}

/* End */

	/* Variant-Cover.css.php 
           Build time: 13/04/2009-14:36:41  Copyright (c) 2008-2131 Patrick 'Zener' Brunet */

/*===============================================================================================
** Page-specific variations:
*/

/*-----------------------------------------------------------------
** Cover:
*/

body#Cover #Main,
body#Cover #MainContent
{
	margin: 0;
	padding: 0;
}

body#Cover #MainContent
{
	padding-top: 15ex;
}

body#Cover #BoxLogoIPZB
{
	margin-bottom: 5ex; 
	text-align: center;
}

body#Cover #LogoIPZB
{
	display: inline;
}

body#Cover h1
{
	position: static;
	margin-top: 2ex; 
	margin-bottom: 2ex; 
	margin-left: 0;
	text-align: center;
	font-family: 'Lucida Handwriting', 'Monotype Corsiva', cursive;
	font-size: 170%; 
	font-weight: normal;
	font-style: italic;
}

body#Cover #RobotLink
{
	margin-top: 5ex; 
	text-align: center;
	font-size: 70%;
	font-weight: normal;
}

body#Cover #Footer
{
	margin-top: -6ex;
	height: 5.9ex; 
	margin-left: 0;
	text-align: center;
}

body#Cover #Footer div.Text
{
	margin: 0;
}

body#Cover #Footer p.BL
{
	display: none;
}

body#Cover #NormLogos
{
	display: none;
}

body#Cover form
{
	width: 100%;
	text-align: center;
	margin: 0;
}

body#Cover form label
{
	display: none;
}

body#Cover input.ButtonOK
{
	font-weight: normal;
	font-size: 90%;
	color: #0000CC; 
	margin-top: 2ex;
	padding: 1ex;
}

body#Cover #ProgressBar
{
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	font-size: 1px;
	margin-bottom: 15px;
}

body#Cover #ProgressBar .Box
{
	display: block;
	position: relative;
	text-align: center;
	left: 50%;
	margin-left: -120px;
	width: 240px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #0B123E;
	background-color: transparent;
}

body#Cover #ProgressBar .Box span
{
	display: inline-block;
	line-height: 5px;
	height: 5px;
	width: 15px;
	margin-left: 3px;
	border: 1px solid #B62200;
	background-color: #660000;
}

html:not([lang*=""]) body#Cover #ProgressBar .Box span
{
	/* Specific hack for Firefox 2- */
	padding-left: 15px;
}

body#Cover #ProgressBar .Box span.Active
{
	background-color: #FF6600; /* Like mArrowR.gif */
	border-color: #FF6600; 
}

body#Cover #Adds1,
body#Cover #Adds2
{
	display: none;
}

body#Cover #Referer1
{
	font-size: 85%;
	margin: 0;
	text-align: center;
}

/*****
body#Cover .umoC-N #Referer1,
body#Cover .umoC-N #Referer1 a
{
	color: #D8E0FE; 
}
***/

body#Cover .umoC-N #MainContent
{
	background-color: transparent;
}

body#Cover .umoC-N form p
{
	color: #0B123E; 
}

body#Cover .umoC-N #RobotLink a
{
	color: #F0FAFF;
}

/* End */


/*===============================================================================================
** End of File -- Copyright (c) 2008-2131 Patrick 'Zener' Brunet
*/