body {
	margin:0;
	width:906px;
	height:550px;
	background-image: url('../img/fond.png');
    background-repeat: no-repeat;
	background-position:0 0;
}

a {
	color:blue;
}

.bouton {
	background-image: url('../img/bouton_off.png');
    background-repeat: no-repeat;
	background-position:0 0;
	font-family:'Lobster';
	font-size:24px;
	color:#FFFFFF;
	width:121px;
	height:41px;
	padding-top:6px;
	padding-left:14px;
	cursor:pointer;
}

.bouton:hover {
	background-image: url('../img/bouton_on.png');
}

#module {
	position:relative;
}

#panneau_110 {
	left: 510px;
    position: absolute;
    top: 447px;
	z-index:2;
}

#feu_rouge {
	left: 822px;
    position: absolute;
    top: 330px;
	z-index:2;
}

#panneau_90 {
	left: 604px;
    position: absolute;
    top: 148px;
	z-index:2;
}

#panneau_priorite {
	left: 190px;
    position: absolute;
    top: 151px;
	z-index:2;
}

#radar {
	left: 397px;
    position: absolute;
    top: 107px;
	z-index:2;
}

#voiture {
	left: 113px;
    top: 421px;
    position: absolute;
	z-index:1;
}

#intro {
	width:508px;
	height:185px;
	background-image: url('../img/intro.png');
    background-repeat: no-repeat;
	background-position:0 0;
	padding:215px 205px 149px 198px;
	position:relative;
	z-index:3;
}

#question {
	width:608px;
	height:344px;
	background-image: url('../img/question.png');
    background-repeat: no-repeat;
	background-position:0 0;
	padding:88px 210px 118px 203px;
	position:relative;
	display:none;
	z-index:3;	
}

#fin {
	width:508px;
	/*height:100px;*/
	height:107px;
	background-image: url('../img/fin.png');
    background-repeat: no-repeat;
	background-position:0 0;
	/*padding:332px 205px 118px 198px;*/
	padding:325px 205px 118px 198px;
	position:relative;
	display:none;
	z-index:3;	
}

#intro .texte,
#fin .texte {
	font-family:'Droid Sans';
	font-weight:400;
	font-size:18px;
	color:#222221;
	text-align:center;
}

#intro .bouton {
	bottom: 150px;
    left: 383px;
    position: absolute;
}

#intro .bouton:hover {
	bottom: 149px;
    left: 384px;
}

#question  #borne {
	color: #575757;
    font-family: 'Droid Sans';
    font-size: 15px;
    font-weight: 700;
    left: 171px;
    position: absolute;
    text-align: center;
    top: 129px;
    width: 34px;
}

#question  #titre {
	position:absolute;
	top:110px;
	/*top:115px;*/
	left:243px;
	width:382px;
	height:72px;
	text-align:left;
	color: #FFFFFF;
    font-family: 'Droid Sans';
    font-size: 20px;
    font-weight: 400;	
}

#question .fleche {
	width:35px;
	height:20px;
	position:absolute;
	/*left:204px;*/
	left:175px;
	background-image: url('../img/question_bouton.png');
    background-repeat: no-repeat;
	background-position:0 0;
	cursor:pointer;
}

#question #fleche1 {
	top:225px;
}

#question #fleche2 {
	top:282px;
}

#question #fleche3 {
	top:339px;
}

#question .reponse {
	/*width:207px;*/
	width:238px;
	height:56px;
	position:absolute;
	/*left:245px;*/
	left:216px;
	color: #000000;
    font-family: 'Droid Sans';
    /*font-size: 23px;*/
    font-size: 20px;
	font-weight: 400;
	cursor:pointer;
	overflow:hidden;
}

#question #reponse1 {
	top:225px;
}

#question #reponse2 {
	top:282px;
}

#question #reponse3 {
	top:339px;
}

#question #comm {
	position:absolute;
	left:454px;
	top:198px;
	width:254px;
	height:147px;
	background-color:#C20E1A;
	color: #FFFFFF;
    font-family: 'Droid Sans';
    font-size: 20px;
    /*font-weight: 700;*/
	font-weight:400;
	display:none;
	padding:24px 24px 0 24px;
	overflow:auto;
	
}

#question .bouton {
	position:absolute;
	top:376px;
	left:607px;
}

#question .bouton:hover {
	top: 377px;
    left: 608px;
}