/* NAVIGATION PRINCIPALE */
ul#menu_principal { text-align:left; background-image:url(../images/menu.png); background-position:left top; background-repeat:no-repeat; margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; }
ul#menu_principal li { float: left; margin: 0; padding: 0; position: relative; }
ul#menu_principal li a { float: left; text-indent: -9999px; height: 35px; }
ul#menu_principal li:hover a, ul#menu_principal li a:hover { background-position: left bottom; } 
ul#menu_principal a.apropos { width: 108px; }
ul#menu_principal a.apropos:hover { background: url(../images/menu.png) no-repeat 0px -35px; width: 108px; }
ul#menu_principal a.services { width: 158px; }
ul#menu_principal a.services:hover { background: url(../images/menu.png) no-repeat -108px -35px; width: 158px;}
ul#menu_principal a.realisations { width: 132px; }
ul#menu_principal a.realisations:hover { background: url(../images/menu.png) no-repeat -266px -35px; width: 132px; }
ul#menu_principal a.soumission { width: 128px; }
ul#menu_principal a.soumission:hover { background: url(../images/menu.png) no-repeat -398px -35px; width: 128px; }

/* BOUTON ACTIF DES MENU SELON BODY ID */
body#apropos a.apropos { background: url(../images/menu.png) no-repeat -0px -35px; width: 108px; }
body#services a.services { background: url(../images/menu.png) no-repeat -108px -35px; width: 158px; }
body#realisations a.realisations { background: url(../images/menu.png) no-repeat -266px -35px; width: 132px; }
body#soumission a.soumission { background: url(../images/menu.png) no-repeat -398px -35px; width: 128px; }