/*----------------MENU-IE----------------*/
div#menu {
width: 981px;
position: relative;
background-color: #00561b;
height: 60px;
border-right:1px solid #000000;  
}

div#menu a {
border-left:1px #000 solid;
border-right:0px #000 solid;
border-bottom:1px #000 solid;
border-top: 0px #000 solid;
color:#000000;
}

div#menu ul {
padding:auto ; 
margin:0px; 
background: #ffffff; 
text-align:center;
}

div#menu li {
background:#ccc;
}

div#menu li:hover {
background: #fff;
}

div#menu li.sousmenu:hover {
background: #ffffff;
}

div#menu li.sousmenu {
background-color:#CCCCCC;
}

div#menu li.plop { 
background-color: #CCCCCC;
}

div#menu ul li {
position:relative; 
list-style: none; 
float:left; 
}

div#menu ul ul {
position: absolute;
display:none; 
width:140px; 
}
div#menu li a {
text-decoration: none; 
padding: 0px 0 0px; 
display:block;
width:140px;
padding-bottom:2px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
display:block;
}
div#menu ul.niveau1 {
text-align:center;
}
div#menu ul.niveau2 {
border-right: 1px #000 solid;
text-align: center;
}
/*--------------------Menu-Mozzila--------------------------------------------------- 
#menu{
width: 981px;
position: relative;
background-color: #00561b;
height: 60px;
border-right:1px solid #000000; 
}

#menuDeroulant
{
 width: 981px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
 border-right: 1px solid #000000;
}


#menuDeroulant li
{
 float: left;
 width: 137px;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border-top: 1px solid #000000;
}


#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 width: 136px;
 border: 0px red solid;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
          

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #000000;
 background: #cccccc;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #000000;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #ffffff; }
#menuDeroulant li a:active { background-color: #ffffff; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000000;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color: #cccccc;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #ffffff;
}

/*---------------------------------------------------------------------------------------------------------------*/ 
/*--------------------------------------------------------------------------*/
#menu_m{
width: 981px;
position: relative;
background-color: #00561b;
height: 60px;
border-left: 2px solid #00561b;
}

#menuDeroulant
{
 width: 982px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
 border-left: 0px solid #000000;
}


#menuDeroulant li
{
 float: left;
 width: 140px;
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border-top: 1px solid #000000;
}


#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 width: 139px;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
          

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #000000;
 background: #cccccc;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #000000;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #ffffff; }
#menuDeroulant li a:active { background-color: #ffffff; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000000;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color: #cccccc;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #ffffff;
}

/*---------------------------------------------------------------------------------------------------------------*/ 



body {
behavior: url(csshover.htc);
margin:0;
padding:0;
font:75%/1.4 verdana,Helvetica,sans-serif;
background-color: #ccc;
text-align:center;
}

a {
color: #000;
text-decoration:none;
}
a:hover{
color: #00561b;
text-decoration: underline;
}
/*h1,h2,h3 span {
font:75%/1.4 verdana,Helvetica,sans-serif;
}*/

#explanation h3 {
font: 150% Verdana, Helvetica, sans-serif; 
font-style: italic;
margin:20 0 20 0;
padding:0;
border-bottom: 1px #000 solid;
}

p {margin:0;padding:0;}

acronym {
border:none;
}

td {
font:75%/1.4 verdana,Helvetica,sans-serif;
}
/*---------------- LINKS ------------------*/

#pic {
border: #000 1px solid;
}

#linkList li a {
/*background:url(../images/site/link.gif) left center no-repeat;*/
text-decoration:none;
text-align: center; 
color: #fff;
}

#linkList li a:hover {
text-decoration:underline;

}


#lselect li a {
display:block;
}



/* ////////////// layout ///////////////// */
#titre {

}

#container {
width:980px;
margin:auto;
padding: 0px 0px 0px 0px;
position:relative;
/*background-image: url(../pics/site/container.gif);*/
background-color: #cccccc;
background-repeat: repeat-y;
color:#000;
text-align: justify;
border-right: 1px #000 solid;
border: 0px red solid;
}

/*#menu  {
width:980px;
height: 20px;
padding-bottom:33px;
margin:0 0 0 0px;;
position:relative;
color:#fff;
text-align: center;
border-top:1px solid #000 ;
border-left:1px solid #000;
border-right:1px solid #000;
background-color: #00561b;
}
*/

#container_top  {
border-top:1px #00561b solid;
border-left:1px #00561b solid;
border-right:1px #00561b solid;
border-bottom:1px #00561b solid;
width:981px;
height: 230px;
margin-top: 15px;
padding-bottom: 0px;
position:relative;
color:#454545;
text-align:right;
background-image:url(../pics/site/saint_hubert_logo.jpg);   
background-repeat: no-repeat ;
background-color:#fff;
}



#pageHeader {
width:772px;
height:10px;
background:url(../pics/site/top.jpg);
}

#explanation {
width:500px;
height: auto;
background-color:#fff;
margin:0px 0px 0px 0px;
color:#000;
display:block;
padding:0px 0px 50px 0px;
text-align: justify;
}
#explanation h3{
padding: 10 0 0 10;
}
#explanation p span{
padding:10px 0px 25px 0px;
}

#explanation td {
vertical-align:top;
}

#linkList {
top:15px;
left:46px;
width:258px;
margin-left: 45px;
}

#linkList li {
padding-top: 10px;
text-align: center;
list-style:none;
padding-bottom: 10px ; 
margin-right: 2px;
color: #fff;
background:url(../pics/site/line.gif) bottom repeat-x left;
border-bottom: 1px #fff dashed;
width: 240px;
}

#lselect {
background:url(../pics/site/soon_bg.gif) repeat-y;
}

#lselect h3{
background:url(../pics/site/title_soon.gif) no-repeat left;
padding: 10 0 20 15;
margin: 20 0 0 0;
color: #fff;
font: 130% Verdana, Arial, Helvetica, sans-serif;
}

#lselect ul {
width: 258px;
padding:0px 0px 20px 0px;
margin: 0px;
background:url(../pics/site/soon_bottom.gif) bottom no-repeat;
border: 0px red solid;
}

#lselect .c {
display:inline;
color:#666666;
padding:0;
background:none;
background-color:#ffffff;
}

#footer {
width:981px;
height: 105px;
padding:5px 0 0px 0px; 
color:#fff;
text-align: center;
border-bottom:1px solid #000 ;
border-left:1px solid #000 ;
border-right:1px solid #000 ;
background-color: #00561b;
}

#footer a{
border: 0px #000 solid;
margin-left:15px;
margin-right:15px;
}


#even img {
border: 1px #000 solid;
}

#explanation img {
border: 0px #000 solid;
margin: 10px;
}

#player {
width:980px;
height: 20px;
margin:0 0 0 0px;;
position:relative;
text-align: left;
/*border-bottom:1px solid #fff ;*/
background-color: #00561b;
}