* {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size : small;
    font-weight : normal;
}

html {
        margin : 0;
        padding : 0;
        background : #000000;
}

body {
        margin : 0;
        padding : 10px 0 0 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size : small;
        }

#pied {
    position : absolute;
    margin-left : -435px;
    left : 50%;
    width : 970px;
    top : 660px;
    padding : 3px;
    text-align : center;
    color : #ffc600;
}

a {
    color : #ffc600;
}

a:hover {
    text-decoration : none;
}

#global {
    position : absolute;
    margin-left : -435px;
    left : 50%;
    top : 8px;
    width : 969px;
    height : 646px;
    border : solid 1px #ffc600;
    background : url("../images/imagesStatiques/fond_home_1024.jpg");
}

#actualites
   {
    position : absolute;
    right : 0;
    top : 181px;
    width : 250px;
    height : 460px;
    padding : 3px;
    overflow: auto;
   border-left : solid 2px #ffc600;
   }

.dateActualite
  {
   margin : 0;
   padding : 0;
   font-weight : bold;
   text-align : right;
   font-size : 90%;
  }

.titreActualite
  {
   margin : 0;
   padding : 0;
   text-align : center;
   background-color : #B00000;
   color : #FFFFFF;
   border-bottom : 1px solid #B00000;
  }

.messageActualite
  {
   display : block;
   margin : 5px 0 10px 0;
   padding : 0 0 3px 0;
   border-bottom : 1px solid #B00000;
   font-size : 95%;
   text-align : justify;
  }
  
.messageActualite p {
    margin : 0;
    padding : 0;
}

#fete {
    text-align : center;
    color : #B00000;
}

#meteo
  {
   margin : 5px 0 10px 0;
   padding : 0 0 3px 0;
   text-align : center;
  }

#center
   {
    margin : 220px 200px 0 150px;
    text-align : center;
   }

#menu {
    position : absolute;
    left : 0;
    top : 180px;
    margin-left : 40px;
    width : 170px;
}

#menuTitle {
    width : 100px;
    border-bottom : dotted 3px #ffc600;
    font-weight : bold;
    color : #888888;
    text-align : right ;
}

#menuList {
    border-left : 3px dotted #ffc600;
}

a.menuItem {
    display : block;
    padding : 7px 0 0 7px;
    text-decoration : none;
    color : #b00000;
}

a.menuItem .puceNormal {
    display : none;
}

a.menuItem .puceNormal img {
    border : 0;
}

a.menuItem:hover .puceNormal {
    display : none;
}

a.menuItem .puceHover {
    display : none;
}

a.menuItem .puceHover img {
    border : 0;
}

a.menuItem:hover .puceHover {
    display : none;
}

a.menuItem .details {
    display : none;
} 

a.menuItem:hover .details {
    position : absolute;
    top : 170px;
    left : -10px;
    width : 180px;
    height : 70px;
    display : block;
    padding : 3px;
    text-align : center;
    font-weight : normal;
    color : #777777;
} 

a.menuItem .link {
    text-decoration : underline;
    font-weight : bold;
    font-size : 94%;
}


a.menuItem:hover .link {
    text-decoration : none;
}

#maj {
    margin-top : 35px;
    color : #777777;
}