/* CSS Document */
/*haut droit bas gauche*/

img { behavior: url(pngfix.htc); }

div#container
{
   width: 780px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
   background: #FFFFFF url(hokBackground.jpg);
   color: #000000;
   font-family: "Palatino Linotype", Garamond, serif;
   font-size: 14px;
}

table
{
  /*Pour que IE6 comprenne !*/
  font-size: 14px;
}
/** pathway block **/
span.pathway {
	display: block;
	width: 580px;
	text-align: left;
	color: #000000;
	font-size: 10px;
	/*font-weight:bold;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	height: 20px;
	margin-bottom: 0px;
}

/** content title **/
.componentheading 
{
	color:#000000;
	font-size: 20px;
	line-height:25px;
	padding: 5px 0 5px 0;
	display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited 
{
	font-size:16px;
	font-weight: normal;
	color:#FFFFFF;
	padding-top: 0px;
	background-color:#000000;
	display:block;
	text-indent: 7px;
}

table.contentpane /*Block dans lequel viennent se placer les component items (comme 'Newsletter' ou 'Contact us' par exemple)*/
{
	width: 570px;
	margin: 0px 10px 0px 5px;
	font-size:14px;/*Pour que IE6 comprenne la taille de caractere !*/	
}

.contentpaneopen 
{
	width: 570px;
	/*padding: 0px 10px 0px 5px; haut droit bas gauche*/
	/*IE6 et Opera9.51 ne reconnaissent pas cette propriete : padding. Je suis donc obligee de le faire avec  margin, et en modifiant le width:100%; en width:570px;*/
	margin: 0px 10px 0px 5px;
	/*border: 1px solid #0000FF; Ceci etait mis en place pour les tests en css*/
	font-size:14px;/*Pour que IE6 comprenne la taille de caractere !*/
	/*Permet le surlignage en noir des titres sur toute la longueur du block, et pas seulement sur la longueur du titre. */
}


/** unordered list top menu **/
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	/*float: left;*/
	margin: 0;
	/*width: auto !important;*/
	font-size: 12px;
	line-height: 30px;
	white-space: nowrap;
	background-color: #FFFFFF;
	background-image:  url(navbar.png);
	background-repeat: repeat-x left top;
	/*text-decoration:none;*/
	/*color: #535353;*/
	font-family:"Palatino Linotype";
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #000000;/*#535353*/
	font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a 
{
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover
{
	background: #EFF66C;
	text-decoration: none;
	color: #535353;
}

/**Leftcol, moduletable et mainlevel : pour le menu left, cad les sous-menus**/
div#leftcol
{
  padding: 0px 0px 0px 15px;
  font-size: 12px;/*ca ne marche pas pour IE6 !*/
}

#leftcol th 
{
	/*background-color: #B8F400; */
	/*background-color: #A97E0E; */
	background-color: #F9FA22;
	color: #000000;
	border: none;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	
}

table.moduletable_video
{
  /*On est oblige de dire ca a IE6 pour qu'il comprenne !*/
  font-size: 12px;
  margin-top:20px;
}

table.moduletable
{
  /*On est oblige de dire ca a IE6 pour qu'il comprenne !*/
  font-size: 12px;
}

a.mainlevel
{
  /*On est oblige de dire ca a IE6 !*/
  font-size: 12px;
}

/*Pour que les videos se positionnennent jolimment*/
object.video-left
{
  margin-top:0px;
  margin-bottom:20px;
}