.buttons {
    clear: both;
    padding: 0px;
    font-size: 0.9em;
    font-weight: bold;
    height: 34px;
}

.buttons ul {
    list-style-type: none;
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    float: left;
}

.buttons ul li {
    margin: 0px !important;
    padding: 0px !important;
    float: left;
    background: none !important;
    font-size: 1em !important;
    line-height: 1.1em;
}

.buttons.alignRight ul {
/* for Safari 2.0 */
    float: right;
}

.buttons.alignRight ul li {
    float: right;
}

.buttons ul li a:visited,
    .buttons ul li a:link {
    float: left;
    display: block;
    background: url( ../images/buttons/buttonSet-on-white.gif ) 0px -31px no-repeat;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.buttons ul li a span {
    display: block;
    float: left;

    height: 23px;

    margin: 0px 0px 0px 12px !important;
    margin /**/: 0px 0px 0px 6px;
    margin: 0px 0px 0px 6px;

    padding: 9px 12px 0px 0px;
    background: url( ../images/buttons/buttonSet-on-white.gif ) right -31px repeat-x;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.buttons ul li a:hover {
    background-position: left -62px !important;
}

.buttons ul li a:hover span {
    background-position: right -93px !important;
}

.buttons.onBrown ul li a:visited,
    .buttons.onBrown ul li a:link {
    background: url( ../images/buttons/buttonSet-on-brown.gif ) left -31px no-repeat;
}

.buttons.onBrown ul li a span {
    background: url( ../images/buttons/buttonSet-on-brown.gif ) right top repeat-x;
}

.buttons.onBeige ul li a:visited,
    .buttons.onBeige ul li a:link {
    background: url( ../images/buttons/buttonSet-on-beige.gif ) left -31px no-repeat;
}

.buttons.onBeige ul li a span {
    background: url( ../images/buttons/buttonSet-on-beige.gif ) right top repeat-x;
}

.buttons.onBrown2 ul li a:visited,
    .buttons.onBrown ul li a:link {
    background: url( ../images/buttons/buttonSet-on-brown2.gif ) left -31px no-repeat;
}

.buttons.onBrown2 ul li a span {
    background: url( ../images/buttons/buttonSet-on-brown2.gif ) right top repeat-x;
}

.buttons2 ul li a:visited,
    .buttons2 ul li a:link {
    float: left;
    display: block;
    background: url( ../images/buttons/buttonSet-on-brown2.gif ) 0px -31px no-repeat;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.ongletOff {
	color:#00877f;
	cursor:pointer;
	margin-bottom:3px;
	text-decoration:underline;
}

.onglet {
	MARGIN-TOP: 15px; FONT-SIZE: 11px; FLOAT: left; MARGIN-BOTTOM: 19px; /*margin-LEFT: 17px; #margin-left:8px;*/
	WIDTH: 100%; POSITION: relative;
}

.ongletSelected{
	color:#3c7552 !important;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	margin-bottom:3px;
	position:absolute;
	top:-15px;
	left:0;
	text-decoration: none;
}

.ongletOff {
	color:#00877f;	
	cursor:pointer;
	margin-bottom:3px;
	text-decoration:underline;	
}