body {
  margin: 0px;
  padding: 0px;
  background: url("/front/background.jpg");
  font-family: trebuchet MS;
  font-size: 16px; }
  body a {
    color: #e40a22; }
    body a:hover {
      text-decoration: none; }
    body a img {
      border: 0px; }
  body .rounded_block {
    background: url("/front/transparent.png");
    border-radius: 10px;
    margin: 0px 0px 10px 0px; }
  body .internal_link {
    display: block;
    padding: 10px;
    color: #e40a22; }
    body .internal_link:hover {
      text-decoration: none; }
  body .external_link {
    display: block;
    padding: 10px;
    color: #e40a22; }
    body .external_link:hover {
      text-decoration: none; }
  body .line_break {
    margin: 5px;
    height: 1px;
    border-top: 1px solid #e40a22; }
  body .img {
    padding: 10px;
    margin: 0px; }
  body #struct {
    width: 970px;
    margin: auto; }
    body #struct #main {
      padding: 10px; }
      body #struct #main #sidebar {
        float: left;
        width: 250px;
        min-height: 300px; }
        body #struct #main #sidebar #menu a {
          display: block;
          color: #575757;
          text-decoration: none;
          padding: 5px;
          margin-bottom: 5px;
          border-radius: 10px; }
          body #struct #main #sidebar #menu a:hover {
            color: white;
            background: url("/front/degrade.png");
            border: 0px; }
        body #struct #main #sidebar #menu .active {
          color: white;
          background: url("/front/degrade.png");
          border: 0px; }
      body #struct #main #corps {
        margin-left: 260px; }
    body #struct #struct_top {
      position: relative;
      margin-top: 10px;
      margin-bottom: 10px; }
    body #struct .menu_first_level {
      background: url("/front/transparent.png");
      border-radius: 10px;
      margin: 0px 0px 10px 0px;
      height: 40px;
      padding: 0px 20px 0px 20px;
      margin-left: 160px;
      position: absolute;
      top: 60px;
      right: 0px; }
      body #struct .menu_first_level a {
        color: #575757;
        text-decoration: none;
        padding: 10px;
        display: block;
        float: left; }
        body #struct .menu_first_level a:hover {
          color: white;
          background: url("/front/degrade.png"); }
      body #struct .menu_first_level .active {
        color: white;
        background: url("/front/degrade.png"); }
    body #struct #struct_bottom {
      position: relative; }
      body #struct #struct_bottom .menu_first_level {
        top: 0px; }
  body #sample_top {
    padding: 10px; }
    body #sample_top h1 {
      margin-top: 0px; }
    body #sample_top #description {
      margin-left: 130px;
      text-align: justify; }
    body #sample_top #first_image {
      float: left;
      margin-right: 10px; }
  body #sample_images .sample_image {
    margin: 6px;
    float: left; }
  body #digicode {
    width: 454px;
    height: 857px;
    position: relative;
    background: url("/front/digicode.png");
    float: left; }
    body #digicode #diapo {
      position: absolute;
      top: 113px;
      left: 47px;
      width: 360px;
      height: 245px; }
      body #digicode #diapo .item {
        width: 360px;
        height: 245px;
        background: black;
        overflow: hidden;
        overflow: hidden; }
        body #digicode #diapo .item a {
          color: #f6f5f6;
          text-decoration: none; }
        body #digicode #diapo .item p {
          padding: 0px;
          margin: 0px; }
        body #digicode #diapo .item .title {
          width: 350px;
          height: 20px;
          padding: 5px;
          position: absolute;
          bottom: 0px;
          font-weight: bold;
          background: url("/front/transparent2.png");
          color: #f6f5f6; }
    body #digicode #infos_buttons {
      position: absolute;
      top: 113px;
      left: 47px;
      width: 360px;
      height: 245px;
      background: url("/front/transparent2.png");
      overflow: hidden;
      z-index: 300; }
      body #digicode #infos_buttons #title2 {
        width: 350px;
        height: 20px;
        padding: 5px;
        position: absolute;
        bottom: 40px;
        color: #f6f5f6;
        font-weight: bold;
        background: url("/front/transparent2.png"); }
      body #digicode #infos_buttons #legend2 {
        width: 350px;
        height: 30px;
        padding: 5px;
        background: blue;
        position: absolute;
        bottom: 0px;
        color: #f6f5f6;
        background: url("/front/transparent2.png"); }
    body #digicode #button-1 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/1.png") top left no-repeat;
      position: absolute;
      top: 443px;
      left: 207px; }
      body #digicode #button-1:hover {
        background: url("/front/1-h.png") top left no-repeat; }
    body #digicode #button-2 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/2.png") top left no-repeat;
      position: absolute;
      top: 443px;
      left: 265px; }
      body #digicode #button-2:hover {
        background: url("/front/2-h.png") top left no-repeat; }
    body #digicode #button-3 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/3.png") top left no-repeat;
      position: absolute;
      top: 445px;
      left: 326px; }
      body #digicode #button-3:hover {
        background: url("/front/3-h.png") top left no-repeat; }
    body #digicode #button-4 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/4.png") top left no-repeat;
      position: absolute;
      top: 504px;
      left: 207px; }
      body #digicode #button-4:hover {
        background: url("/front/4-h.png") top left no-repeat; }
    body #digicode #button-5 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/5.png") top left no-repeat;
      position: absolute;
      top: 504px;
      left: 267px; }
      body #digicode #button-5:hover {
        background: url("/front/5-h.png") top left no-repeat; }
    body #digicode #button-6 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/6.png") top left no-repeat;
      position: absolute;
      top: 504px;
      left: 326px; }
      body #digicode #button-6:hover {
        background: url("/front/6-h.png") top left no-repeat; }
    body #digicode #button-7 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/7.png") top left no-repeat;
      position: absolute;
      top: 563px;
      left: 208px; }
      body #digicode #button-7:hover {
        background: url("/front/7-h.png") top left no-repeat; }
    body #digicode #button-8 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/8.png") top left no-repeat;
      position: absolute;
      top: 563px;
      left: 267px; }
      body #digicode #button-8:hover {
        background: url("/front/8-h.png") top left no-repeat; }
    body #digicode #button-9 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/9.png") top left no-repeat;
      position: absolute;
      top: 563px;
      left: 326px; }
      body #digicode #button-9:hover {
        background: url("/front/9-h.png") top left no-repeat; }
    body #digicode #button-0 {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/0.png") top left no-repeat;
      position: absolute;
      top: 622px;
      left: 267px; }
      body #digicode #button-0:hover {
        background: url("/front/0-h.png") top left no-repeat; }
    body #digicode #fleche-left {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/fleche-left.png") top left no-repeat;
      position: absolute;
      top: 366px;
      left: 237px; }
      body #digicode #fleche-left:hover {
        background: url("/front/fleche-left-h.png") top left no-repeat; }
    body #digicode #fleche-right {
      display: block;
      width: 60px;
      height: 60px;
      background: url("/front/fleche-right.png") top left no-repeat;
      position: absolute;
      top: 366px;
      left: 308px; }
      body #digicode #fleche-right:hover {
        background: url("/front/fleche-right-h.png") top left no-repeat; }
  body #accueil_corps {
    background: url("/front/transparent.png");
    border-radius: 10px;
    margin-left: 464px;
    padding: 10px;
    min-height: 857px; }


.portlet.table_content table {
  width: 100%;
  border-collapse: collapse; }

.portlet.table_content table td {
  border: 1px solid black; }

.portlet.block_content .two_column .column {
  float: left;
  width: 50%; }

.portlet.block_content .two_column .column .block {
  padding: 10px; }
