/***************************** Introduction ************************************
Author: Staff Ingenium

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

tags are ordered in alphabetical order except when it's required for the cascade
to be effective. This styles are commented and placed just before the style that
need to be changed

=-=-=-=-=-=-=-=-=-=-=-=-=-=- Table of contents -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

* Global reset, based on Eric Meyer
  (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)

* Global Layout (using Ryan Fait Sticky Footer
  (http://ryanfait.com/)

* Useful Classes (classes that apply very often and in almost every layout)

* Specific Classes (our own classes, required to create our own look)

* Specific Ids (our own ids, required to create our own look)

/************************* End of Introduction ********************************/

/******************************** Global Reset ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

address {
  white-space: pre ;
}

body {
  color: #000000;
  background: #FFFFFF url('../images/background2.png') no-repeat ;
  font-family: Arial, sans-serif ;
  font-size: 0.9em ;
  height: 100%;
  line-height: 1.5em;
}

em {
  font-style: italic ;
}

hr {
  background: none ;
  border: none ;
  border-bottom: 1px solid silver ;
}

html {
  height: 100%;
}


input, select, textarea {
  /*border: 1px inset #DEDEDE ;*/
  font-family: arial, sans-serif ;
  font-size: 1em ;
  line-height: 1em;
  margin: 0;
  padding:2px ;
}

textarea {
  margin-bottom: 2px ;
}

/*input[type="file"] {
  width: 80px;
}*/

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

strong {
  color: #003555 ;
  font-weight: bold ;
}

/******************************** Global Layout *******************************/
.violet {
  color: #662D91 ;
}

.blue {
  color: #003555 ;
}

.grey {
  color: #808080 ;
}

.about-us, .expert {
  float: left;
  padding: 0 4px ;
  width: 62% ;
}

  .expert div {
    padding: 4px 8px ;
  }

