@charset "utf-8";

#menuhaut { margin: 0; padding: 0; }
#menuhaut li { list-style-type: none;  text-align: center; position: relative; float: left; }
#menuhaut a { text-decoration: none; font-weight: bold; font-size: 90%; }

/* boutons menu */
#menuhaut #accueil a { color: #9c3b1c; background: #fed800 url(/img/picto-accueil.png) no-repeat; display: block; width: 118px; height: 27px; padding-top: 67px; }
#menuhaut #accueil a:hover { color: #fed800; background-color: #9c3b1c; }

#menuhaut #presentation a { color: #1a3773; background: #ffb200 url(/img/picto-presentation.png) no-repeat; display: block; width: 118px; height: 27px; padding-top: 67px; }
#menuhaut #presentation a:hover { color: #ffb200; background-color: #1a3773; }

#menuhaut #enr a { color: #ffd942; background: #f94600 url(/img/picto-enr.png) no-repeat; display: block; width: 118px; height: 34px; padding-top: 60px; }
#menuhaut #enr a:hover { color: #f94600; background-color: #ffd942; }

#menuhaut #chauffage a { color: #003889; background: #8df5f1 url(/img/picto-chauffage.png) no-repeat; display: block; width: 118px; height: 27px; padding-top: 67px; }
#menuhaut #chauffage a:hover { color: #8df5f1; background-color: #003889; }

#menuhaut #bains a { color: #2e2479; background: #14d0ff url(/img/picto-bains.png) no-repeat; display: block; width: 118px; height: 34px; padding-top: 60px; }
#menuhaut #bains a:hover { color: #14d0ff; background-color: #2e2479; }

#menuhaut #plomberie a { color: #75dffe; background: #002d92 url(/img/picto-plomberie.png) no-repeat; display: block; width: 118px; height: 34px; padding-top: 60px; }
#menuhaut #plomberie a:hover { color: #002d92; background-color: #75dffe; }

#menuhaut #sav a { color: #40550b; background: #c8d900 url(/img/picto-sav.png) no-repeat; display: block; width: 121px; height: 34px; padding-top: 60px; }
#menuhaut #sav a:hover { color: #c8d900; background-color: #40550b; }

#menuhaut #contact a { color: #d3ed4d; background: #5e9a00 url(/img/picto-contact.png) no-repeat; display: block; width: 121px; height: 34px; padding-top: 60px; }
#menuhaut #contact a:hover { color: #5e9a00; background-color: #d3ed4d; }


/* menu gauche */
#menugauche ul { margin: 0; padding: 0; margin-top: 30px; padding-left: 10px; }
#menugauche li { font-weight: bold; font-size: 90%; list-style: none; line-height: 28px; height: 28px; }
#menugauche a { color: #b33c00; text-decoration: none; margin-left: 10px; }
#menugauche a:hover { color: #ffcb19; background: #b33c00;}
#menugauche #gaucheselected { background: #ffcb19; color: #b33c00; }