body {
  background: #FFF;
  color: #444;
  font-family: 'Open sans', Helvetica, sans-serif;
  font-size: 0.9em;
  letter-spacing: 1px; }

#homepage {
  font-family: 'Abel', Helvetica, sans-serif;
  background: #000;
  color: #FFF;
  text-align: center; }
  #homepage section {
    margin-top: 7%; }
  #homepage #home-logo {
    margin-top: 60px;
    width: 264px;
    height: 248px;
    display: inline-block; }
  #homepage #home-contact {
    margin-top: 20px;
    line-height: 24px;
    font-size: 13px; }
    #homepage #home-contact ul {
      list-style: none;
      margin: 0;
      padding: 0; }
  #homepage #login-form {
    margin-top: 140px;
    width: 40%;
    min-width: 250px;
    display: inline-block; }
    #homepage #login-form h2 {
      font-family: "Abel", Helvetica, sans-serif;
      text-transform: uppercase;
      text-align: left;
      font-weight: 300;
      font-size: 20px; }
    #homepage #login-form .field-group {
      width: 100%;
      text-align: left;
      margin-bottom: 30px; }
      #homepage #login-form .field-group label {
        font-size: 14px;
        font-weight: 300;
        display: block;
        margin: 4px 0; }
      #homepage #login-form .field-group input {
        width: 95%;
        padding: 5px 2.5%;
        height: 30px;
        background: #FFF;
        border: none; }
    #homepage #login-form .button-group {
      text-align: right; }
      #homepage #login-form .button-group button {
        border: 1px solid #FFF;
        background: #FFF;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Abel", Helvetica, sans-serif;
        font-weight: 300;
        letter-spacing: 2px;
        padding: 8px 45px; }
        #homepage #login-form .button-group button:hover {
          background: #000;
          color: #FFF; }
  #homepage footer {
    width: 100%;
    bottom: 10px; }
    #homepage footer p {
      text-align: center;
      font-size: 9px; }
    #homepage footer.attach-bottom {
      position: fixed;
      bottom: 0; }

.wrapper {
  width: 95%;
  margin: 0 auto 0 auto;
  max-width: 1140px;
  min-width: 480px; }

header {
  background: #000;
  color: #FFF;
  height: 100px; }
  header #logo {
    width: 84px;
    height: 84px;
    float: left;
    margin: 5px 0; }
  header #welcome {
    float: right;
    line-height: 100px;
    margin-right: 40px; }
  header #head-action {
    float: right;
    line-height: 100px; }
    header #head-action a {
      color: inherit;
      text-decoration: none;
      margin: 0 10px; }
      header #head-action a:hover {
        text-decoration: underline; }
    header #head-action .icon-22 {
      margin: -5px 5px; }

#common .icon-22 {
  margin: -5px 15px; }
#common .icon-18 {
  margin: -4px 12px; }
#common .icon-8 {
  margin: 0 12px; }
#common footer {
  margin: 60px 0 0 0;
  width: 100%;
  background: #000; }
  #common footer.attach-bottom {
    position: fixed;
    bottom: 0; }
  #common footer p {
    color: #FFF;
    font-size: 9px;
    text-align: center;
    padding: 15px 0;
    margin: 0; }
#common #navigation {
  width: 100%;
  margin: 50px 0 25px 0;
  border: 1px solid #000; }
  #common #navigation nav a {
    border-bottom: 1px solid #000;
    display: block;
    color: #000;
    padding: 15px 0;
    font-family: "Abel", Helvetica, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 20px; }
    #common #navigation nav a.active {
      background: #000;
      color: #FFF; }
    #common #navigation nav a:hover {
      background: #000;
      color: #FFF; }
  #common #navigation #quick-form {
    letter-spacing: 2px; }
    #common #navigation #quick-form .field-group label {
      font-family: "Abel", Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 300;
      display: block;
      margin: 2px 0; }
    #common #navigation #quick-form .field-group input[type=text], #common #navigation #quick-form .field-group input[type=password] {
      background: #f5f5f5;
      border: 1px solid #000;
      width: 95%;
      padding: 8px 2.5%;
      color: #444; }
    #common #navigation #quick-form .field-group select {
      background: #f5f5f5;
      border: 1px solid #000;
      width: 100%;
      padding: 7px 2.5%;
      color: #444; }
    #common #navigation #quick-form .field-button {
      text-align: right; }
      #common #navigation #quick-form .field-button button {
        background: #000;
        color: #FFF;
        cursor: pointer;
        padding: 9px 0;
        text-align: center;
        text-transform: uppercase;
        font-family: "Abel", Helvetica, sans-serif;
        font-weight: 300;
        letter-spacing: 3px;
        border: 1px solid #000;
        margin: 21px 0 0 0;
        width: 100%; }
        #common #navigation #quick-form .field-button button:hover {
          background: #FFF;
          color: #000; }
    #common #navigation #quick-form .field-button-inline {
      text-align: right; }
      #common #navigation #quick-form .field-button-inline button {
        background: #000;
        color: #FFF;
        cursor: pointer;
        padding: 8px 20px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Abel", Helvetica, sans-serif;
        font-weight: 300;
        letter-spacing: 3px;
        border: 1px solid #000;
        margin: 0; }
        #common #navigation #quick-form .field-button-inline button:hover {
          background: #FFF;
          color: #000; }
    #common #navigation #quick-form select {
      width: 97%;
      padding: 6px 1.5%; }
