html, body {
margin: 0;
padding: 0;
background-image:url(greybg.png);
font-family: Arial, Helvetica, sans-serif;
}

img {border: none;}

#navContent{
margin:auto;
width:800px;
height:650px;
position:relative;
overflow:hidden;
}
#game1{
margin:auto;
width:800px;
height:650px;
right:0px;
position:absolute;
}
#game2{
margin:auto;	
width:800px;
height:650px;
right:-800px;
position:absolute;
} 
.questionText{
margin: 0;
font-size:32px;
color:#FFF;
}
.option{
width:90%;
height:2.2em;
margin-top:1.2em;
font-size:30px;
color:#FFFFFF; 
padding:2px;
padding-left:10px;
border: 2px solid white;
cursor:pointer;
background-color:#97bf0d;
}
.selected {
background-color:#f6c327;
color:#FFF;
}
.noBorder img{border:0;}
#topbar{
height:50px;
margin:auto;
margin-top:50px;
color:#FFF;
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
width:800px;
border-bottom:solid white 1px;
}
#signature{
position: absolute; z-index: 4;
height:50px;
margin-left:600px;
margin-top:500px;
color:#FFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
width:800px;
}
#signature a {text-decoration: none; color: #e2007a; }
#signature a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #f6c327;
	}
#signature a:visited{
	text-decoration: none;
	color: #BF9B9B;
	}
.imageAccueil{cursor:pointer;}
IMG.refresh{
    display: block;
    margin-left: auto;
    margin-right: auto }
.refresh {cursor:pointer;}
.spacer{height:30px;}
.feedback1{
width:100px;
margin-top:1.2em;
padding:7px;
font-size:30px;
color:#FFF;
background-color:#97bf0d;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
cursor:pointer;
}
.feedback2{
width:90%;
margin-top:1.2em;
padding:5px;
font-size:30px;
color:#FFF;
background-color:#e2007a;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
cursor:pointer;
}
#validButton{
/*float: left;*/
position: absolute;
top:530px;
width:50px;
height:50px;
padding:5px;
cursor:pointer;} 
#validButton:hover{opacity:0.5;}

.guillemetFermant{
	float: right;
	font-size:35px;
	font-weight: bold;
		}
	
.guillemetFermantYes{
	font-size:35px;
	font-weight: bold;
		}

@media screen and (max-width:800px) {
	#topbar{margin-left:1%;margin-right:1%;	width:96%;}
	#navContent{margin:1%;	width:98%;}
	#game1{margin:1%;	width:98%;}
	#game2{margin:1%;	width:98%;}
}
@media screen and (max-width:460px) {
	.option{width:80%;margin:5%;}
}