/* ------------------------------- */
/* -- 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;
  background-color: #131E3E;
  background-position: left top;
  background-repeat: no-repeat;
  font-family: Tahoma, Geneva, sans-serif;
  /* 
  Par 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;
  font-weight:bold;
}

a:hover {
  color:#F00;
}

h1 {
  color:#797979;
  font-size:1.6em;
  margin:6px 0 17px 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;
  float:left;
  width:150px;
  padding:0px;
}

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

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

div#page {
  background-color:#FFF;
  background-image:url(../../images/theme/back-page.png);
  background-repeat:repeat-y;
  background-position:top left;
  font-size:1.2em;
  /*margin:100px auto 0 auto;*/
  margin:10px auto 0 auto;
  /* Tous les browsers */
  height:auto !important;
  min-height: 526px; 
  /* Pour IE */
  height: 526px; 
  position: relative;
  text-align: left;
  width:895px;
}

div#page-popup {
  background-color:#FFF;
  margin:10px auto 10px auto;
  /* Tous les browsers */
  height:460px !important; 
  text-align: left;
  width:360px;
  overflow:auto;
  padding:10px;
}
  
/* ------------------------------- */
/* -- MAIN            -- */
/* ------------------------------- */

#main {
  padding:0 0 0 0;
}

.page-theadvantage {
  background-image:url(../../images/theme/header-food.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-aboutus {
  background-image:url(../../images/theme/header-office1.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-careers {
  background-image:url(../../images/theme/header-office2.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-team {
  background-image:url(../../images/theme/header-product.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-investments {
  background-image:url(../../images/theme/header-research.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-yourbusiness {
  background-image:url(../../images/theme/header-zen1.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

.page-contactus {
  background-image:url(../../images/theme/header-zen3.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}


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

div#header {
  height: 80px;  
}

div#header img {
  margin-top:29px;  
}

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

div#content {
  /* Tous les browsers */
  height:auto !important;
  min-height: 350px; 
  /* Pour IE */
  height: 350px; 
  padding:10px;
  width:672px;
  /*border-right:1px solid #D1D1D7;*/
}

* html div#content {
}

div#homemsg {
  padding-top:40px;
  font-size:1.8em;
  color:#FFF;
  padding-left:45px;
}

div#content div.text { 
  padding:0px;
  margin:0px; 
  padding-right:20px;
  padding-top:3px;
  margin-left:150px;
}

div#content div.text h2 { 
  margin-left:-150px;
}


div#content ul {
  list-style:square;
  list-style-image: url(../../images/theme/bullet01.gif);
  margin-left:30px;
  margin-top:5px;
}

div#content ul ul {
  list-style:square;
  list-style-image: url(../../images/theme/bullet02.gif);
  margin-left:30px;
  margin-top:5px;
}

div#content ul ul ul {
  list-style:square;
  list-style-image: url(../../images/theme/bullet03.gif);
  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;
}

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:0.8em;
  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;  
}

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;
}

div#footer a {
  color:#FFF;
}

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

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