#common #breadcrumb {
  color: #444;
  font-family: "Abel", Helvetica, sans-serif;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 300;
  padding: 20px 0; }
  #common #breadcrumb a {
    color: inherit;
    text-decoration: none; }
    #common #breadcrumb a:hover {
      color: #000;
      text-decoration: underline; }
  #common #breadcrumb span {
    font-size: 16px;
    padding: 0 8px; }
#common #back-action {
  text-align: right;
  font-family: "Abel", Helvetica, sans-serif;
  letter-spacing: 2px;
  font-weight: 300;
  padding: 20px 0;
  font-size: 16px; }
  #common #back-action a {
    color: #444;
    text-decoration: none; }
    #common #back-action a:hover {
      color: #000;
      text-decoration: underline; }
#common h2 {
  font-family: "Abel", Helvetica, sans-serif;
  letter-spacing: 3px;
  margin: 25px 2% 10px 2%;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase; }
#common #hide-archived-project {
  margin: 5px 0 25px 0; }
  #common #hide-archived-project input {
    display: inline-block;
    margin-right: 20px; }
#common .archived {
  display: none; }
#common .table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000; }
  #common .table thead tr {
    border: 1px solid #000; }
  #common .table thead th {
    background: #000;
    font-family: "Abel", Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center;
    color: #FFF;
    padding: 10px 0;
    font-size: 18px; }
    #common .table thead th.header {
      background-image: url("../imgs/sort-down.png");
      cursor: pointer;
      background-position: 95% 50%;
      background-repeat: no-repeat; }
    #common .table thead th.headerSortUp {
      background-image: url("../imgs/sort-up.png"); }
    #common .table thead th.headerSortDown {
      background-image: url("../imgs/sort-down.png"); }
  #common .table tbody tr {
    border: 1px solid #000; }
    #common .table tbody tr.actor-detail {
      border-top: none; }
      #common .table tbody tr.actor-detail td {
        padding-top: 0; }
      #common .table tbody tr.actor-detail h3 {
        font-family: "Abel", Helvetica, sans-serif;
        letter-spacing: 3px;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 3px; }
    #common .table tbody tr.actor-info {
      border-bottom: none; }
  #common .table tbody td {
    padding: 30px 2%;
    vertical-align: middle; }
  #common .table tbody a {
    text-decoration: none;
    color: #000; }
    #common .table tbody a:hover {
      text-decoration: underline; }
  #common .table tbody .action {
    line-height: 32px; }
#common .box-wrapper {
  padding: 1.5% 2%; }
  #common .box-wrapper h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "Abel", Helvetica, sans-serif;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase; }
  #common .box-wrapper h4 {
    font-family: "Abel", Helvetica, sans-serif;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: 300;
    margin: 20px 10px 5px 10px; }
#common #upload-zone {
  background: #f5f5f5;
  border: 1px solid #000; }
  #common #upload-zone #upload-file {
    padding: 34px 15px;
    text-align: center; }
#common .video-upload-button button {
  margin-top: 0 !important;
  margin-bottom: 20px !important; }
#common #video-wrapper {
  margin: 10px 0; }
  #common #video-wrapper .video-item {
    text-align: center; }
  #common #video-wrapper .video-thumbnail {
    width: 95%;
    border: 1px solid #000;
    background: #000; }
    #common #video-wrapper .video-thumbnail img {
      width: 100%; }
    #common #video-wrapper .video-thumbnail a {
      display: block; }
  #common #video-wrapper .video-date {
    margin: 5px 0; }
#common #video-page {
  text-align: right; }
  #common #video-page a {
    display: inline-block;
    margin: 0 25px; }
#common .upload-video-form {
  padding: 0 20px; }
#common .field-upload {
  background: #F5F5F5;
  border: 1px solid #000;
  padding: 0 10px;
  height: 38px;
  overflow: hidden; }
  #common .field-upload input[type="file"] {
    margin-top: 6px; }
