body {
  background: #2A281B;
  color: #FAFCFB;
  font-size: 11px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0; }

a {
  color: #FAFCFB;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

a.polarize {
  text-decoration: underline; }
  a.polarize:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5, h6, ul, li, p, ol {
  margin: 0;
  padding: 0;
  font-weight: normal; }

fieldset, img {
  border: 0; }

ul {
  list-style: none; }

ul.affirm-list-style {
  list-style: square; }
  ul.affirm-list-style li {
    margin: 0 0 0 15px !important; }

.polaroid {
  border: 1px solid #eee;
  padding: 3px 3px 3px 3px !important; }


.clear {
  visibility: hidden;
  clear: both; }

.align-center {
  text-align: center; }

.relative {
  position: relative; }

:focus {
  -moz-outline-style: none; }

#loader {
  text-align: center; }


#page {
  text-align: left;
  width: 900px;
  padding: 0 0 30px 0;
  margin: 15px auto 0 auto; }
  #page #preserve-margin {
    margin: 0 50px;
    width: 830px; }

#header, #container, #footer {
  position: relative; }


h1 {
  background: url("/images/logo.jpg") no-repeat top left;
  text-indent: -9999px;
  width: 236px;
  height: 91px;
  margin: 0 0 0 15px;
  text-indent: -9999px; }
  h1 a {
    display: block;
    height: 100px;
    width: 235px; }
  h1 span {
    text-indent: -9999px;
    display: block; }

#demonstration {
  position: absolute;
  top: 15px;
  right: 0;
  background: url("/images/demonstration.jpg") no-repeat top left;
  width: 254px;
  height: 66px;
  text-align: right; }
  #demonstration h3 {
    font-size: 17px;
    margin: 15px 20px 0 0;
    text-transform: uppercase; }
  #demonstration p {
    margin: 0 18px 0 0; }
    #demonstration p a {
      color: #2A281B;
      font-size: 13px; }

#navigation {
  background: url("/images/navigation.jpg") no-repeat top left;
  height: 70px;
  padding: 7px 0 0 70px;
  margin: 15px 0 0 0; }
  #navigation li {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    font-size: 15px;
    color: #2A281B; }
    #navigation li span {
      font-weight: bold; }
    #navigation li span.home {
      background: url(/images/active-home.jpg) no-repeat top left;
      display: block;
      padding: 10px;
      margin-top: -9px; }
    #navigation li span.concept {
      background: url(/images/active-concept.jpg) no-repeat top left;
      display: block;
      padding: 10px;
      margin-top: -9px; }
    #navigation li span.clients {
      background: url(/images/active-clients.jpg) no-repeat top left;
      display: block;
      padding: 10px 15px 10px 13px;
      margin-top: -9px; }
    #navigation li span.help {
      background: url(/images/active-home.jpg) no-repeat top left;
      display: block;
      padding: 10px 20px 10px 18px;
      margin-top: -9px; }
    #navigation li span.faqs {
      background: url(/images/active-home.jpg) no-repeat top left;
      display: block;
      padding: 10px 20px 10px 18px;
      margin-top: -9px; }
    #navigation li span.prices {
      background: url(/images/active-home.jpg) no-repeat top left;
      display: block;
      padding: 10px 20px 10px 13px;
      margin-top: -9px; }
    #navigation li span.features {
      background: url(/images/active-features.gif) no-repeat top left;
      display: block;
      padding: 10px 20px 10px 13px;
      margin-top: -9px; }
    #navigation li a {
      color: #2A281B; }


#container {
  background: #fff;
  margin: -7px 0 0 1px;
  padding: 0;
  border-top: 1px solid #fff;
  color: #2A281B; }


#main {
  padding: 0 50px 10px 50px; }


