#main_content #page_content
{
 position: relative;
 z-index: 2;
 text-align: center;
 background-image: url("https://sendeyo.com/up/54180de6b764b2b479b08b2d26b7e00a.jpg");
 background-size: 500px 500px;
 margin-top:0px;
 left: 15%; /* c'est ici pour ajustement */
 border-radius:0px 5px 5px 5px;
 color:black;
 line-height: 1.6em;
 word-spacing:3px;
 font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
 height: 500px;
 width: 500px;
 overflow-y: scroll;

}

  #main_content li
{
 font-size: 11px;
 font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
 display:inline;
 list-style-type:none;
 background-color:black;
 padding:3px;
 border-radius: 2px 2px 0px 0px;
 color:black;
 font-weight:bold;
 cursor:pointer;
 width: 500px;

}

#main_content li.notselected
{
 background-color:#DED0B2;
 color:#292A0A; 
 width: 500px;
}
#main_content li.selected
{
 background-color:#8BFAFC;
 color:black; 
 width: 500px;
}


#main_content .hidden_desc
{
 display:none;
 visibility:hidden;
 width: 500px;

}


.lecteur{
  position: relative;
  z-index: 1;
  left: 15%;
  top: -500px;
  padding-left: 500px;
  height: 100%;
  width: 10%;
}


/* Nouvelles règles si la fenêtre fait au plus 1024px de large */
@media screen and (max-width: 1170px)
{

 #main_content #page_content
{
 position: center;
 z-index: 2;
 text-align: center;
 background-image: url("https://sendeyo.com/up/54180de6b764b2b479b08b2d26b7e00a.jpg");
 background-size: 500px 500px;
 margin-top:0px;
 left: 25%; /* c'est ici pour ajustement */
 border-radius:0px 5px 5px 5px;
 color:black;
 line-height: 1.6em;
 word-spacing:3px;
 font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
 height: 500px;
 width: 500px;
 overflow-y: scroll;

}

  #main_content li
{
 position: relative;
 font-size: 8px;
 font-family: Helvetica Neue, Helvetica Neue, Helvetica Neue;
 display:inline; 
 list-style-type:none;
 background-color:black;
 padding:3px;
 border-radius: 2px 2px 0px 0px;
 color:black;
 font-weight:bold;
 cursor:pointer;
 width: 500px;
 
}

#main_content li.notselected
{
 background-color:#DED0B2;
 color:#292A0A; 
 width: 500px;
}
#main_content li.selected
{
 background-color:#8BFAFC;
 color:black; 
 width: 500px;
}


#main_content .hidden_desc
{
 display:none;
 visibility:hidden;
 width: 500px;

}

.lecteur{
  position: center;
  z-index: 1;
  left: 25%;
  top: 0px;
  padding-left: 0px;
  height: 100%;
  width: 10%;
}

}