/*----------------------------------------------------------*
 *  CSS for CAHJ Web site                                   *
 *                                                          *
 *  Patrick Seuret: april 2009                              *
 *----------------------------------------------------------*/
 
 
/*----- Menus and Panes -----*/
body {
	background-image: url('../images/main-left.gif'); 
	background-repeat: repeat-y;
	font-size:         11pt;
	color:             black;
}

#top_pane {
	z-index:           1; 
	position:          absolute; 
	top:               0px; 
	left:              0px; 
	width:             100%; 
	height:            100px;
	padding:           0px; 
	background-image:  url('../images/main-top.gif'); 
	background-repeat: repeat-x;
}

#corner_pane {
	z-index:   2; 
	position:  absolute; 
	top:       0px; 
	left:      0px;
	width:     800px; 
	height:    200px; 
	padding:   0px;
}

#main_pane {
	z-index:   3; 
	position:  absolute; 
	top:       60px; 
	left:      180px; 
	margin:    0 auto;
}

#flag_pane {
  z-index:       2; 
	float:         right;
	padding-top:   10px; 
	padding-right: 15px;
}

#left_pane {
	z-index:       3; 
	position:      absolute; 
	top:           10px; 
	left:          0px;
	width:         145px; 
	padding:       0px 0px 0px 5px;
	color:         white;
	font-weight:   bold;
}

#accueil {
	position:      relative;
	top:           30px;
	left:          20px;
}

/*----- Headers -----*/
h1 {
	font-size:         18pt;
  text-transform:    uppercase;
	font-weight:       bold;
	color:             #AA0000;
	text-decoration:   underline;
	text-align:        center;
}

h2 {
	font-size:         14pt;
	font-weight:       bold;
}

h3 {
	font-size:         14pt;
	font-weight:       bold;
	margin:            0px;
	padding:           0px;
}

p.nodebody {
  font-style:        italic;
  font-size:         12pt;
}

/*----- Left menu items -----*/
a.menu1 {
	color:             white;
	font-weight:       bold;
	text-decoration:   none;
}
a.menu1:hover {
	color:             white;
	font-weight:       bold;
	text-decoration:   underline;
}
ul.menu {
  list-style-type:   disc;
  margin-left:       15px;
  padding-left:      0px;
}
li.menu1 {

}
.selected {
  font-size:        13pt;
  color:            red;
}
.unselected {
  font-size:        11pt;
  color:            white;
}
a.selected {
  font-size:        13pt;
  color:            red;
}
a.selected:hover {
  font-size:        13pt;
  color:            red;
	text-decoration:  underline;
}

/*----- Item information box ------*/
div.item_box {
  margin:              20px 0px;
	background-color:    #DDDDDD;
	width:               750px;
}

table.item_box {
	border:              #999999 solid 1px;
	width:               750px;
}

td.item_title {
	font-size:           13pt;
	font-weight:         bold;	
}

td.item_icons {
	text-align:          right;
}


td.item_body {
	margin:              3px;
	padding:             7px;
}

.item_dark {
	background-color:    #EEEEEE;
}

.item_light {
	background-color:    white;
}

td.item_address {
	padding-top:         7px;
	background-color:    #EEEEEE;
	font-size:           10pt;
	width:               50%;
	vertical-align:      top;
}

p.item_address {
	padding:             2px 2px 2px 10px;
	margin:              0px 5px 5px 10px;
	border:              #999999 solid 1px;
	border-left:         #999999 double 6px;
	background-color:    #DDDDDD;
}

.versiondate {
	margin-top:          30px;
  font-size:           7pt;
  color:               #AAAAAA;
  text-align:          left;
}
