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

body {
  color: #000000;
  background: #FFFFFF ;
  font-family: Arial, sans-serif ;
  font-size: 0.9em ;
  height: 100%;
  line-height: 1.5em;
}

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


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

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

  .content form {

  }

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

      .content form ul li label {
        display: block
      }

      .content form input {
        width: 80%
      }

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

  .content h2 {
    color: #999999 ; ;
    font-family: Arial, sans-serif ;
    font-size: 2.0em;
    padding: 16px 0 ;
  }

    .content h2:first-letter {
      color: #666666 ;
    }


  .content h3 {
    color: #999999 ; ;
    font-family: Arial, sans-serif ;
    font-size: 1.6em;
    padding: 8px 0 4px 0 ;
  }

    .content h3:first-letter {
      color: #666666 ;
    }

  .content .description {
    padding: 8px 16px ;
  }

    .content .description p {
      padding: 0 0 8px 0 ;
    }

    .content .conference {
      min-height: 200px ;
      padding: 0 0 36px 0
    }

    .content .conference .hour {
      float: left ;
      padding: 9px 0 0 0 ;
    }

    .content .conference .author {
      margin-left: 50px ;
    }

      .content .conference .author h3 {
        font-size: 1.2em;
      }

        .content .conference .author h3:first-letter {
          color: #999999 ; ;
        }

      .content .conference .speaker {
        color: #666666 ;
        font-size: 1.4em;
        margin: 8px 0 ;
      }

  .content .event-partners ul {
    float: right ;
  }

    .content .event-partners ul li {
      border: 1px solid #C6C6C6 ;
      display: block ;
      float: left ;
      height: 48px ;
      margin: 4px ;
      padding: 4px ;
      width: 48px ;
    }

  .content .news ul li {
    display: block ;
    padding: 4px 8px 2px 8px ;
  }

    .content .news .dates {
      display: inline ;
      float: right ;
      padding: 0 ;
    }

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

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

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

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

  .informations dt {
    font-weight: bold ;
  }

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

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

.menu-side-2 {
  display: none ;
}

.news {
  float: right;
  width: 30% ;
  padding: 0 4px ;
}

/* Page layout */
.page-body {
}
.page-content {
}

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

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

        .page-content form .form-buttons {
          display: none ;
        }


.page-footer {
  display: none ;
}

.page-header {

}

  .page-header h1 {
    background: none ;
    font-size: 2em ;
    font-weight: bold ;
  }

  .page-header .menu-top {
    display: none ;
  }

.page-side1 {
  display: none ;
}