/* CSS Document */

html { /*background-color:#FFFFFF;*/ height:auto; margin:auto; width:auto; }

body { background:#f8c168; /*border: #000000 1px solid;*/ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }

div#PageHeader { /*border-bottom:3px solid #FFFFFF;*/ display:block; height:25px; width:100%; }
div#PageHeaderLeft { /*border:1px solid #FFFFFF;*/ display:block; float:left; height:100%; width:10%; }
div#PageHeaderMiddle { /*border:1px solid #FFFFFF;*/  display:block; float:left; height:100%; width:80%; }
div#PageHeaderMiddleText { /*border:1px solid #FFFFFF;*/ text-align:right; font-weight:bold; float:left; height:100%; width:48%; padding-right:4px; }
div#PageHeaderMiddleList { /*border:1px solid #FFFFFF;*/ text-align:left; float:left; height:100%; width:48%; }
div#PageHeaderRight { /*border:1px solid #FFFFFF;*/ display:block;  height:100%; /*margin-left:auto; position:absolute; left:75%;*/ width:10%; } 

div#PageMain { background:url(images/Waves.gif) left; border-top:3px solid #FFFFFF; border-bottom:3px solid #FFFFFF; display:block; height:750px; width:100%; float:left; z-index:0; }

div#NavBar { /*border:1px solid yellow;*/ display:block; float:left; height:100%;  width:20%; vertical-align:middle; text-align:center; }
div#NavBar { border-right:3px solid #FFFFFF;  height:750px; margin-right:1em; width:15em; }
div#NavBar ul { /*border:1px solid green; background:url(images/WavesWashLeft.gif) no-repeat;*/  height:600px; margin-top:60%; z-index:1; }
div#NavBar ul li { /*border:1px solid yellow;*/ color:#cd6208;  height:10%; /*list-style:none;*/ margin-left:-40px; }

div#MenuTotemGauche { display:block; }

div#Content { /*border:1px solid black; background:transparent;*/  /*display:block;*/ float:left; height:670px; /*margin-left:20%; position:relative;*/ text-align:center; width:59%; }
div#TitreContenu { background:transparent; display:block; height:110px; width:100%; }
div#TableauCentral { /*border:1px solid black; background:url(images/WavesWashCenter.gif) no-repeat;*/ display:block; overflow:auto; height:auto; margin-top:20px; padding-left:10px; padding-right:10px; text-align:justify; width:100%; }
div#TableauCentral ul { list-style-image:url(images/note_music_30.gif); }
div#TableauCentral p { color:#CC0000; font-weight:bolder; }

div#RightNav { border:1px solid green; background:url(images/Score500x83v.gif) center no-repeat; float:right; height:500px; width:100px; }

div#PageFooter { display:block; height:750px; text-align:justify; width:15em; position:absolute; margin-left:79%; }

div#MenuBasPage { border-top:3px solid #ffffff;/* border-bottom:3px solid #ffffff;*/ border-left:3px solid #ffffff; display:block; height:750px; /*margin-top:0px;*/ width:15em; text-align:center; }
div#MenuBasPage ul { /**/margin-top:35%; padding:0; }
div#MenuBasPage li, div#MenuBasPage em { height:50px; list-style:none; margin:0; padding:10px 0px 0px 0px; text-align:center; width:100%; }
div#MenuBasPage li li { background:#f8b579; display:block; float:none; width:100%; }
div#MenuBasPage ul ul { border-top:1px solid #f8c168; border-right:1px solid red; border-bottom:1px solid red; border-left:1px solid #f8c168; background:#000000; /*display:block;*/ display:none; position:relative; top:-4.5em; }
div#MenuBasPage ul.Level1 li.SubMenu:hover ul.Level2 { display:block; }
div#MenuBasPage ul li:hover { color:red; text-decoration:none; font-weight:bolder; }
div#MenuBasPage ul li a:link { color:#000000; text-decoration:none; font-weight:bolder; }
div#MenuBasPage ul li a:visited { color:#000000; text-decoration:none; font-weight:bolder; }
div#MenuBasPage ul li a:hover { color:red; font-weight:bolder; text-decoration:none; }
div#MenuBasPage em { display:block; height:30px; font-weight:bolder; }

div#FooterText { position:absolute; top:755px; left:-985px; width:1024px; }

			/* Mise en forme des liens */
			
.LienInterne { color:#A5F5C5; font-weight:bold; text-decoration:none; }
.LienExterne { color:#FF6600; font-weight:bold; text-decoration:none; }

a:link { color:#790463; }
a:visited { color:#336666; }
a:hover { color:#FF3300; font-weight:bold; }
a:active { color:#cd6208; }

			/* Liste de Navigation */

div#MenuTotemGauche { /*margin:0px; padding:0px; position:absolute; text-indent:30px; top:380px; left:0px;*/ }
.Menu { list-style:none; text-decoration:none; }
.Menu li { }
.Menu li:hover, #Current { color:#fbfcb6; font-weight:bolder; }
.Menu a:link { color:#cd6208; text-decoration:none; font-weight:bolder; }
.Menu a:visited { color:#916d05; text-decoration:none; font-weight:bolder; }
.Menu a:hover { color:red; text-decoration:none; font-weight:bolder; }
.Menu a:active { color:#b68f06; text-decoration:none; font-weight:bolder; }

.Level1 { text-align:center; vertical-align:middle; }

h1 { font:Arial, Helvetica, sans-serif; text-align:left; }
li h5 { padding-left:10px; color:#CC0000; }
div#PageHeader h5 { float:left; }

.CellulePeriode { color:#000099; font-weight:bold; padding-top:1em; padding-bottom:1em; text-decoration:underline; }

span { color:#CC0000; font-weight:bolder; }