/* CSS du menu horizontal, bieler batiste */
#headermenu
{
    height: 21px;
    margin: 0;
    width: 760px;
    background-color: #fff;
}

/* drop down */

#mainmenu {
position:absolute;
height:21px; 
padding:0;
}

.menu{
left:160px;
margin:0;
padding:0 23px;
display:none;
}

.menu ul{
position:absolute;
display:block;
background-color: #FFF;
width:160px;
margin:0;
padding:0;
}


.menu li{
list-style:none;
display:inline;
display/**/:block;
float:left;
float/**/:left;
margin:0;
padding:0;
height:auto;
}

.menu a{
display:block;
text-decoration:none;
padding:4px 8px;
-moz-outline: 0 none;
color:#333333;
}

.menu a:hover{
text-decoration: none;
background-color:#720000;
color: #FFFFFF;
}

/* for a mozilla better display with key nav */
.menu a:focus{ 

}

.menu a.s{ 
background-color:#cfcfcf;
}


.menu li ul{
display:none;
margin:0 0 0 0;
padding:0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

.menu li li ul{
position:absolute; /* pour sortir la liste du flux de donnée */
top:auto;
left:auto;
margin-left:154px;
margin-top:-16px; /* move the sub menu verticaly */
display:none;
}


.menu li li{
display:block;
float:none;
}

.menu li li a{
width:144px;
}

.menu li.r {
background-color:#CCCCCC;
color: #666666;
}

/* correct a little IE bug */

* html .menu li li{ 
display:inline; }



/* hide some accessibility stuff */
.menu span{
display:none;
}

.menu li.h a:link, .menu li.h{
color:#999999;
}

.menu li.h a:hover{
text-decoration: none;
color:#999999;
}

.categorysep{
display:block;
border-top:1px solid #ddd;
margin:14px 0;
}

/* button */

a.button_right {
float:right;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 5px 0 0;
text-decoration:none;}

.button_right div{
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 13px 4px 13px;
margin:0;
color:#444;}

a.button_left {
float:left;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
text-decoration:none;}

.button_left div{
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 13px 4px 13px;
margin:0;
color:#444;
}
a:hover.button_left, a:hover.button_right{
text-decoration:none;}

span.button_left {
cursor:pointer;
float:left;
background: url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
text-decoration:none;}

.button_left input{
font:11px Verdana, Arial, sans-serif;
cursor:pointer;
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 13px 4px 13px;
margin:0;
color:#444;
border:0;
}

span.button_right {
cursor:pointer;
float:right;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
text-decoration:none;}

.button_right input{
font:11px Verdana, Arial, sans-serif;
cursor:pointer;
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 13px 4px 13px;
margin:0;
color:#444;
border:0;
}


#right span.button_right{
margin: 9px 15px 9px 0;
}

#right span.button_left{
margin: 9px 0 9px 15px;
}

#editab span.button_left {
cursor:pointer;
float:left;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
_margin:15px 0 0 1px;
text-decoration:none;}

#editab .button_left input{
font:11px Verdana, Arial, sans-serif;
cursor:pointer;
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 11px 4px 11px;
_padding:3px 0px 4px 0px;
margin:0;
color:#444;
border:0;
}

#editab span.button_right {
cursor:pointer;
float:right;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
_margin:15px 0 0 1px;
text-decoration:none;}

#editab .button_right input{
font:11px Verdana, Arial, sans-serif;
cursor:pointer;
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 11px 4px 11px;
_padding:3px 0px 4px 0px;
margin:0;
color:#444;
border:0;
}

/*button*/

span.btn {
cursor:pointer;
float:left;
background:url(../Images/btn/right.gif) top right no-repeat;
padding:0px 0px 0px 0px;
margin:15px 0 0 5px;
text-decoration:none;}

.btn input{
font:11px Verdana, Arial, sans-serif;
cursor:pointer;
background: url(../Images/btn/left.gif) top left no-repeat;
padding:3px 13px 4px 13px;
margin:0;
color:#444;
border:0;
}

/* tabs */

#tabs {
margin:0;
padding:0;
height:20px;
line-height:12px;
}

.detail #tabs {
margin:0 0 10px 0;
}


#tabs.menu {
margin:0 0 10px 0;
}

#tabs li {
float:left;
list-style:none;
margin:0;
padding:0;
height:18px;
line-height:12px;
background:#EEEEEE;
border-left:1px dotted #999999;
border-top:1px dotted #999999;
border-right:1px dotted #999999;
}

#tabs li.s, .tab_s {
height:20px;
background:#CCCCCC;
}

#tabs li a, 
#tabs li.s a {
display:block;
padding: 3px 16px 5px 9px;
font-size:10px;
}

#tabs li.s a { 
color: #000000;
font-weight:bold;
}

#tabs li a:focus, .tabs li.s a:focus {
-moz-outline: 0 none;
}

.tabsep {
clear:both;
height:2px;
}