/* ---  TOP - MENU --- */

div#divblog {
float: left;
padding-top: 32px;
padding-left: 1px;
}
div#divunivers {
float: left;
padding-top: 75px;
padding-left: 45px;
}
div#divaussi {
float: left;
padding-top: 75px;
padding-left: 45px;
}
div#divcontact {
float: left;
padding-top: 32px;
padding-left: 45px;
clear: right;
}

.spacer {
float: left;
width: 45px;
height: 140px;
background-color: blue;
}

/* BLOG */
ul#blog {
padding: 0;
list-style-type: none ;
}
ul#blog li {
padding: 0;
}
ul#blog li a {
display: block;
width: 47px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 41px;
background-image: url(../images/menu/blog.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul#blog li a:hover {
background-image: url(../images/menu/blog.gif);
background-position: 0px -41px;
background-repeat: no-repeat;
}

/* BLOG on */
ul#blog_on {
padding: 0;
list-style-type: none ;
}
ul#blog_on li {
padding: 0;
}
ul#blog_on li a {
display: block;
width: 47px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 41px;
background-image: url(../images/menu/blog.gif);
background-position: 0px -41px;
background-repeat: no-repeat;
}
ul#blog_on li a:hover {
background-image: url(../images/menu/blog.gif);
background-position: 0 0;
background-repeat: no-repeat;
}



/* UNIVERS */
ul#univers {
padding: 0;
list-style-type: none ;
}
ul#univers li {
padding: 0;
}
ul#univers li a {
display: block;
width: 69px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 25px;
background-image: url(../images/menu/univers.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul#univers li a:hover {
background-image: url(../images/menu/univers.gif);
background-position: 0px -26px;
background-repeat: no-repeat;
}

/* UNIVERS on */
ul#univers_on {
padding: 0;
list-style-type: none ;
}
ul#univers_on li {
padding: 0;
}
ul#univers_on li a {
display: block;
width: 69px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 25px;
background-image: url(../images/menu/univers.gif);
background-position: 0px -25px;
background-repeat: no-repeat;
}
ul#univers_on li a:hover {
background-image: url(../images/menu/univers.gif);
background-position: 0 0;
background-repeat: no-repeat;
}



/* AUSSI */
ul#aussi {
padding: 0;
list-style-type: none ;
}
ul#aussi li {
padding: 0;
}
ul#aussi li a {
display: block;
width: 84px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 28px;
background-image: url(../images/menu/aussi.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul#aussi li a:hover {
background-image: url(../images/menu/aussi.gif);
background-position: 0px -28px;
background-repeat: no-repeat;
}

/* AUSSI on */
ul#aussi_on {
padding: 0;
list-style-type: none ;
}
ul#aussi_on li {
padding: 0;
}
ul#aussi_on li a {
display: block;
width: 84px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 28px;
background-image: url(../images/menu/aussi.gif);
background-position: 0px -28px;
background-repeat: no-repeat;
}
ul#aussi_on li a:hover {
background-image: url(../images/menu/aussi.gif);
background-position: 0 0;
background-repeat: no-repeat;
}


/* CONTACT */
ul#contact {
padding: 0;
list-style-type: none ;
}
ul#contact li {
padding: 0;
}
ul#contact li a {
display: block;
width: 67px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 20px;
background-image: url(../images/menu/contact.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
ul#contact li a:hover {
background-image: url(../images/menu/contact.gif);
background-position: 0px -21px;
background-repeat: no-repeat;
}

/* CONTACT on */
ul#contact_on {
padding: 0;
list-style-type: none ;
}
ul#contact_on li {
padding: 0;
}
ul#contact_on li a {
display: block;
width: 67px;
/*ie 6 et 7 ne veulent vraiment vraiment pas entendre raison sans hacks alors bon...*/
/margin-left: -40px;
height: 20px;
background-image: url(../images/menu/contact.gif);
background-position: 0px -21px;
background-repeat: no-repeat;
}
ul#contact_on li a:hover {
background-image: url(../images/menu/contact.gif);
background-position: 0 0;
background-repeat: no-repeat;
}