#footer {
  background: url("/images/footer.jpg") no-repeat top left;
  height: 60px;
  padding: 40px 0 15px 0px;
  margin: -20px 0 0 1px;
  color: #666666;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif; }
  #footer a {
    color: #666666; }
    #footer a:hover {
      color: #fff; }
  #footer ul.sign {
    position: relative;
    margin: 50px 0 30px -50px;
    width: 465px;
    float: right; }
    #footer ul.sign li {
      float: left;
      margin: 0 5px 0 0;
      padding: 0 5px 0 0;
      border-right: 1px solid #666; }
      #footer ul.sign li.last {
        border: 0;
        padding-right: 70px;
        margin: 0 -15px 0 0; }
      #footer ul.sign li.lestudiovert a {
        display: block;
        position: absolute;
        top: -1px;
        right: 0px;
        background: url("/images/lestudiovert.jpg") no-repeat top left;
        text-indent: -9999px;
        height: 17px;
        width: 68px; }


#container h2 {
  font-size: 29px;
  color: #2A281B;
  margin-top: -20px; }
  #container h2 span {
    color: #91846F; }
#container h3 {
  color: #9DC314;
  font-size: 25px; }
  #container h3.section {
    background: url(/images/section.jpg) no-repeat top left;
    padding: 0 0 5px 30px;
    margin: 0 0 15px 0; }
#container h4 {
  color: #8B5D38;
  font-size: 18px;
  margin: 0 0 5px 0; }
#container p, #container ul li {
  font-size: 13px;
  margin: 0 0 5px 0; }
#container p {
  line-height: 19px; }
#container p.resume {
  font-size: 15px;
  color: #333333;
  margin: 15px 0 0 0; }
#container a {
  color: #2A281B; }


#steps {
  background: url("/images/steps.jpg") no-repeat top left;
  height: 191px;
  margin: 0 -50px 15px -50px; }
  #steps object {
    margin: -30px 0 0 0; }
  #steps ol {
    list-style: none;
    padding: 0 0 0 120px;
    margin: 20px 0 0 0; }
    #steps ol li {
      float: left;
      margin: 0 40px 0 0;
      text-indent: -9999px;
      padding-top: 10px; }
      #steps ol li.creation a {
        display: block;
        background: url("/images/creation.jpg") no-repeat top left;
        width: 140px;
        height: 139px; }
      #steps ol li.publication a {
        display: block;
        background: url("/images/publication.jpg") no-repeat top left;
        width: 165px;
        height: 139px; }
      #steps ol li.actualisation a {
        display: block;
        background: url("/images/actualisation.jpg") no-repeat top left;
        width: 192px;
        height: 139px; }


ol.creation {
  background: url(/images/active-creation.jpg) no-repeat top left; }

ol.publication {
  background: url(/images/active-publication.jpg) no-repeat top left; }

ol.actualisation {
  background: url(/images/active-actualisation.jpg) no-repeat top left; }

