.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.heavy-menu, .speed-menu {
  line-height: 1em;
  font-size: 1.05em;
}
* html .heavy-menu {font-size: 1.1em;}
* html .speed-menu {font-size: 1.1em;}

.heavy-menu .vertical {
  line-height: 2em;
}
.heavy-menu {
  padding: 30px 0 0 0;
  background: white url(../images/elements/top-heavy-menu.gif) no-repeat top right;
  float: left;
  width: 1000px;
}
/* Heavy Menu
=========================================================================== */

.heavy-menu ul {
  border-bottom: 2px solid #444;
  list-style: none none;
  text-align: center;
}
.heavy-menu li {
  display: block;
  float: left;
  padding: 0 1px 0 0;
  zoom: 1;
    /* btn style */
    width: 62px;
    height: 31px;
    vertical-align: middle;
}
.heavy-menu li.last {padding:  0 0 0 0;}
.heavy-menu a {
  display: block;
  font-weight: 900;
  text-decoration: none;
  padding-top: 5px;
    width: 62px;
    height: 26px;
	zoom: 1;
}
.couleur-01 a, .couleur-01 a:visited {
    /* btn style*/
    background: #d3eb6d url(../images/elements/onglet-off.gif) no-repeat 0 0;
    color: #8ea219;
    text-shadow: #fff 1px 1px 0;
}
.couleur-02 a, .couleur-02 a:visited {
    /* btn style*/
    background: #cc3366 url(../images/elements/onglet-on.gif) no-repeat 0 0;
    color: white;
    text-shadow: #000 -1px -1px 0;
}
.heavy-menu a:hover, .heavy-menu a:focus {
  display: block;
  font-weight: 900;
  text-decoration: none;
}
.couleur-01 a:hover, .couleur-01 a:focus, .couleur-01 a:active {
    /* btn style*/
    background: #8EA219 url(../images/elements/onglet-on-02.gif) no-repeat 0 0;
    color: white;
    text-shadow: #000 1px 1px 0;
}
.couleur-02 a:hover, .couleur-02 a:focus , .couleur-02 a:active {
	background: #a30a29 url(../images/elements/onglet-on-03.gif) no-repeat 0 0;
    color: white;
    text-shadow: #000 1px 1px 0;
}

.couleur-03 {
    /* btn style*/
    background: transparent url(../images/elements/onglet-off-02.gif) no-repeat 0 0;
    color: white;
    text-shadow: #ccc -1px -1px 0;
	font-weight: 900;
	height: 31px;
	line-height: 3em;
}
.vertical-02 {
	line-height: 1.1em;
}
.vertical-02 span {
	display: block;
	padding-top: 5px;
}

.heavy-menu li.home {
  width: 54px;
  height: 31px;
}
.heavy-menu li.home a {
  width: 54px;
  height: 26px;
  text-indent: -1000em;
    background: #d3eb6d url(../images/elements/menu-home.gif) no-repeat 0 0;
    color: #8ea219;
    text-shadow: #fff 1px 1px 0;
}
.heavy-menu li.home a:hover, .heavy-menu li.home a:focus {
    background: #8EA219 url(../images/elements/menu-home-on-02.gif) no-repeat 0 0;
    color: #fff;
    text-shadow: #000 1px 1px 0;
}

/* Speed Menu
=========================================================================== */

.speed-menu {
  background: #efefef;
  text-align: left;
  padding: 5px;
  float: left;
  width: 990px;
  border-bottom: 10px solid white;
}
.speed-menu ul {list-style: none none;}
.speed-menu li {
  display: inline;
  padding-right: 10px;
  zoom: 1;
  color: #ccc;
}

.speed-menu a {
  color: #666;
  font-weight: 400;
  text-decoration: none;
  zoom: 1;
}
.speed-menu a:hover, .speed-menu a:focus {
  text-decoration: underline;
  color: black;
}
.fora a {
  padding-left: 12px;
  background: transparent url(../images/elements/person.gif) no-repeat center left;
  color: #CC3366;
  font-weight:bold;
}
.fora a:hover, .fora a:focus {
  text-decoration: underline;
  color: #CC3366;
}
.msgs a {
  padding-left: 12px;
  background: transparent url(../images/elements/mail.gif) no-repeat center left;
}
.invits a {
  padding-left: 12px;
  background: transparent url(../images/elements/star.gif) no-repeat center left;
}