#main {
    width:900px;
    border:2px solid #000000;
    background-color: #FDFEF8;
    padding:90px 20px 40px 20px;
    margin:0 auto;
    min-height:800px;
    line-height:120%;
}

.main_int {
    float:left;
    width:610px;
    padding:0px;
    margin:0px;
}

.menugen {
    float:right;
    margin:37px 10px 5px;
    width:225px;
    height:386px;
    }

 .menugen1 {
    display:none;
    }

.menu1-scrollbar {
    position:fixed;
    font-size:11px;
    width:225px;
    height:386px;
    margin:0px 10px 5px;

    text-align:left;
    padding:15px 0px 15px 10px;
    border:1px solid #5C3F00;
    overflow:auto;
}

.menu1-scrollbar::-webkit-scrollbar {
    width: 9px;
}

.menu1-scrollbar::-webkit-scrollbar-track { // set style to track
     background-color:#EAE2B1;
     border-radius: 9px;
}

.menu1-scrollbar::-webkit-scrollbar-thumb { // sets style to thumb
      border-radius: 10px;
      background-color:#D6CB89;
      }

.menu1-scrollbar ul {
        list-style:none;
        list-style-image: none;
        padding:0px 0px 0px 5px;
}

.menu1-scrollbar li {
        padding:2px 10px 2px 10px;
        width:175px;
}

.menu1-scrollbar li:hover {
  	background-color: #DBD18D;
    cursor: pointer;
    color: #CF8105;
}

.menu1-scrollbar li:hover a  {
        color: #CF8105;
}

.blocvign {
    float:left;
    margin:0px 7px 0px;
    width:170px;
    height:167px;
    text-align:center;
    font-size:10px;
    border:1px solid #FDFEF8;
    padding:10px 5px 5px;

    }

.blocvign a {
    color: #4F2511;
}

.blocvign:hover{
    background-color:#DBD18D;
    border:1px solid #000000;
    }


.blocvignimg {
    width:160px;
    height:120px;
    margin:0px auto 2px;
    overflow: hidden;
    border:1px solid #000000;
    }

.blocvignimg img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    width:170px;
    height:120px;
    }

.blocvignimg:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
    }

.lecteurvid {
    width:580px;
    height:318px;
    border:1px solid #000000;
    margin:5px 0px 5px 15px;
}

.lecteurimg {
    display:none;
}

.lecteurtitre0 {
     margin:3px 15px 0px;
     width:580px;
}

.lecteurtitre1 {
     float:right;
     margin-left:5px;
     width:60px;
     text-align:right;
     color:#B2A5A5;
}

.lecteurtitre2 {
      display:none;
}

.lecteurtitre3 {
      width:515px;
      border-right:1px solid #818181;
      margin-left:5px;
}

@media  all and (max-device-width: 640px) {

#main {
    width:100%;
    border:0;
    background-color: #FDFEF8;
    padding:70px 0px 40px 0px;
    margin:0;
    min-height:800px;
    line-height:120%;
}

.main_int {
    float:none;
    width:100%;
    padding:0px;
    margin:0px;
}

.menugen {
    display:none;
    }
    
.menugen1 {
    display:block;
    margin:20px 10px 15px;
    }

.blocvign {
    float:left;
    margin:0px 7px 0px;
    width:187px;
    height:163px;
    cursor: pointer;
    text-align:center;
    font-size:14px;
    line-height:100%;
    border:1px solid #FDFEF8;
    padding:10px 5px 5px;
    overflow: hidden;
    }

.lecteurvid {
    width:96%;

    border:1px solid #000000;
    margin:5px auto;
}

.lecteurimg {
    display:block;
    width:90%;
    border:1px solid #000000;
    margin:5px 0px 5px 15px;
}

.lecteurtitre0 {
     margin:3px 10px 0px;
     width:100%;
}

.lecteurtitre1 {
     display:none;
}

.lecteurtitre2 {
      display:block;
      font-size:11px;
      margin-left:5px;
}

.lecteurtitre3 {
      width:90%;
      border-right:0;
      margin-left:5px;
}

}