.steps {
  list-style: none;
  margin: 15px 0 30px 0;
  padding: 0 0 5px 0;
  height: 84px; }
  .steps li.creation, .steps li.publication, .steps li.actualisation {
    float: left; }
  .steps li.inactive h3 {
    color: #B5B5B5 !important; }
  .steps li.inactive.inactive a {
    color: #B5B5B5 !important; }
  .steps li.inactive.inactive a:hover {
    color: #373528 !important; }
  .steps li h3 {
    color: #373528 !important;
    font-size: 18px !important;
    padding-top: 10px !important; }
  .steps li ul li {
    line-height: 13px; }
    .steps li ul li a {
      color: #373528;
      font-size: 11px !important; }
  .steps li.creation {
    padding: 0 0 0 80px; }
  .steps li.publication {
    padding: 0 0 0 100px; }
  .steps li.actualisation {
    padding: 0 0 0 120px; }
    .steps li.actualisation li.animate-space-communication {
      width: 120px; }


#packs {
  margin: 15px 0 0 0;
  position: relative; }
  #packs p {
    width: 280px;
    line-height: 23px; }
  #packs small.conditions {
    position: absolute;
    bottom: -70px;
    z-index: 10px;
    right: 0px;
    color: #5D5D5B;
    font-size: 11px; }
  #packs ul {
    float: right;
    margin: -150px -40px 0 0; }
    #packs ul li {
      text-indent: -9999px;
      float: left;
      margin-right: 20px;
      background: url("/images/pack-separator.jpg") no-repeat top right;
      width: 140px; }
      #packs ul li.last {
        background: none; }
      #packs ul li.solo a {
        display: block;
        background: url("/images/solo.jpg") no-repeat top left;
        width: 121px;
        height: 170px; }
        #packs ul li.solo a:hover {
          background: url("/images/solo-over.jpg") no-repeat top left; }
      #packs ul li.duo a {
        display: block;
        background: url("/images/duo.jpg") no-repeat top left;
        width: 124px;
        height: 170px; }
        #packs ul li.duo a:hover {
          background: url("/images/duo-over.jpg") no-repeat top left; }
      #packs ul li.zen a {
        display: block;
        background: url("/images/zen.jpg") no-repeat top left;
        width: 124px;
        height: 175px; }
        #packs ul li.zen a:hover {
          background: url("/images/zen-over.jpg") no-repeat top left; }
  #packs p.create-account {
    position: absolute;
    bottom: -87px;
    z-index: 1;
    left: 0;
    background: url(/images/create-account.jpg) no-repeat top left;
    height: 46px;
    width: 264px;
    padding: 15px 0 0 45px; }
    #packs p.create-account a {
      color: #fff;
      font-size: 23px; }

#clients {
  font-family: "Trebuchet MS";
  margin: 70px 0 0 0; }
  #clients h3 {
    color: #A9D31B;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px; }
  #clients #tour-navigation {
    position: relative;
    margin-top: 5px; }
    #clients #tour-navigation h4 a {
      font-size: 13px;
      color: #fff;
      margin: 5px 0 0 0; }
    #clients #tour-navigation p.resume {
      margin: 5px 0 0 0;
      color: #8B8B84;
      text-align: justify; }
    #clients #tour-navigation .scroll-left {
      display: block;
      position: absolute;
      top: 50px;
      left: -40px;
      background: url(/images/scroll-left.jpg) no-repeat top left;
      text-indent: -9999px;
      height: 24px;
      width: 24px; }
    #clients #tour-navigation .scroll-right {
      display: block;
      position: absolute;
      top: 50px;
      right: -35px;
      background: url(/images/scroll-right.jpg) no-repeat top left;
      text-indent: -9999px;
      height: 24px;
      width: 24px; }
  #clients #slider {
    margin-left: 0px;
    padding: 2px 0; }
    #clients #slider h4 {
      color: #fff;
      font-size: 13px; }
    #clients #slider .scroller {
      width: 830px;
      height: 250px;
      padding: 0;
      overflow: hidden;
      position: relative; }
      #clients #slider .scroller .content {
        width: 10000px !important; }
        #clients #slider .scroller .content .section {
          height: 250px;
          padding: 0;
          overflow: hidden;
          float: left;
          margin: 0; }
    #clients #slider .scroller .section {
      margin: 0;
      padding: 0; }
      #clients #slider .scroller .section .client {
        float: left;
        margin: 0px 21px 0px 0;
        width: 260px; }
        #clients #slider .scroller .section .client p.resume {
          text-align: left !important; }
        #clients #slider .scroller .section .client img {
          border: 1px solid #eee; }


#create-account *, #add-content * {
  padding-left: 315px; }
#create-account ul li, #add-content ul li {
  padding-left: 5px !important;
  margin-left: 15px !important;
  list-style-type: square; }
#create-account a, #create-account acronym, #add-content a, #add-content acronym {
  padding-left: 0px; }
#create-account img, #add-content img {
  padding-left: 0;
  float: left; }

#add-content {
  margin-top: 30px; }


