/* Smartphones (landscape) */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

html, body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
	background: linear-gradient(lightgrey,silver);
	overflow:scroll;
}


/*Règlement*/
#titre_reglement 
{
	display:none;
	position:absolute;
   	color: red;
    text-align:center;
    padding:  1px;
	font-size:1.3em;
	font-style:bold;
	background-color:gold;
	left:8em;
	top:12em;
	width:25em;
	height:1em;
	border:3px;
	border-color:lightgrey darkgrey lightgrey darkgrey;
	border-style:solid;
}
#reglement
{
position:absolute;

	display:none;
	background-color:white;
   	padding: 1px;
	font-size:1.3em;
	left:8em;
	top:15em;
	width:  25em;
	height:  36em;
	border: 1px;
	border-style:solid;
	border-color:red;				
}

.zrgt
{

position: absolute;

  top:      0;
  left:     0;
  bottom:   0;
  right:    0;
  width:    100%;
  height:   100%;

}

.icoche
{
	position:absolute;
top:6.5em;
font-size:0.8em;
color:blue;
width:20em;
 vertical-align: bottom;	
 left:3em;
}

.ico
{

width:50%;
cursor:pointer;
color:lightgrey;
}

.icos
{
width:50%;
cursor:pointer;
display:block;
color:lightgrey;
}



#tombolito
{
position:absolute;
display:none;
top:1em;
left:1em;
width:20%;
z-index:1;
}

#tombolito img
{
max-width:45%;
height: auto;	
}


#container_admin
{
position:absolute;
top:1em;
left:8em;
text-align:center;
width:25em;
height:10.5em;
background-color: white;
border:5px solid black; 
border-radius: 30px;
font-style:normal;
font-size:1.3em;
font-weight:bold;
display:none;
z-index:2;
}

#admin
{
position:relative;
top:15%;
left:1%;
font-size:3vw;
}

}