html, body {
  height: 100%;
  min-height: 100%;
  background-color: #f0f0f0; }

#wrapper {
  overflow: hidden;
  width: 900px;
  min-height: 100%;
  padding: 0 0 8em 0;
  margin: 0 auto;
  background-color: #ffffff; }

#header {
  position: relative; }

#logo {
  width: 100%;
  height: 330px;
  background-repeat: no-repeat;
  background-position: left top; }
  #logo a {
    display: block;
    width: 100%;
    height: 100%; }
    #logo a span {
      display: none; }

p#invitation {
  position: absolute;
  z-index: 86;
  width: 352px;
  left: 80px;
  bottom: 66px;
  line-height: 1.1em;
  font-size: 1.1em; }
  p#invitation strong {
    font-weight: bold;
    color: #B1B91F; }

#menu {
  float: left;
  width: 100%;
  position: relative;
  margin: 3px 0 0 0; }
  #menu li {
    float: left;
    width: 179px;
    margin: 0 1px 0 0;
    text-align: center; }
    #menu li a {
      display: block;
      width: 100%;
      height: 25px;
      line-height: 25px;
      background-color: #afba19;
      color: #ffffff;
      text-decoration: none; }
    #menu li a:hover {
      background-color: #bfc847; }
  #menu li.vision {
    width: 180px; }
  #menu li.press {
    margin: 0; }

#content {
  position: relative;
  float: left;
  width: 740px;
  padding: 75px 80px;
  background: url('../images/bg_content.gif') left top repeat-x; }

#content #language {
  position: absolute;
  z-index: 85;
  left: 80px;
  top: 30px; }
  #content #language a {
    text-decoration: none;
    color: #666666; }
  #content #language a:hover {
    text-decoration: underline; }

#footer {
  position: relative;
  width: 740px;
  height: 1em;
  padding: 0 80px 3em 80px;
  margin: -5em auto 0 auto;
  font-size: 0.8em; }

#wrapper #multimedia {
  position: absolute;
  z-index: 84;
  top: -88px;
  right: 75px; }
  #wrapper #multimedia a {
    display: block;
    width: 100%;
    height: 100%; }

#wrapper.fr #multimedia {
  width: 237px;
  height: 37px; }
  #wrapper.fr #multimedia a {
    background: url('../images/bu_multimedia_fr.png') left top no-repeat; }

#wrapper.en #multimedia {
  width: 222px;
  height: 38px; }
  #wrapper.en #multimedia a {
    background: url('../images/bu_multimedia_en.png') left top no-repeat; }

#newsletter {
  position: absolute;
  z-index: 89;
  right: 80px;
  top: 30px; }
  #newsletter #subscribe {
    font-weight: bold;
    text-decoration: underline;
    color: #B1B91F; }
  #newsletter #news-form {
    display: block;
    position: absolute;
    z-index: 88;
    right: -80px;
    top: -30px;
    width: 324px;
    padding: 17px;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2;
    background-color: #ffffff; }
    #newsletter #news-form div.header {
      position: relative;
      margin: 0 0 0.5em 0 !important; }
      #newsletter #news-form div.header h2 {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        background: none !important;
        font-weight: bold;
        font-size: 1.2em;
        text-transform: uppercase;
        color: #B1B91F; }
      #newsletter #news-form div.header p {
        position: absolute;
        z-index: 87;
        top: 0;
        right: 0; }
        #newsletter #news-form div.header p a {
          display: block;
          width: 9px;
          height: 9px;
          background: url('../images/ic_close.gif') right top no-repeat; }
        #newsletter #news-form div.header p a:hover {
          width: auto;
          padding: 0 13px 0 0;
          text-decoration: none; }
          #newsletter #news-form div.header p a:hover span {
            display: inline;
            color: #666;
            font-weight: bold;
            font-size: 0.9em;
            text-transform: uppercase; }
    #newsletter #news-form div.form p {
      width: 158px;
      margin: 1.5em 0 0 0;
      font-size: 1.2em; }
      #newsletter #news-form div.form p label {
        display: block;
        margin: 0 0 0.25em 0;
        cursor: pointer; }
      #newsletter #news-form div.form p input {
        width: 150px;
        border: 1px solid #c0c0c0;
        padding: 2px 3px 3px 3px; }
      #newsletter #news-form div.form p input.send {
        background-color: #B1B91F;
        width: auto;
        border: none;
        padding: 0.25em 0.5em;
        color: #ffffff;
        font-weight: bold; }
      #newsletter #news-form div.form p input.send:hover {
        background-color: #bfc847;
        cursor: pointer; }
    #newsletter #news-form div.form p.left-aligned {
      float: left;
      clear: both; }
    #newsletter #news-form div.form p.right-aligned {
      float: right; }
    #newsletter #news-form div.form p.submit {
      padding: 1.25em 0 0 0; }
      #newsletter #news-form div.form p.submit a {
        color: #666; }
      #newsletter #news-form div.form p.submit span {
        font-size: 0.8em; }