.video-link {
  background: url(/images/video-link.gif) no-repeat top left;
  display: none;
  padding: 5px 0 5px 25px !important;
  color: #FA5812 !important;
  font-size: 13px;
  border: 1px solid #fc0; }


#clients {
  margin-top: 15px; }
  #clients #samples {
    padding: 5px 0px 0 10px !important;
    margin-right: 5px; }
  #clients ul.samples {
    width: 550px;
    float: left; }
    #clients ul.samples li {
      float: left;
      width: 260px;
      margin-right: 15px; }
      #clients ul.samples li h4 a {
        font-size: 13px;
        color: #2A281B;
        margin: 5px 0 0 0; }
      #clients ul.samples li p.resume {
        margin: 5px 0 0 0;
        color: #8B8B84;
        text-align: justify;
        font-size: 11px; }
  #clients #categories {
    padding-left: 560px; }
    #clients #categories a {
      color: #FA5812;
      font-size: 13px;
      text-decoration: underline; }
      #clients #categories a:hover {
        text-decoration: none; }

.box {
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 30px; }

#about .box {
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: 0px; }

#helps {
  margin-top: 30px; }
  #helps h4 {
    font-size: 12px !important; }
  #helps #question fieldset {
    background: #EFEFEF;
    width: 550px;
    padding: 15px 45px; }
    #helps #question fieldset label {
      display: block;
      color: #626262;
      font-size: 13px; }
    #helps #question fieldset input, #helps #question fieldset textarea {
      border: 1px solid #ccc;
      font-size: 12px;
      padding: 5px; }
  #helps #question p.submit {
    text-align: right;
    margin: 15px 0 0 0; }
    #helps #question p.submit input {
      border: 0;
      background: url(/images/submit.jpg) no-repeat top left;
      color: #fff;
      width: 216px;
      height: 37px;
      font-size: 16px;
      padding-left: 30px; }

.icon {
  float: left; }

p.legend {
  font-size: 13px;
  padding: 40px 15px 15px 15px;
  display: block; }

.on-homepage {
  margin-top: 60px !important; }


#signup {
  padding-left: 20px; }
  #signup .error-highlight {
    border: 1px solid #FF0000;
    color: #FF0000; }
  #signup fieldset label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 25px 0 5px 0 !important; }
  #signup fieldset input {
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px;
    font-size: 15px; }
    #signup fieldset input:hover {
      border: 1px solid #eee;
      background: #666;
      color: #fff; }
  #signup fieldset .highlight {
    position: relative; }
  #signup fieldset .error {
    position: absolute;
    top: 30px;
    left: 0; }
  #signup fieldset.first-part {
    float: left;
    width: 250px; }
  #signup fieldset.second-part {
    margin-left: 30px; }
  #signup p.submit {
    text-align: right;
    margin: 15px 0 0 0; }
    #signup p.submit input {
      border: 0;
      background: url(/images/submit.jpg) no-repeat top left;
      color: #fff;
      width: 216px;
      height: 37px;
      font-size: 15px;
      padding-left: 30px; }

#faqs p.resume {
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 5px; }
#faqs a {
  text-decoration: underline; }
#faqs h3 {
  margin: 30px 0 0 0; }
#faqs h4 {
  margin: 15px 0 0 0; }
#faqs p.sub-section {
  margin: 15px 0 0 0;
  padding: 0 0 0 0;
  border-bottom: 1px dotted #ccc; }

