/* CSS Document */

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

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

div#PageHeader { /*border:1px solid #FFFFFF;*/ display:block; height:105px; }
div#PageHeaderLeft { background:url(images/NomSite.gif) top left no-repeat; float:left; height:105px; width:700px; }
div#PageHeaderMiddle { float:left; height:105px; vertical-align:middle; width:auto; }
div#PageHeaderRight { background:url(images/logojpm_100x105.gif) center no-repeat; float:right; height:105px; width:100px; }

div#PageMain { /*border:1px solid #FFFFFF;*/ display:block; height:500px; width:auto; }

div#NavBar { /*border:1px solid yellow;*/ background:url(images/Clefa300x450.gif) top left no-repeat; float:left; height:500px; width:30%; }
div#Content { /*border:1px solid #FFCC00;*/ display:block; float:left; height:500px; /*position:relative;*/ text-align:center; width:69.6%; }
div#RightNav { /*border:1px solid green;*/ background:url(images/Score500x83v.gif) center no-repeat; float:right; height:500px; width:100px; }
div#PageFooter { /*border:1px solid #ffffff;*/ display:block; height:165px; text-align:justify; width:100%; }

			/* Liste de Navigation gauche */

div#MenuTotemGauche { margin:0px; padding:0px; position:absolute; text-indent:30px; top:380px; left:0px; }
.Menu { line-height:2.5em; list-style:none; margin:0px; padding:0px; width:400px; }
.Menu li { width:150px; }
.Menu li:hover, #Current { background:url(images/NavHoverBG.gif) center left no-repeat; }
.Menu a { color:#ffffff; text-decoration:none; width:150px; }

.Lien1 { margin-left:230px; }
.Lien2 { margin-left:210px; }
.Lien3 { margin-left:183px; }
.Lien4 { margin-left:145px; }
.Lien5 { margin-left:100px; }

			/* Polices de Caractères */

h1 { font-size:2em; font-weight:bold; text-decoration:underline overline; }
li h5 { padding-left:10px; }
div#PageHeader h6 { float:left; }

			/* Tableaux */
			
div#TitreContenu { display:table; height:50px; width:100%; }
div#TableauCentral { display:block; overflow:auto; height:400px; margin-top:20px; padding-left:50px; padding-right:10px; text-align:justify; }
div#TableauCentral ul { list-style-image:url(images/Clefadroite.jpg); }
div#FooterText { height:50px; padding-top:10px; text-align:justify; }

.Tableau { display:table; }
.LigneTableau { height:auto; }
.Cellule { /*border:1px solid #ffffff;*/ display:table-cell; float:left; padding:10px 10px 10px 10px; text-align:justify; vertical-align:middle; }
.CellulePeriode { /*border:1px solid #ffffff;*/ color:#CCCCCC; display:table-cell; width:200px; }

			/* Mise en forme des textes */
			
.Droit { font-style:normal; }
.Gras { font-weight:bold; }
.Highlight { color:#A5F5C5; }

.Justifie { text-align:justify; }

.CadrageDroite { text-align:right; }
.CadrageGauche { text-align:left; }
.CadrageCentre { text-align:center; }
.CadrageHaut { vertical-align:top; }
.CadrageMilieu { vertical-align:middle; }
.CadrageBas { vertical-align:bottom; }

h3 { color:#FF9900; font-size:24px; text-decoration:none; }
h3:first-letter { font-size:1.5em; }

h4 { font-size:16px; text-decoration:underline; }
h4:first-letter { font-size:1.5em; }

			/* Menu de bas de page */
			
div#MenuBasPage { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #000099; border-right:1px solid #000099; 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:#000099; display:block; float:none; width:100%; }
div#MenuBasPage ul ul { border-top:1px solid #000099; border-right:1px solid #000099; border-bottom:1px solid #ffffff; border-left:1px solid #000099; background:#000099; 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:#B0C1FF; color:#000099; text-decoration:none; }
div#MenuBasPage ul li a:link { color:#ffffff; text-decoration:none; }
div#MenuBasPage ul li a:visited { color:#ffffff; text-decoration:none; }
div#MenuBasPage ul li a:hover { color:#000099; 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; }

			/* Divers */
			
marquee { height:400px; }

.PetiteAnnonce { border:1px double #FF6600; margin:0px 10px 10px 0px; padding:5px 5px 5px 5px; text-align:justify; width:280px; }