/* Content */
.content {
  padding: 8px 8px 72px 8px ;
}

  .content#home {
    background: url('../images/background_what_new.png') 10px 50px no-repeat ;
    margin: -3px 0 -96px -154px ;
    width: 718px ;
  }

  .content br {
    display: none ;
  }

  .content span.dates {
    color: #009AE3 ;
    display: block ;
    font-size: 1.2em ;
    padding: 4px 0 0 0;
  }

  .content form {

  }

    .content form ul li {
      list-style-type: none ;
    }

      .content form ul li label {
        display: block
      }

      .content form input[type="text"] {
        width: 80%
      }

        .content form#booking {
          width: 75% ;
        }

          .content form#booking label[for="booking_accept_sales_conditions"] {
            float: left ;
            padding: 0 8px 0 0 ;
          }

        .content form textarea#contact_message {
          height: 100px ;
          width: 80%
        }

  .content h1 {
    color: #003555 ;
    font-family: Arial, sans-serif ;
    font-size: 2.1em ;
    font-weight: bold ;
    line-height: 1.5em;
    padding: 4px 0 ;
  }

  .content h2, .mceContentBody h2 {
    color: #003555 ;
    font-family: verdana /*Arial*/, sans-serif ;
    font-size: 1.8em;
    font-weight: bold ;
    line-height: 1.0em;
    padding: 2px 0 ;
  }

    .content h2.booking.fr {
      background: url('../images/booking_fr.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.booking.en {
      background: url('../images/booking_en.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.contact.fr {
      background: url('../images/contact_fr.png') no-repeat ;
      padding: 5px 0 20px 40px ;
      text-indent: -9999px ;
    }

    .content h2.contact.en {
      background: url('../images/contact_en.png') no-repeat ;
      padding: 5px 0 20px 40px ;
      text-indent: -9999px ;
    }

    .content h2.creadeauville.fr {
      background: url('../images/creadeauville.png') no-repeat ;
      padding: 65px 0 20px 0px ;
    }

    .content h2.creadeauville.en {
      background: url('../images/creadeauville.png') no-repeat ;
      padding: 65px 0 20px 0px ;
    }
    
    .content h2.creaexpert.fr {
      background: url('../images/creaexpert.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.creaexpert.en {
      background: url('../images/creaexpert.png')  -5px 0 no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.creaforum.fr {
      background: url('../images/creaforum.png') no-repeat ;
      padding: 125px 0 20px 0px ;
    }

    .content h2.creaforum.en {
      background: url('../images/creaforum.png') no-repeat ;
      padding: 125px 0 20px 0px ;
    }

    .content h2.crealetter.en {
      background: url('../images/news_en.png') no-repeat ;
      padding: 65px 0 20px 0px ;
    }

    .content h2.crealetter.fr {
      background: url('../images/news_fr.png') no-repeat ;
      padding: 65px 0 20px 0px ;
    }

    .content h2.creameeting.fr {
      background: url('../images/creameeting.png') no-repeat ;
      padding: 85px 0 20px 0px ;
    }

    .content h2.creameeting.en {
      background: url('../images/creameeting.png') no-repeat ;
      padding: 85px 0 20px 0px ;
    }
    
    .content h2.creaworkshop.fr {
      background: url('../images/createlier.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.creaworkshop.en {
      background: url('../images/createlier.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.events.fr {
      background: url('../images/events_fr.png') no-repeat ;
      padding: 5px 0 20px 40px ;
      text-indent: -9999px ;
    }

    .content h2.events.en {
      background: url('../images/events_en.png') no-repeat ;
      padding: 5px 0 20px 40px ;
      text-indent: -9999px ;
    }

    .content h2.meeting.fr {
      background: url('../images/conference_fr.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.meeting.en {
      background: url('../images/conference_en.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.whats_new.fr {
      background: url('../images/whats_new_fr.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.whats_new.en {
      background: url('../images/whats_new_en.png') no-repeat ;
      padding: 55px 0 20px 0px ;
    }

    .content h2.view.fr {
      padding: 55px 0 20px 0 ;
    }

    .content h2.view.en {
      padding: 55px 0 20px 0 ;
    }

  .content h3, .mceContentBody h3 {
    color: #808080 ;
    font-family: Arial, sans-serif  ;
    font-size: 1.6em;
    font-weight: bold ;
    line-height: 1.2em ;
    padding: 8px 0 4px 0 ;
  }

  .content h4, .mceContentBody h4 {
    color: #009AE3 ;
    border-bottom: 4px solid #C6C6C6 ;
    font-family: Arial, sans-serif ;
    font-size: 1.4em;
    line-height: 1.4em ;
    margin: 0 0 4px 0 ;
    padding: 8px 0 2px 0 ;
  }

  .content h5, .mceContentBody h5 {
    color: #662D91 ;
    font-family: Arial, sans-serif ;
    font-size: 1.1em;
    line-height: 1.1em ;
    padding: 4px 0 0px 0 ;
  }

  .content h6, .mceContentBody h6 {
    color: #808080 ;
    font-family: Arial, sans-serif ;
    font-size: .95em;
    line-height: 1.1em ;
    padding: 2px 0 0 0 ;
    font-style: italic ;
  }

  .content img.expert_picture {
    float: right;
    margin: 0 0 5px 5px;
  }

  .content p, .mceContentBody p {
    margin: 8px 0 0 0 ;
  }

  .content p + p, .mceContentBody p + p {
    margin: 16px 0 0 0 ;
  }

  .content ul.pager li {
    padding: 0 0 32px 0 ;
  }

  .content .footer-block p + p,
  .content .gutter-block p + p,
  .content .main-block p + p,
  .content .secondary-block p + p {
    margin: 2px 0px !important ;
  }

  .content .footer-blocks {
    display: inline-block ;
    width: 100%;
  }

  .content .gutter-blocks {
    border-left: 2px dotted #C6C6C6;
    display: inline-block ;
    float: right ;
    padding: 0 5px ;
    width: 190px ;
  }

  .content .gutter-blocks .gutter-block {
    margin: 0 0 10px 0 ;
  }

    .content .gutter-blocks h4 {
      border-bottom: 2px solid #C6C6C6 ;
    }

    .content .gutter-blocks p, .content .gutter-blocks address,
      .content .gutter-blocks a.link-more {
      font-size: .8em ;
      line-height: 1.1em ;
    }


  .content .main-blocks {
    /*border-bottom: 2px dashed #009AE3;*/
    margin: 0 208px 0 0 ;
  }

  .content .main-block {
    background: url('../images/background_whats_new.png') bottom repeat-x;
    padding: 8px ;
    margin: 0 0 12px 0 ;
  }

  .content .secondary-blocks {
    margin: 0 204px 0 0 ;
    min-height: 150px;
    width: 514px ;
  }

  .content .secondary-block {
    display: -moz-inline-stack; /* FF2 */
    display: inline-block;
    /*min-height: 250px;*/
    padding: 5px ;
    vertical-align: top;
    width: 150px ;
    zoom: 1;                    /* IE7 */
    *display: inline;           /* IE7 */
  }

  .content .left-column {
    float: left;
    padding: 5px ;
    width: 250px ;
  }

  .content .right-column {
    float: right;
    padding: 5px ;
    width: 250px ;
  }

  .content-navigation ul {
    border-bottom: 8px solid #003555 ;
    display: block ;
    height: 29px ;
    padding: 4px 0 ;
    width: 100% ;
  }

    .content-navigation ul li {
      background: #003555 ;
      border: 1px solid #003555 ;
      border-bottom: 8px ;
      color: #FFFFFF ;
      display: block ;
      float: left ;
      height: 24px ;
      -webkit-border-top-right-radius: 16px ;
      -webkit-border-top-left-radius: 16px ;
      -moz-border-radius-topright: 16px ;
      -moz-border-radius-topleft: 16px ;
      left: -6px ;
      padding: 4px 8px 4px 0 ;
      position: relative;
      text-align: center ;
      width: 100px ;
    }

      .content-navigation ul li.active {
        background: #FFFFFF ;
        border-bottom: 8px solid #FFFFFF ;
      }

        .content-navigation ul li a {
          color: #FFFFFF !important ;
        }

          .content-navigation ul li.active a {
            color: #003555 !important ;
          }

    .content .conference h3 {
        color: #003555 ;
        font-size: 1.2em;
        padding: 1px 0 ;
      }

    .content .conference p.speaker {
      color: #009AE3 ;
      font-size: 1.4em;
    }

    .content .conference p.speaker img {
      margin: 0 8px 0 0 ;
    }

    .content .conference div.details {
      margin: 0 0 0 42px ;
      min-height: 200px ;
    }

    .content .conference div.speaker-text {
      margin: 4px 0 0 104px;
    }

    .content hr.clear {
      display: none ;
    }

    .content .conference span.hour {
      float: left ;
    }

  .content .event-partners ul {
    left: 882px ;
    position: absolute;
    top: 225px ;
  }

    .content .event-partners ul li {
      background: #FFFFFF ;
      border: 1px solid #003555 ;
      border-left: none ;
      display: block ;
      margin: 4px ;
      padding: 4px ;
      -webkit-border-top-right-radius: 8px ;
      -webkit-border-bottom-right-radius: 8px ;
      -moz-border-radius-topright: 8px ;
      -moz-border-radius-bottomright: 8px ;
    }

  .content-tools {
    float: right ;
    height: 56px ;
    width: 100% ;
  }

    .content-tools ul li  {
      float: right ;
      margin: 4px ;
    }

      .content-tools ul li a {
        display: block ;
        height: 48px ;
        float: left ;
        text-indent: -9999px ;
        width: 48px ;
      }

      .content-tools ul li.en a#booking {
        background: url('../images/ico_booking_en.png') no-repeat ;
        width: 88px ;
      }

      .content-tools ul li.en a#print {
        background: url('../images/ico_print_en.png') no-repeat ;
      }

      .content-tools ul li.en a#send-to-a-friend {
        background: url('../images/ico_mail_en.png') no-repeat ;
      }

      .content-tools ul li.fr a#booking {
        background: url('../images/ico_booking_fr.png') no-repeat ;
        width: 88px ;
      }

      .content-tools ul li.fr a#print {
        background: url('../images/ico_print_fr.png') no-repeat ;
      }

      .content-tools ul li.fr a#send-to-a-friend {
        background: url('../images/ico_mail_fr.png') no-repeat ;
      }

.float-left {
  float: left ;
}

.informations {
  float: right;
  margin: 44px 0 0 0 ;
  width : 200px ;
}

  .informations dt {
    font-weight: bold ;
  }

  .informations h5 {
    color: #009AE3 ;
    font-family: Arial, sans-serif ;
    font-size: 1.2em;
    text-align: left ;
    padding: 8px 0 4px 0 ;
  }

  .informations strong {
    color: #009AE3 ;
    display: block ;
    font-weight: bold ;
    padding: 8px 0 0 0 ;
  }


/* Menus */
.menu-bottom ul {
  margin: auto ;
  width: 400px ;
}

  .menu-bottom ul li {
    float: left ;
    padding: 8px ;
  }

  .menu-bottom a:link, .menu-bottom a:visited {
    color: #FFFFFF ;
    text-decoration: none ;
  }

    .menu-bottom a:active, .menu-bottom a:focus, .menu-bottom a:hover {
      color: #009AE3 ;
      text-decoration: none ;
    }


.menu-side-1 {
  background: #003555 ;
  -webkit-border-top-right-radius: 16px ;
  -webkit-border-bottom-right-radius: 16px ;
  -moz-border-radius-topright: 16px ;
  -moz-border-radius-bottomright: 16px ;
  color: #FFFFFF ;
  font-size: .8em ;
  margin: 0 0 16px 0 ;
}

  .menu-side-1 a:link, .menu-side-1 a:visited {
    color: #FFFFFF ;
    text-decoration: none ;
  }

    .menu-side-1 a:active, .menu-side-1 a:focus, .menu-side-1 a:hover {
      color: #009AE3 ;
      text-decoration: none ;
    }

    .menu-side-1 ul {
      list-style-type: none ;
      padding: 16px 0 ;
    }

    .menu-side-1 ul li {
      border-top: 1px dashed #FFFFFF ;
      font-size: 1.2em;
      list-style-type: none ;
      padding: 4px 8px ;
    }

      .menu-side-1 ul li.active {
        background: #FFFFFF ;
        border-top: 1px dashed #FFFFFF ;
        font-size: 1.2em;
        list-style-type: none ;
        padding: 4px 8px ;
      }

        .menu-side-1 ul li.active a {
          background: #FFFFFF ;
        }

      .menu-side-1 ul li.active a:link, .menu-side-1 ul li.active a:visited {
        color: #003555 ;
        text-decoration: none ;
      }

        .menu-side-1 ul li.active a:active, .menu-side-1 ul li.active a:focus,
          .menu-side-1 a:hover {
          color: #009AE3 ;
          text-decoration: none ;
        }

    .menu-side-1 ul ul {
      display: none ;
      padding: 0 ;
    }

  .menu-side-1 ul li#rss-feed, .menu-side-1 ul li#flux-rss {
    background: url('../images/rss.png') no-repeat center ;
  }

.menu-side-2 ul {
  margin: 30px 0 0 0 ;
  width: 158px;
}

  .menu-side-2 ul {
    background: #DEDEDE ;
  }

    .menu-side-2 ul li {
      border-bottom: 2px solid #003555 ;
      padding: 4px ;
    }

        .menu-side-2 ul li.active  {
          background: white ;
        }

      .menu-side-2 ul li a {
        line-height: 1.1em ;
      }

        .menu-side-2 ul li a:link, .menu-side-2 ul li a:visited {
          color: #00283A ;
          text-decoration: none ;
        }

    .menu-side-2 span.dates {
      display: block ;
      font-size: 0.9em ;
    }

.menu-top {
  /*float: left ;
  padding: 8px ;*/
  position: absolute;
  left: 0px ;
}

/* Page layout */
.page-body {
}
.page-content {
  margin: 0 0 0 322px ;
  min-height: 650px ;
  width: 565px;
}

  .page-content#events {
    background: url('../images/lines.png') repeat-y ;
  }

    .page-content .content {
      padding: 0 10px ;
    }

  .page-content a:link, .page-content a:visited {
    color: #009AE3 ;
    text-decoration: none ;
  }

  .page-content a:active, .page-content a:focus, .page-content a:hover {
    color: #C3C3C3 ;
    text-decoration: underline ;
  }

  .page-content form ul li {
    list-style-type: none ;
  }

    .page-content form ul.error_list  {
      margin: 6px 0 0 0 ;
    }

      .page-content form ul.error_list li {
        list-style-type: square !important ;
        margin: 0 0 0 26px ;
        color: red ;
      }

        .page-content form .form-buttons {
          border-top: 1px solid #009AE3 ;
          width: 81% ;
        }

          .page-content form .form-buttons ul {
            float: right ;
          }

            .page-content form .form-buttons ul li {
              float: left ;
              list-style-type: none ;
              padding: 4px ;
            }

               .page-content form .form-buttons ul li input {
                  background: #003555 ;
                  border: 1px solid #112D47;
                  color: #FFFFFF ;
                  min-width: 100px;
                  padding: 4px 16px 4px 16px ;
                  text-align: center ;
                  -webkit-border-bottom-left-radius: 16px ;
                  -webkit-border-bottom-right-radius: 16px ;
                  -webkit-border-top-left-radius: 16px ;
                  -webkit-border-top-right-radius: 16px ;
                  -moz-border-radius: 16px ;
                }

  .page-content .msg_ok {
    background: green;
    color: #FFFFFF ;
    margin: 8px 4px ;
    padding: 4px ;
  }

.page-footer {
  background: #C3C3C3 ;
  color: #666666 ;
  height: 88px;
  padding: 4px ;
}

.page-header {
  background:#FFFFFF url('../images/background2.png') no-repeat ;
  height: 180px ;
  padding: 0 100px 0 0 ;
}

  .page-header h1 {
    background: url('../images/logo.png') no-repeat ;
    display: block ;
    float: left ;
    height: 174px ;
    text-indent: -9999px;
    width: 292px ;
  }

  .page-header .menu-top {
    height: 60px ;
    /*right: 4px ;*/
    width: 885px;
  }

  .page-header .current-partners {
    background: #FFFFFF ;
    border: 1px #003555 solid ;
    -webkit-border-bottom-left-radius: 16px ;
    -webkit-border-bottom-right-radius: 16px ;
    -moz-border-radius-bottomleft: 16px ;
    -moz-border-radius-bottomright: 16px ;
    border-radius: 16px ;
    border-top: none ;
    float: right ;
    padding: 4px ;
  }

    .page-header .current-partners div, .page-header .current-partners ul {
      clear: both ;
      margin: auto ;
      text-align: center;
    }

    .page-header .current-partners li {
      float: left ;
    }

.page-side1 {
  float: left ;
  padding: 8px 0  ;
  width: 164px ;
}

    .page-side1 .permanent-partners ul {
      background: #FFFFFF ;
      border: 1px #003555 solid ;
      border-left: none ;
      -webkit-border-top-right-radius: 16px ;
      -webkit-border-bottom-right-radius: 16px ;
      -moz-border-radius-bottomright: 16px ;
      -moz-border-radius-topright: 16px ;
      padding: 16px 24px ;
    }

      .page-side1 .permanent-partners li#deauville a {
        background: url('../images/logo_deauville.png') no-repeat;
        display: block ;
        height:  124px ;
        text-indent: -9999px ;
        width: 96px ;
      }

      .page-side1 .permanent-partners li#ingenium a {
        background: url('../images/logo_ingenium.png') no-repeat;
        display: block ;
        height:  64px ;
        text-indent: -9999px ;
        width: 96px ;
      }

.page-side2 {
  float: left ;
  padding: 8px 0 ;
  width: 164px ;
}

.page-wrapper {
  /*background: url('../images/lines.png') repeat-y ;*/
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -96px; /* the bottom margin is the negative value of the footer's height */
}

  .page-wrapper#home {
    background: none ;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -96px; /* the bottom margin is the negative value of the footer's height */
  }

  .page-wrapper .push {
    height: 96px; /* .push must be the same height as .footer */
  }

.separator {
  border:none ;
  border-top: 2px solid #009AE3 ;
  clear: both ;
}