/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{

float: left;
}

.tabsmenuclass p{
  vertical-align: top;
display: block;
padding: 0 0 0 0.692em;
margin: 0 0.692em 0 0;


color: black;

text-decoration: none;
border-left: 1px #000 dashed;
}

.tabsmenuclass .actu {
margin: 0;
padding: 0;
padding-right: 0.692em;
}



.tabsmenuclass img{
display: block;
padding-top: 0px ;  }  

.tabsmenuclass img.trait{
display: block;
padding-top: 10px ;  }


.tabsmenuclass p.a:hover, .tabsmenuclass p.a.selected{
color: black;
}

.tabsmenuclass p.az:hover, .tabsmenuclass p.az.selected{
color: black;
}


.tabsmenuclass p.b:hover, .tabsmenuclass p.b.selected{
color: black;
}

.tabsmenuclass p.c:hover, .tabsmenuclass p.c.selected{
color: black;
}

.tabsmenuclass p.d:hover, .tabsmenuclass p.d.selected{
color: black;
}

.tabsmenuclass p.e:hover, .tabsmenuclass p.e.selected{
color: black;
}

.tabsmenuclass p.z:hover, .tabsmenuclass p.d.selected{

color: black;
}



/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;

width: 100%;

padding: 0;
margin: 0.692em 0 0 0;
border-top: #000 dashed 1px;
}

.tabsmenucontentclass a { color: black; text-decoration: none; }
.tabsmenucontentclass a:focus,a:hover,a:active { color: black; text-decoration: underline; }


.tabsmenucontentclass ul{
margin: 0;
width: 100%;
height: 4em;
padding: 0;
list-style-type: none;
padding-top: 0.692em ;
}


.tabsmenucontentclass li img{
display: block;
vertical-align: middle;
  }



.tabsmenucontentclass li{
float: left;
margin: 0 0.462em 0 0;
}