/* ------------------------------- */
/* -- CSS By Prezenz      -- */
/* -- http://www.prezenz.com  -- */
/* -- Copyright 2007      -- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE          -- */
/* ------------------------------- */

ul, li, html, body, img, form, div, p, h1, h2, h3 {
  border: 0;
  margin: 0;
  padding: 0;
}

html {
  height:100%;
}

body {
  color:#000;
  font-family: Tahoma, Geneva, sans-serif;
  /* 
  Par défaut, le texte moyen est de 16px
   - 1.6em vaut 16px
   - 1.4em vaut 14px
   - 1.2em vaut 12px
   - 1em vaut 10px
   - 0.8em vaut 8px
   - etc.
  */
  font-size:62.5%;
  text-align:center;
}

/* ------------------------------- */
/* -- COMMUN          -- */
/* ------------------------------- */

a { 
  color:#2339B0;
  text-decoration:none;
  outline:none;
}

a:hover {
  color:#F00;
}

h1 {
  color:#333333;
  font-size:1.6em;
  margin:6px 0 30px 0;
}

*:first-child+html h1 {
  padding-top:5px;
}

* html h1 {
  padding-top:5px;
}

h2 {
  color:#A5A5A5;
  font-size:1.4em;
  margin:0 0 5px 0;
}

/* ------------------------------- */
/* -- STRUCTURE          -- */
/* ------------------------------- */

div#page {
  background-color:#FFF;
  font-size:1.2em;
  margin:0px auto 0 auto;
  text-align: left;
}
  
/* ------------------------------- */
/* -- MAIN            -- */
/* ------------------------------- */

#main {
  padding:0 0 0 0;
}

/* ------------------------------- */
/* -- HEADER          -- */
/* ------------------------------- */

div#header {
  height: 80px;  
}

div#header img {
  margin-top:30px;
  width:100%  
}

/* ------------------------------- */
/* -- CONTENT          -- */
/* ------------------------------- */

div#content {
  padding:10px;
  /*border-right:1px solid #D1D1D7;*/
}

* html div#content {
}

div#content div.text {  
  padding-right:50px;
  margin-top:50px;
}

div#content ul {
  list-style:square;
  margin-left:30px;
  margin-top:5px;
}

div#content ul li {
  margin-bottom:5px;
}

div#content ul li ul li {
  margin-bottom:5px;
}

div#content ul li ul li ul li {
  margin-bottom:5px;
}

/* ------------------------------- */
/* -- RIGHT            -- */
/* ------------------------------- */

div#right {
  float:right;
  /* Tous les browsers */
  height:auto !important;
  min-height: 350px; 
  /* Pour IE */
  height: 350px; 
  padding:10px;
  padding-left:0px;
  width:180px;
  margin:0px;
display:none
}

div#right ul {
  list-style:none;
}

div#right ul li {
  list-style:none;
}

div#right ul li a {
  color:#797979;
  font-size:1.6em;
  font-weight:bold;
}

div#right ul li a:hover {
  color:#A5A5A5;
}

div#right ul li a.active {
  color:#A5A5A5;
}

div#right ul ul {
  padding-bottom:5px;
}

div#right ul ul li {
  padding-top:5px;
  padding-left:15px;
}

div#right ul ul li a {
  color:#797979;
  font-size:1em;
  font-weight:bold;
}

div#right ul ul li a:hover {
  color:#2339B0;
}

div#right ul ul li a.active {
  color:#2339B0;
}

div#right ul ul ul {
  padding-bottom:0px;
}

div#right ul ul ul li {
  padding-top:5px;
  padding-left:25px;
}

div#right ul ul ul li a {
  color:#797979;
  font-size:1em;
  font-weight:bold;
}

div#right ul ul ul li a:hover {
  color:#2339B0;
}

div#right ul ul ul li a.active {
  color:#2339B0;
}

/* ------------------------------- */
/* -- BOTTOM          -- */
/* ------------------------------- */

div#bottom {
  height: 76px; 
  clear:both;
  font-size:0.9em;  
  display:none
}


div#bottom div#info {
  width:472px;
  height: 66px;
  text-align:right;
  padding:5px;
  padding-left:210px;
  padding-right:10px;
  border-right:1px solid #DFDFE1;
}

/* ------------------------------- */
/* -- FOOTER          -- */
/* ------------------------------- */

div#footer {
  clear:both;
  background-color: #131E3E;
  color:#FFF;
  font-size:0.8em;
  padding:5px;
  padding-bottom:10px;
display:none
}

div#footer a {
  color:#FFF;
}

div#footer a:hover {
  color:#FFF;
  text-decoration:underline;
}

div#footer div#submenu {
  float:right;
}