/* $Id: style.css,v 1.13 2006/01/20 09:09:18 dries Exp $ */

/*
** HTML elements
*/
body  {
  background: #eee;
  color: #333;
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 1em;
}

.hide {
  display: none;
}

hr {
  display: none;
}

h1 {
  text-align: right;
  margin-right: 20px;
  font-size: 1.4em;
}


h3 {
  padding-left: 5px;
  font-size : 1.2em;
  border-bottom : 1px solid black;
}


h1.title {
  color: #385C72;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 30px;
}

td.plans {
  padding : 5px;
}

p.subpara {
  border-left : 1px dotted black;
  margin-left: 20px;
  padding-left: 10px;
}

p.subpara2 {
  margin-left: 20px;
  padding-left: 10px;
}

strong.ecml {
  font-weight: bold;
  color: #192d90;
}

strong {
  font-weight: bold;
}

strong.e {
  color: #ff8c00;
}

strong.subtitle {
  background: transparent url(tabs-option-off.png) left center no-repeat;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 30px;
  font-weight: bold;
  font-size: 1.2em;
  color: #385C72;
}


/* Links */   
a, a:link a:active, a:visited {
  color: #385C72;
}
div#footer a,  div#footer a:link div#footer a:active, div#footer a:visited {
  color: #fff;
}

div.hr {
  height: 1px;
  margin: 1em 10px;
  border-bottom: 1px dotted black;
}

div.title {
}

div.mini-contact {
  position : absolute;
  bottom : 0px;
  margin : 5px;
  font-size : 0.8em;
}

div.breadcrumbs {
  /*padding: 1em 0;
  text-align: left;
  font-size: 0.8em;
  margin: 0 1em;
  border-bottom: 1px dotted #000;
  line-height: 1em;*/
}

div#pagewrapper {
  border: 1px solid #000;
  background-color: #fff;
  width: 849px;
  margin: 0 auto;
  position: relative;
}

div#header {
  height: 80px;      
  padding: 4px;
}

div#header-logo {
  float: left; 
}

div#header-title {
  margin-top: 20px;
  font-size: 1.4em;
  font-weight: bold;
  color: #385C72;
  text-align: center;
}

div#header-subtitle {
  font-size: 0.8em;
}

div#menu_horiz {
  width: 100%;
}

div#content {
  background : #ffffff;
}

div#sidebar-left {
  float: left;
  width : 192px;
  height: 240px;
  /*background-color: #ececec;*/
}

div#main {
  margin-left: 192px;
}

div#main_content {
  background-color : white;
  padding-left: 10px;
  padding-bottom : 10px;
}

div#footer {
  color: #fff;
  background-color: #385C72;
}

div#footer p {
  color: #fff;
  font-size: 0.8em;
  margin: 0;
  padding: 5px;
  text-align: center;
}

div#main_start {
  margin-left: -180px;
}

div#box { 
  border: 1px solid #C0C0C0;
  margin : 1%;
}

div#box-thumb { 
}

div#box_simple {
  margin: 2px;
}

div#boxtitle { 
  color: #385C72;
  text-align: center;
  background-color: #ECECEC;
  border-bottom: 1px solid #C0C0C0;
}

div#boxcontent {
  padding: 5px;
}


/* The wrapper clears the floating elements of the menu */
#menuwrapper { 
  overflow: hidden; 
  background-color: #ECECEC;
  border-bottom: 1px solid #C0C0C0;
  width: 100%;
}


h3 {
  padding-left: 5px;
  font-size : 1.4em;
  border-bottom : 1px solid black;
}

div.block-taxonomy_context {
  margin-top : 10px;
}

li.collapsed, li.expanded {
}

a.active {
  font-weight : bold;
}

a.block-taxonomy_context,a.block-taxonomy_context:visited {
  color: black;
  text-decoration: none; 
}


/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
  width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
  list-style: none; 
  margin: 0px; 
  padding: 0px; 
}
#primary-nav ul { 
  position: absolute; 
  top: auto; 
  display: none; 
}
#primary-nav ul ul { 
  margin-top: 1px;
  margin-left: -1px;
  left: 100%; 
  top: 0px; 
}
#primary-nav li { 
  margin-left: -1px;
  float: left; 
}
#primary-nav li li { 
  margin-left: 0px;
  margin-top: -1px;
  float: none; 
  position: relative; 
}
/* Styling the basic apperance of the menu elements */
#primary-nav a { 
  display: block; 
  margin: 0px; 
  padding: 5px 10px; 
  text-decoration: none; 
}
#primary-nav li a { 
  border-right: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
  border: 1px solid #C0C0C0;
} 
#primary-nav li, #primary-nav li.menuparent { 
  background-color: #ececec; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
  background-color: #C7C7C7; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
  background-image: url(modules/MenuManager/images/arrow.gif); 
  background-position: center right; 
  background-repeat: no-repeat; 
}

/* Styling the apperance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
  background-color: #E7AB0B; 
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
  display: none; 
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
  display: block; 
}

/* IE Hacks */
#primary-nav li li { 
  float: left; 
  clear: both; 
}
#primary-nav li li a { 
  height: 1%; 
}
-->


/* accessibility */
span.accesskey {
  text-decoration:none;
}

.accessibility {
  position: absolute;
  top: -999em;
  left: -999em;
}

dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* popup.js */
a.pop, span.pop {
  margin : 0px;
}
td.pop {
  padding: 5px;
  vertical-align: top;
  text-wrap:normal;
}
#pop1, #pop2, #pop3, #pop4, #pop5, #pop6, #pop7, #pop8, #pop9, #pop10, #pop11, #pop12, #pop13, #pop14, #pop15, #pop16 {
  position: absolute;
  display:none;
  width: 20em;
  border: 3px double black;
  background: #f5f5dc;
  z-index: 500;
  font-size: 80%;
}
#pop1 p, #pop2 p, #pop3 p, #pop4 p, #pop5 p, #pop6 p, #pop7 p, #pop8 p, #pop9 p, #pop10 p, #pop11 p, #pop12 p, #pop13 p, #pop14 p, #pop15 p, #pop16 p{
  margin: 0.3em;
}
#pop1 h1, #pop2 h1, #pop3 h1, #pop4 h1, #pop5 h1, #pop6 h1, #pop7 h1, #pop8 h1, #pop9 h1, #pop10 h1, #pop11 h1, #pop12 h1, #pop13 h1, #pop14 h1, #pop15 h1, #pop16 h1{
  font-size: 110%;
  margin: 0 0 0.5em 0;
  border-bottom: 1px solid black;
  background: white;
  color: black;
  text-align: center;
}
.fermer {
  margin: 0.5em 0 0 0;
  border-top: 1px solid black;
  background: white url(bottom.gif) left top repeat-x;
  color: black;
  text-align: center;
}


/* clearing */
.stretch,
.clear {
  clear:both; 
  height:1px; 
  margin:0; 
  padding:0; 
  font-size: 15px;
  line-height: 1px;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html>body .clearfix {
  /*display: inline-block; */
  width: 100%;
}
* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

/* end clearing */

li.hmenu {
  display: none;
}