#common .box {
  width: 100%;
  border: 1px solid #000;
  letter-spacing: 2px;
  margin: 25px 0 30px 0; }
  #common .box .field-group label {
    font-family: "Abel", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin: 2px 0; }
  #common .box .field-group input[type=text], #common .box .field-group input[type=password] {
    background: #f5f5f5;
    border: 1px solid #000;
    width: 97%;
    padding: 6px 1.5%;
    color: #444; }
  #common .box .field-group select {
    background: #f5f5f5;
    border: 1px solid #000;
    width: 97%;
    padding: 5px 1.5%;
    color: #444; }
  #common .box .field-button {
    text-align: right; }
    #common .box .field-button button {
      background: #000;
      color: #FFF;
      cursor: pointer;
      padding: 8px 20px;
      text-align: center;
      text-transform: uppercase;
      font-family: "Abel", Helvetica, sans-serif;
      font-weight: 300;
      letter-spacing: 3px;
      border: 1px solid #000; }
      #common .box .field-button button:hover {
        background: #FFF;
        color: #000; }
  #common .box .field-button-inline {
    text-align: right; }
    #common .box .field-button-inline button {
      background: #000;
      color: #FFF;
      cursor: pointer;
      padding: 7px 0;
      text-align: center;
      text-transform: uppercase;
      font-family: "Abel", Helvetica, sans-serif;
      font-weight: 300;
      letter-spacing: 3px;
      border: 1px solid #000;
      width: 100%;
      margin: 22px 0 0 0; }
      #common .box .field-button-inline button:hover {
        background: #FFF;
        color: #000; }
#common .field-button-comment {
  text-align: right; }
  #common .field-button-comment button {
    background: #000;
    color: #FFF;
    cursor: pointer;
    padding: 8px 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Abel", Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
    border: 1px solid #000; }
    #common .field-button-comment button:hover {
      background: #FFF;
      color: #000; }
#common .comment-input, #common .area-input {
  background: #f5f5f5;
  border: 1px solid #000;
  margin: 0 0 10px 0;
  width: 96%;
  padding: 20px 2%;
  resize: vertical; }
#common .action-list {
  list-style: none;
  margin: 20px 0;
  padding: 0; }
  #common .action-list li {
    display: inline-block;
    margin: 5px 5px 5px 0; }
  #common .action-list input[type=checkbox] {
    display: inline-block;
    margin-right: 20px; }
#common h1 {
  margin: 20px 0 0 0;
  padding: 0;
  font-family: "Abel", Helvetica, sans-serif;
  letter-spacing: 3px;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase; }
#common a {
  color: inherit;
  text-decoration: none; }
  #common a:hover {
    text-decoration: underline; }
#common .notify {
  width: 100%;
  border: 1px solid #000;
  margin: 20px 0;
  text-align: center; }
  #common .notify .notify-wrapper {
    padding: 1% 2%; }
  #common .notify.error {
    border: 1px solid #F44336;
    color: #F44336; }
  #common .notify.success {
    border: 1px solid #4CAF50;
    color: #4CAF50; }
#common #show-more-field {
  margin: 30px 0 0 0;
  display: block;
  text-align: center;
  cursor: pointer; }
#common .txt-inbox {
  margin: 28px 0 0 0;
  text-align: center; }
#common .actor-age-search input[type=text] {
  width: 15% !important;
  display: inline-block !important;
  margin: 0 3%; }
#common .actor-picture img {
  width: 100px;
  height: 130px; }
#common .actor-profile-picture img {
  max-width: 175px;
  width: 100%; }
#common .actor-data {
  list-style: none;
  letter-spacing: 2px;
  line-height: 26px;
  margin: 0 0 0 15px;
  padding: 0; }
#common #role-list .role-breacrumb {
  color: #444;
  font-family: "Abel", Helvetica, sans-serif;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 300;
  margin: 10px 0; }
#common #role-list .preview-video {
  border: 1px solid;
  width: 100%;
  height: 300px;
  text-align: center; }
  #common #role-list .preview-video .icon-74 {
    margin: 114px 0 0 0; }
#common #role-list .role-action {
  margin: 10px 0;
  text-align: center; }
#common .comment-wrapper {
  border: 1px solid #000;
  padding: 20px 2%;
  width: 96%;
  margin: 10px 0; }
  #common .comment-wrapper .project-name {
    font-family: "Abel", Helvetica, sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 10px 0;
    text-transform: uppercase; }
#common .lightcase-icon-close {
  text-decoration: none !important; }

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

.txt-left {
  text-align: left; }

video {
  max-width: 100% !important;
  max-height: 100% !important; }

.a_droite {
  float: right; }

.a_gauche {
  float: left; }

.disabled {
  opacity: .5; }

.cachee {
  display: none; }

#hide-archived-project button {
  background: transparent;
  border: none; }

/*# sourceMappingURL=style.css.map */