*{
    font-family:aaarghnormal;
    /* font-family: 'Quicksand', sans-serif; */
    font-size:11px;
    padding:0px;
    margin:0px;
    color:#FFFFFF;
  }


  body{
    background:#000000;
  }

  .main{
    position:absolute;
    left:2%;
    right:2%;
    top:0px;
    bottom:0px;
  }

  .photo_site{
    position:absolute;
    top:0px;
    left:0px;
    width:20%;
    height:auto;
  }

  .titre_site{
    position:absolute;
    bottom:50px;
    left:3%;
    width:15%;
    height:auto;
  }

  .menu{
    position:absolute;
    top:0px;
    left:20%;
    right:0px;
    height:75px;
    background-color:#191919;
    overflow:hidden;
    white-space: nowrap;
  }

  .menu .menu_item{
    margin-left:25px;
    height:75px;
    max-width:120px;
    min-width:70px;
    width:10%;
    text-align:center;
    background:#666666;
    float:left;
    cursor:pointer;
    overflow:hidden;
  }



  .menu_item .label{
    margin-top:50px;
  }

  .no_touch .menu_item:hover .label,
  .menu_item.selected .label
  {
    color:orange;
    font-weight: bold;
  }



  #page_content{
     position:absolute;
     left:20%;
     top:130px;
     bottom:0px;
     right:0px;
     overflow-y:auto;
     overflow-x:hidden;
  }

  .sub_menu{
    position:absolute;
    padding-left:30px;
    left:20%;
    top:88px;
    height:30px;
    right:0px;
    overflow:hidden;
    background:#222222;
  }

  .sub_menu .menu_item{
    position:relative;
    display:inline-block;
    margin-left:15px;
    height:30px;
    padding:3px;
    text-align:center;
    background:#666666;

    cursor:pointer;
  }
  .sub_menu .menu_item .label{
    margin-top:5px;
  }

  .networks{
    position:absolute;
    right:5px;
  }

  .networks img{
    margin-left:3px;
  }

  #debug{
    color:green;
    background:rgba(0,0,0,0.2);
    position:absolute;
    bottom:0px;
    z-index:99999;
  }

  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


  a{
    color:orange;
    text-decoration:none;
  }

  .post_block{
    position:relative;
    width:90%;
  }

  .post_full{
    position:relative;
    width:90%;
  }


  .post_block .content,
  .post_full .content
  {
    position:relative;
    height:100%;
    background-color:rgba(255,255,255,0.2);
    color:white;
    margin-left:90px;
    padding-top:8px;
    /* overflow-y:hidden; */
  }


  .no_touch .post_block:hover .content{
    background-color:rgba(255,255,255,0.4);
  }

  .no_touch .post_full a:hover{
    text-decoration:underline;
  }

  .post_block .title,
  .post_full .title
  {
    position:relative;
    display:inline;
    color:orange;
    font-size:18px;
  }

  .post_full img{

  }


  .post_block .content .text,
  .post_full .content .text{
    /* margin-top:50px; */
    padding-left:8px;
    padding-right:8px;
    padding-bottom:8px;
    text-align:justify;
    font-size:12px;
    font-family:Arial, Verdana;
    margin-right:50px;
  }

  .post_block .content .text.presentation,
  .post_full .content .text.presentation{
    text-align:left;
  }

  .post_block .content .photo_preview{
    position:absolute;
    right:-20px;
    height:90px;
    width:70px;
    overflow:hidden;
    background-size:cover;
    border:1px solid #000000;
  }

  .post_block .header,
  .post_full .header
  {
  /*
    position:absolute;
    top:15px;
    left:0px;
    right:50px;
    */
    margin-left:-90px;
    width:100%;
    height:auto;
    background-color:#191919;
    padding-top:2px;
    padding-right:8px;
    z-index:10;
  }

  .no_touch .post_block:hover .header{
    background-color:#333333;
  }

  .post_block .date,
  .post_full .date
  {
    position:relative;
    display:inline-block;
    margin-right:8px;
    width:90px;
    text-align:center;
    color:white;
    font-size:14px;
    float:left;
  }

    .year{
      display:inline-block;
      color:orange;
      font-size:17px;
      padding-left:5px;
      padding-right:5px;
      margin-left:-8px;

      background-color:#191919;
    }





  /************************************************************/
  .ilb{
    display:inline-block;
  }
  #galery_body{

    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.9);
    z-index:999;
    text-align:center;
    vertical-align:middle;

  }

  img.galery_picture{

  }

  .galery_block{
    position: relative;
    text-align:center;
    margin-top:8px;
    vertical-align:top;
  }

  .galery_block iframe{
    border: 1px solid white;
  }

  .galery_picture_border{
                     /*
    overflow:hidden;
    width:50px;
    height:50px;
    display:inline-block;
    margin:1px;

    border:1px solid white;
    */
  }

  .no_touch .galery_picture_border:hover{
    /* border:1px solid orange; */
  }

  .no_touch .galery_picture_border:hover .galery_thumbnail{
    border:1px solid orange;
  }

  .pictures{
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    width:70%;
    min-width:300px;
  }
    /*
  .galery_picture_border:hover .galery_thumbnail{

    transform: translateX(-30%) translateY(-30%);
    -webkit-transform: translateX(-30%) translateY(-30%);
    opacity:1;
  }



  .galery_thumbnail{
    transform: translateX(-20%) translateY(-20%);
    -webkit-transform: translateX(-20%) translateY(-20%);
    opacity:0.7;
  }
         */
  .full_picture_border{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    cursor:pointer;
    border:2px solid white;
  }

  .full_picture_border img{
    max-width:100%;
    height:auto;
  }

  .full_picture_border .label{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:20px;
    font-size:13px;
    background:rgba(0,0,0,0.8);
    opacity:0;
  }

  .galery_pdf{
    padding:3px;
  }

  .galery_pdf img{
    margin-right:8px;
  }

  .no_touch .galery_pdf:hover{
    text-decoration:underline;
    background-color:rgba(255,255,255,0.2);
  }

  .bloc_langues{
    float:right;
    color:#888888;
  }

  .bloc_langues div a{
    color:#888888;
  }

  .bloc_langues .selected a{
    color:orange;
  }

  .no_touch .bloc_langues a:hover{
    color:orange;
  }

  span.more{
    font-size:13px;
    font-weight:bold;
    color:orange;
  }

  .year_separator{
    color:orange;
    font-size:20px;
    font-weight:bold;
    line-height:22px;
    padding-left:10px;
    padding-right:10px;
    background-color:rgba(255,255,255,0.2);
  }

     @media screen and (max-width: 800px) {
      body{
        background:#110000;
      }

      .main{
        left:0px;
        right:0px;
      }

      .menu{
        left:0px;
        height:40px;
      }

      .photo_site{
        position:fixed;
        z-index:-2;
        width:100%;
        opacity:0.5;
      }

      .titre_site{
        z-index:-1;
        position:fixed;
        bottom:50px;
        left:3%;
        width:15%;
        height:auto;
        opacity:0.5;
      }

      .year_separator{
        background-color:rgba(0,0,0,0.7);
      }

      .menu .menu_item{
        width:19%;
        font-size:9px;
        height:40px;
        margin-left:2px;
        min-width:50px;
      }

      .menu .menu_item .label{
        margin-top:20px;
      }

      .networks{
        position:fixed;
        bottom:0px;
      }

      .networks img{
        width:28px;
        height:28px;
      }

      .bloc_langues{
        position:fixed;
        left:0px;
        bottom:0px;
      }

      .bloc_langues div{
        display:inline-block;
        margin-left:10px;
        margin-bottom:8px;
      }

      .sub_menu{
        left:0px;
        top:45px;
      }

      #page_content{
        left:0px;
        top:80px;
        bottom:35px;
      }

      .post_full,
      .post_block{
        width:100%;
      }

      .post_block .content,
      .post_full .content
      {
        background-color:rgba(0,0,0,0.8);
        margin-left:0px;
        font-size:10px;
      }

      .no_touch .post_full:hover .content,
      .no_touch .post_block:hover .content{
        background-color:rgba(0,0,0,0.4);
      }

      .post_full .header,
      .post_block .header{
        margin-left:0px;
        font-size:10px;
      }

      .post_full .title,
      .post_block .title{
        font-size:10px;

      }

      .post_full .text,
      .post_block .text{
        margin-top:0px;
        margin-top:5px;
        font-size:10px;
      }

      .post_block .photo_preview{
        display:none;
      }

      .post_block .date,
      .post_full .date
      {
        position:relative;
        display:inline-block;
        margin-right:4px;
        width:80px;
        text-align:center;
        color:white;
        font-size:10px;
      }

    }