@import 'main.css';
@import 'global.css';
@import 'footer-menu.css';

body {
  text-align: center;
  background: #a8ccdd;
}

#body-wrapper {
	background: transparent url('../images/shadow.png') repeat-y;
	width:      939px;
	margin:     auto;
}
#body {
  position:   relative;
  text-align: left;
  margin:     auto;
  width:      925px;
  height:     550px;
  background: transparent url('../images/home/bg.jpg') no-repeat 0 -1px;
}

#flash {
  display:  none;
  position: absolute;
  top:      0;
  left:     0;
  width:    925px;
  height:   550px;
  z-index:  10;
  background: #FFF;
}
#flash object {
  width:  100%;
  height: 550px;
}

#skip {
  position:   absolute;
  bottom:     20px;
  left:       0;
  display:    block;
  width:      100%;
  text-align: center;
  color:      #9BC;
  font-size:  15px;
  font-weight: bold;
}


#content {
  height: 550px;
}

#content .menu {
  position:   absolute;
}
#content .menu .title {
  color:        #FFF;
  font-weight:  bold;
  font-size:    1.3em;
}

#content .menu ul {
  display:  none;
  position: absolute;
  top:      0;
  z-index:  9;
}
#content .menu ul li {
  margin:         3px 0 6px 0;
  list-style:     none;
}
#content .menu ul li a {
  display:        block;
  padding:        1px 0 0 15px;
  font-weight:    bold;
  font-size:      1em;
  background-repeat: no-repeat;
  background-position: 0 4px;
}
#content .menu:hover ul {
  display: block;
}
#content .menu a.title {
    display:              block;
    background-repeat:    no-repeat;
    background-position:  50% 50%;
    text-indent:          -2000px;
}

#actualites {
  width:      295px;
  top:        112px;
  left:       628px;
}
  #actualites:hover a.title {
    background-image: url('../images/home/actualites_over.gif');
  }
  #actualites a.title {
    width:      110px;
    height:     110px;
    background-image: url('../images/home/actualites.gif');
  }
  #actualites ul {
    left:       115px;
    margin-top: 4px;
    width:      170px;
  }
  #actualites li a {
    color:            #E70;
    background-image: url('../images/home/actu-bg.png');
  }

#aider {
  width:  560px;
  top:    218px;
  left:   366px;
}
  #aider a.title {
    background-color: #245BA9;
    width:            183px;
    height:           180px;
    background-image: url('../images/home/tout-savoir-sur-l-aider.gif');
  }
  #aider:hover a.title {
    background-image: url('../images/home//tout-savoir-sur-l-aider_over.gif');
  }
  #aider ul {
    left:   270px;
    margin-top:    18px;
  }
  #aider li a {
    color:  #059;
    background-image: url('../images/home/aider-bg.png');
  }

#irc {
  width:  421px;
  top:    400px;
  left:   355px;
}
  #content #irc:hover a.title {
    background-image: url('../images/home/tout-savoir-sur-l-irc-et-la-dialyse_over.gif');
  }
  #irc a.title {
    width:            148px;
    height:           145px;
    background-color: #811739;
    float:            right;
    background-image: url('../images/home/tout-savoir-sur-l-irc-et-la-dialyse.gif');
  }
  #irc ul {
    width:      258px;
    text-align: right;
    margin:     8px;
  }
  #irc ul li {
  }
  #content #irc li a {
    color:  #913;
    background-image:   url('../images/home/irc-bg.png');
    padding:  0 15px 0 0;
    background-position: 100% 4px;
  }
#content #aider li a:hover, #content #irc li a:hover, #content #actualites li a:hover {
  color:            #888;
  background-image: url('../images/home/menu-bg-over.png');
}

#footer .menu {
  position: relative;
  margin:   -15px 0 0 50px;
  z-index:  9;
}

#footer-shadow {
  height: 10px;
  width:  940px;
  background: transparent url('../images/shadow-bottom.png') no-repeat;
  margin: auto;
}