body{background-color: black}
#table {display:block;width: 60%;height: auto;text-align: center;margin:-10px auto 0 20%;background-color: black;position: relative}
.s3 {display: block;	width: auto;height: auto;margin:40px auto 0 auto;text-align:center;Z-index: 100;text-decoration: none;position: relative}
.texte {border: none;width: 60%;height: auto;text-align: center;margin:40px auto 0 20%;position: relative}
.cle {border: none;width: 60%;height: 300px;text-align: center;margin: 30px auto 0 20%;position: relative}

@media only screen and (max-width: 860px)
{	
#table {}
.s3 {margin-top:60px; margin-left:-22%}
.texte  {width: 80%;margin:60px auto 0 10%}
}

@media only screen and (min-width: 860px) and (max-width: 1280px) and (orientation : landscape)
{
#table {width:30%}
.s3 {margin:60px auto 0 25%}
.texte  {width: 80%;margin:60px auto 0 10%}
}