body.team #menu li.team a {
  background-color: #717b19; }

body.team #wrapper.fr #logo, body.thanks #wrapper.fr #logo {
  background-image: url('../images/bg_team_fr.jpg'); }

body.team #wrapper.en #logo, body.thanks #wrapper.en #logo {
  background-image: url('../images/bg_team_en.jpg'); }

body.platform #menu li.platform a {
  background-color: #717b19; }

body.platform #wrapper.fr #logo {
  background-image: url('../images/bg_platform_fr.jpg'); }

body.platform #wrapper.en #logo {
  background-image: url('../images/bg_platform_en.jpg'); }

body.vision #menu li.vision a {
  background-color: #717b19; }

body.vision #wrapper.fr #logo {
  background-image: url('../images/bg_vision_fr.jpg'); }

body.vision #wrapper.en #logo {
  background-image: url('../images/bg_vision_en.jpg'); }

body.issues #menu li.issues a {
  background-color: #717b19; }

body.issues #wrapper.fr #logo {
  background-image: url('../images/bg_issues_fr.jpg'); }

body.issues #wrapper.en #logo {
  background-image: url('../images/bg_issues_en.jpg'); }

body.press #menu li.press a {
  background-color: #717b19; }

body.press #wrapper.fr #logo {
  background-image: url('../images/bg_press_fr.jpg'); }

body.press #wrapper.en #logo {
  background-image: url('../images/bg_press_en.jpg'); }

body.media #wrapper.fr #logo {
  background-image: url('../images/bg_media_fr.jpg'); }

body.media #wrapper.en #logo {
  background-image: url('../images/bg_media_en.jpg'); }

body.ctv #wrapper.fr #logo {
  background-image: url('../images/bg_ctv_fr.jpg'); }

body.ctv #wrapper.en #logo {
  background-image: url('../images/bg_ctv_en.jpg'); }

body.splash #splash {
  width: 766px;
  height: 665px;
  position: relative;
  padding: 80px 54px 0 80px;
  background: url('../images/im_splash.jpg') left bottom no-repeat; }
  body.splash #splash li {
    float: right; }
    body.splash #splash li p.invitation {
      margin: 1em 0 0 0;
      line-height: 1.2em;
      font-size: 0.9em; }
      body.splash #splash li p.invitation strong {
        font-weight: bold;
        color: #B1B91F; }
  body.splash #splash li.en {
    width: 229px;
    background: url('../images/tl_english.gif') left top no-repeat; }
    body.splash #splash li.en a {
      display: block;
      width: 203px;
      height: 18px;
      padding: 0 26px 0 0; }
    body.splash #splash li.en a:hover {
      background: url('../images/ic_arrow_green.gif') right center no-repeat; }
  body.splash #splash li.fr {
    width: 224px;
    margin: 0 44px 0 0;
    background: url('../images/tl_francais.gif') left top no-repeat; }
    body.splash #splash li.fr a {
      display: block;
      width: 198px;
      height: 18px;
      padding: 0 26px 0 0; }
    body.splash #splash li.fr a:hover {
      background: url('../images/ic_arrow_green.gif') right center no-repeat; }