/* CSS Document */

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

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

div#PageHeader { /*border:1px solid #FFFFFF;*/ display:block; height:50px; width:100%; }
div#PageHeaderLeft { /*border:1px solid #FFFFFF;*/ background:url(images/NomSiteGuitar400_46.gif) top left no-repeat;float:left; height:100%; width:40%; }
div#PageHeaderMiddle { /*border:1px solid #FFFFFF;*/  float:left; height:100%; width:35%; }
div#PageHeaderRight { /*border:1px solid #FFFFFF;*/ background:url(images/logojpm_197x206_gris.gif) top right no-repeat; display:block;  height:100%; /*margin-left:auto;*/ position:absolute; left:75%; width:25%; } 

div#PageMain { border-top:3px solid #FFFFFF; display:block; height:670px; width:auto; }

div#NavBar { /*border:1px solid yellow; background:url(images/Guitar186x600.gif)*/ background:url(images/Guitar186x600Vert.gif) /*top*/ left no-repeat; float:left; height:100%;  width:20%; }
div#NavBar { /*border:1px solid blue;*/ display:block; }
div#NavBar ul { /*border:1px solid green;*/ height:200px; margin-top:60%; }
div#NavBar ul li { /*border:1px solid yellow;*/ cursor:hand; height:20%; list-style:none; margin-left:-40px; }
div#NavBar ul li a { color:#CCCCCC; font-size:0.1em; }
div#NavBar ul li:hover a { /*border:1px solid red;*/ color:#000066; font-size:1em; height:40%; list-style:none; margin-left:-40px; padding-left:45px; padding-bottom:18%; }
div#NavBar ul li a:visited { color:#336666; }
div#NavBar ul li a:hover { color:#FF6600; font-weight:bold; }
div#NavBar ul li a:active { color:#000000; }
div#MenuTotemGauche { display:block; }
.Menu { /*text-indent:1em;*/ }

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

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:80px; text-align:justify; width:100%; position:absolute; }

div#MenuBasPage { border-top:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; display:block; height:40px; /*margin:auto; width:auto;*/ }
div#MenuBasPage ul { margin:0; padding:0; }
div#MenuBasPage li, div#MenuBasPage em { float:left; height:30px; list-style:none; margin:0; padding:10px 0px 0px 0px; text-align:center; width:14%; }
div#MenuBasPage li li { background:#B1B2B2; display:block; float:none; width:100%; }
div#MenuBasPage ul ul { border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000; background:#000000; /*display:block;*/ display:none; position:relative; top:-7.77em; }
div#MenuBasPage ul.Level1 li.SubMenu:hover ul.Level2 { display:block; }
div#MenuBasPage ul li:hover { background-color:#B1B2B2; color:#000000; text-decoration:none; }
div#MenuBasPage ul li a:link { color:#000000; text-decoration:none; }
div#MenuBasPage ul li a:visited { color:#000000; text-decoration:none; }
div#MenuBasPage ul li a:hover { color:#000000; font-weight:bolder; text-decoration:none; }

			/* 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:#000099; }
a:visited { color:#336666; }
a:hover { color:#FF3300; font-weight:bold; }
a:active { color:#000000; }

			/* Liste de Navigation */

div#MenuTotemGauche { /*margin:0px; padding:0px; position:absolute; text-indent:30px; top:380px; left:0px;*/ }
.Menu { list-style:none; }
.Menu li { }
.Menu li:hover, #Current { padding-left:100px; color:#000000; }
.Menu a { color:transparent; text-decoration:none; }

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

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