body         {
	background: url('images/Subtle-Grey-Tileable-Pattern-For-Website-Background.jpg') repeat top;
	background-position: center top;
	font-family: Trebuchet MS;
	font-size: small;
	color: #333333;
	text-align: justify;
	background-attachment: scroll;
}
.MenuPrincipal { font-size: x-small ; cursor: hand; }
a:link.BoutonMenu, a:visited.BoutonMenu {
font-size: x-small; cursor: hand; 
color:#FFFFFF;   text-align: left; width:170px;
background-color:#FF0404; font-weight:bold; padding-left:0.7em; 
padding-right:0.7em; padding-top:0; padding-bottom:0; 
background-image:url('images/BkGrMenuA.jpg'); background-repeat:no-repeat }

a:hover.BoutonMenu{
color: #FF0707;  background-color: #FFFFFF; 
background-image:url('images/BkGrMenuAHover.jpg')}
               
a:link, a:visited         { text-decoration: none ; color: #FF1713}
a:hover      { color: #990033 }
table        {
	padding: 7px;
	font-family: Trebuchet MS;
	font-size: small;
	color: #666666;
	text-align: justify;
}

p {
	text-align: justify;
}
}
h2           { font-size: medium }
h1           {
	font-size: large;
	letter-spacing: -1px;
	color: #666666;
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
}
ul           { text-align: left }
li           { text-indent: 2px; list-style-type: square }

.events
{
color:#FFFFFF;
font-size:14.0pt;
}

.tbl-shadow {
/* -moz-box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.7;
box-shadow:      1px 1px 10px 5px rgba(192, 192, 192, 0.7); */
background-image:linear-gradient(to bottom, #ffffff, #eeeeee);
-moz-box-shadow: 10px 10px 5px #888; 
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888; 
/* For IE 8 */
/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=125, Color='#888');  */
/* 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=170, Color='#d3d3d3')"; 
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#999', Positive='true'); 
 */

}


#GraphHeader {     
width: 804px;     
margin-left: auto;     
margin-right:auto;     
z-index:0; 
}    

#InfoContainer {     
width: 804px;     
margin-left: auto;     
margin-right:auto;     
top:10px;  
}  

#menu {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    height: 20px;
}


#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
    text-transform: uppercase;
    list-style-image: none;
}
#menu a, #menu h2 {
    font: bold 11px Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    display: block;
    margin: 0;
    padding: 7px 3px 3px 3px;
}
#menu h2 {
    color: #fff;
    background: #336699;
    text-transform: uppercase;
}

#menu a {
    color: #FFFFFF;
    text-decoration: none;
    background-image: url('images/BoutonMenu1.jpg');
    background-repeat: no-repeat;
    z-index: inherit;
    height: 14px;
}

#menu a:hover {
    background-image: url('images/BoutonMenu2.jpg');
    color: #CC0000;
}

#menu li {
    position: relative;
    cursor: pointer;
    list-style-image: none;
    list-style-type: none;
}

#menu ul ul {

   position: absolute;
      z-index: 500;
}

#menu ul ul ul {
/*  position: absolute; */
  top: 0;
  left: 100%;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{display: none;}
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display: block;}


.style3 { 
background-image: url('images/BandeHaut.png'); 
background-repeat: no-repeat;  
background-position: center top;
}