/*positionnement et dimension des zones*/
#menuBar, #barreCadre, #zoneW {
/*margin-left: auto;
margin-right: auto;*/
}

#menuBar {
width:740px;
/*margin-left:2px;*/
margin-top:0px;
margin-left:1px;

}
#barreCadre {
width:740px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
color: #000000;
padding:10px 0px 0px 0px;
text-align:center;
  
  

}
#zoneW {
width:741px;
background-image:url(image/zoneW1.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
height:562px;
padding:20px;
overflow:auto;

}


#barreCadre {
position: relative;
height:27px;
background-image:url(image/barre.jpg);
background-repeat:no-repeat;
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

div.menuBar {
/*  background-color: #d0d0d0;*/
background-image:url(image/barre2.jpg);
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton,a.menuButtonPetit {
color: #cccccc;	
text-decoration: none;
font-family: arial;
font-size:14;
font-weight: bold;
background-color: transparent;
border: 0px solid #d0d0d0;
cursor: default;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
top: 0px;
z-index: 100;
}
a.menuButtonPetit{
font-size:12px;
}
div.menuBar a.menuButtonPage,a.menuButtonPagePetit  {
color: #cc0000;	
text-decoration: none;
font-family: arial;
font-size:14;
font-weight: bold;
background-color: transparent;
border: 0px solid #d0d0d0;
cursor: default;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
top: 0px;
z-index: 100;
}
a.menuButtonPagePetit{
font-size:12px;
}

div.menuBar a.menuButton:hover,a.menuButtonPetit:hover {
color: #cc0000;	
text-decoration: none;
font-family: arial;
font-size:14;
font-weight: bold;
/*background-color: #91c8ff;*/
border: 0px solid #d0d0d0;
background-image:url(image/menuover.jpg);
}
a.menuButtonPetit:hover{
font-size:12px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #d0d0d0;
  border: 1px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #cc0000;	
text-decoration: none;
font-family: arial;
font-size:12;
font-weight: bold;
  cursor: default;
  display: block;
  padding: 2px 1em;
  text-decoration: none;
  white-space: nowrap;

}

div.menu  a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000080;
  color: #cccccc;

}

div.menu  a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu  div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  
}