/* ------------------------------- */
/* -- 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: #d5d7eb;
  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:10px auto 0 auto;
  /* Tous les browsers */
  height:auto !important;
  min-height: 526px; 
  /* Pour IE */
  height: 526px; 
  position: relative;
  text-align: left;
  width:895px;
  display: block !important;
}

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-home {
  background-image:url(../../images/theme/header-0.jpg);
  background-repeat:no-repeat;
  background-position:top left;
}

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

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

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


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

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

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

.page-contactus {
  background-image:url(../../images/theme/header-7.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;*/
}

div#newsticker {
  position:absolute;
  left:0px;
  top:0px;
  width:895px;
  height:76px;
  text-align:right;
  color:#A5A5A5;
  font-size:1.2em;
  margin:0 0 0 0;
  padding:0px;
  overflow:hidden;
}

div#newsticker a {
  color:#131E3E;
  font-weight:bold;
}
div#newsticker a:hover {
  color:#797979;
}
div#newsticker a.active {
  color:#797979;
}



div#newsticker ul {
  list-style:none;
  margin-left:10px;
  margin-top:5px;
  width:875px;
}
div#content:hover > div{
  background-image:url(../../../files/images/trans.png);
}

div#transforming{
  position:absolute;
  left:350px;
  top:215px;
  width:160px;
  height:35px;
  margin:0;
  padding:10px;
  z-index:10;
  text-align:right;
}
div#transforming a{
  color:#213b7d;
  font-size:13px;
  font-family:serif;
  font-weight: 500;
  font-style: italic;
}

div#transforming > div{
  position:absolute;
  left:-350px;
  top:-135px;
  width:693px;
  height:370px;
  display:none;  
  z-index:-1;
}

div#transforming:hover > div{
  display:block;
  z-index:15;
}

div#transforming div div{
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  background-color:white;
  opacity:0.5;
  filter:alpha(opacity=50);
}

div#transforming div div:hover{
  opacity:1.0;
  filter:alpha(opacity=100);
}
div#transforming div div:hover div{
  display:block;
  z-index:20;
}

div#transforming div div div{
  display:none;
  position:relative;
  left:20px;
  top:0px;
  width:310px;
  height:70px;
  padding:0px;
  background-color:white;
  font-size:11px;
  font-family:sans-serif;
  font-weight: normal;
  font-style: normal; 
  color:#131E3E;
  text-align:left;
  opacity:1.0;
  filter:alpha(opacity=100);
}
div#transforming div div a:hover{
  text-align:left;
  font-size:11px;
  font-family:sans-serif;
  font-weight: normal;
  font-style: normal; 
  color:#131E3E;
}

div#transforming div div div img{
  margin-right:5px;
}

div#transforming div div#ceo1{
  left:35px;
  top:8px;
}
div#transforming div div#ceo2{
  left:370px;
  top:58px;
}
div#transforming div div#ceo3{
  left:620px;
  top:80px;
}
div#transforming div div#ceo4{
  left:30px;
  top:125px;
}
div#transforming div div#ceo5{
  left:228px;
  top:185px;
}
div#transforming div div#ceo6{
  left:470px;
  top:208px;
}
div#transforming div div#ceo7{
  left:80px;
  top:275px;
}
div#transforming div div#ceo8{
  left:450px;
  top:305px;
}
div#transforming div div#ceo9{
  left:660px;
  top:300px;
}
div#transforming div div#ceo10{
  left:590px;
  top:145px;
}
div#transforming div div#ceo11{
  left:175px;
  top:95px;
}
div#transforming div div#ceo12{
  left:325px;
  top:294px;
}
div#transforming div div#ceo13{
  left:200px;
  top:30px;
}
div#transforming div div#ceo14{
  left:510px;
  top:48px;
}

div#transforming div div#ceo15{
  left:337px;
  top:225px;
}

span.inventages{
  color:#131E3E;
  font-weight: 600;
}

* 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 div.news ul {
  list-style:none;
  margin-left:0px;
  margin-top:5px;
}

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;
  position:relative
}

div#right ul li ul.closed{
  display:none;
  position:absolute;
  left:30px;
  width:170px;
  background-color:white;
  border:1px solid #d5d7eb;
  z-index:3;
}

div#right ul li:hover > ul.closed{
  display:block;
}

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:10px;
}

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; 
  position:relative;
  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: #d5d7eb;
  color:#A5A5A5;
  font-size:0.8em;
  padding:5px;
  padding-bottom:10px;
  font-weight: bold;
}

div#footer a {
  color:#A5A5A5;
}

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

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