.categories li {
  margin-bottom: 25px; }
  .categories li a {
    background: url(/images/category-over.jpg) no-repeat top left;
    padding: 5px 0 10px 30px;
    display: block;
    color: #A9D31B !important; }
  .categories li span {
    color: #ccc;
    background: url(/images/category.jpg) no-repeat top left;
    padding: 5px 0 10px 30px;
    margin-left: 0px;
    display: block; }

table#prices {
  border: 1px solid #eee; }
  table#prices td, table#prices h3, table#prices p {
    font-size: 13px; }
  table#prices tr.take-in-your-hand td {
    vertical-align: top; }
    table#prices tr.take-in-your-hand td h3 {
      border-bottom: 1px solid #ccc;
      margin-bottom: 5px; }
    table#prices tr.take-in-your-hand td ul {
      margin-left: 15px;
      list-style: square; }
      table#prices tr.take-in-your-hand td ul li {
        font-size: 11px;
        text-align: left; }
  table#prices thead tr {
    background: #fff;
    color: #fff; }
    table#prices thead tr td {
      position: relative;
      text-align: center; }
      table#prices thead tr td .active-choice {
        position: relative;
        width: 128px;
        margin: 0 auto; }
        table#prices thead tr td .active-choice span {
          display: block;
          position: absolute;
          top: 0;
          left: 40px; }
  table#prices tbody tr.odd {
    background: #eee; }
  table#prices tr td {
    text-align: center;
    padding: 5px; }
    table#prices tr td.label {
      text-align: left; }
    table#prices tr td strong {
      font-size: 13px; }

.first ul li, .second ul li, .third ul li {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px; }

.first, .second {
  border-right: 1px solid #eee;
  padding-right: 10px; }

.first {
  margin-left: 0 !important; }

.first, .second, .third {
  width: 220px;
  margin-top: 15px;
  float: left;
  margin-left: 15px; }
  .first a,   .second a,   .third a {
    text-decoration: none !important; }
  .first p.title,   .second p.title,   .third p.title {
    background: #eee;
    color: #333;
    padding: 3px; }
  .first ul li,   .second ul li,   .third ul li {
    margin-left: 3px !important; }
    .first ul li a:hover,     .second ul li a:hover,     .third ul li a:hover {
      background: #eee; }
  .first ul li a,   .second ul li a,   .third ul li a {
    font-size: 11px; }

#more-options p.conditions {
  margin: 0 0 0 0;
  padding: 0 0 0 0; }
#more-options h3 {
  margin: 30px 0 15px 0; }
#more-options h4 {
  margin: 20px 0 5px 0; }

td.solo strong, td.solo h3 {
  color: #99C00D !important;
  font-size: 24px !important; }

td.duo strong, td.duo h3 {
  color: #E79D48 !important;
  font-size: 24px !important; }

td.zen strong, td.zen h3 {
  color: #8CCAB5 !important;
  font-size: 24px !important; }

td.abonnement strong {
  font-size: 18px !important; }

p.create-account {
  position: absolute;
  bottom: 33px;
  z-index: 1;
  left: 30px;
  background: url(/images/create-account.jpg) no-repeat top left;
  height: 46px;
  width: 264px;
  padding: 10px 0 0 15px;
  text-align: center; }
  p.create-account a, p.create-account span {
    color: #fff !important;
    font-size: 22px; }
    p.create-account a small,     p.create-account span small {
      display: block;
      font-size: 12px; }

#legacy h3.section, #features h3.section {
  margin: 15px 0 0 0 !important; }

#features p {
  margin-left: 15px; }

p.top-of-page {
  text-align: right;
  font-size: 11px !important; }

.informations {
  margin-left: 30px !important;
  font-style: italic;
  font-family: Times,Georgia,"Times New Roman",serif !important;
  font-size: 16px !important; }

/* flash notice */
#flash-notice, #flash-error {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
  color: #fff;
  z-index: 500; }

#flash-notice {
  background: #66CC00; }

/* flash error */
#flash-error {
  background: #FF0000; }

.fieldWithErrors input {
  border: 1px solid #ff0000 !important; }

.formError {
  color: #ff0000;
  font-size: 12px !important; }

.new-site div {
  float: left; }
  .new-site div.http {
    margin-right: 5px; }
  .new-site div.boonzai {
    margin-left: 5px; }
  .new-site div.http, .new-site div.boonzai {
    padding-top: 8px;
    font-size: 14px;
    font-weight: bold; }

#site_subdomain_block {
  margin-left: 50px !important; }