/* Smartphones (landscape) */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	

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:0em;
	top:13em;
	width:18em;
	height:2em;
	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:0em;
	top:15.5em;
	width:  18em;
	height:  43em;			
}

.zrgt
{

position: absolute;

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

}

.icoche
{
	position:absolute;
top:7em;
font-size:0.8em;
color:green;
width:25em;
 vertical-align: bottom;	
 left:0em;
 	
}



.ico
{
width:5em;
cursor:pointer;
padding:0.5em;
color:lightgrey;
left:15em;
}

.icos
{
width:5em;
cursor:pointer;
padding:0.5em;
color:lightgrey;
left:30em;
}


#mentions
{
position:absolute;
left:90%;
top:0.5%;
}

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

#admin
{
position:relative;
top:3%;
left:3%;
font-size:0.8em;
}






#tombolito
{
position:absolute;
top:0.2em;
left:0.2em;
z-index:3;
}

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

}