@import url(reset.css);

body{
	background:#79D7FB url(interface_proposition1/bg.jpg) repeat-x top left;
	font-size:1em;
	font-family:Arial;
}
div#page{
	width:100%;
	background:url(interface_proposition1/background.jpg) no-repeat top center;
	height:1000px;
}
div#wrapper{
	width:740px;
	margin:0 auto;
	padding-top:110px;
}
div#navbar{
	position:absolute;
	top:0;
	left:0;
	line-height:30px;
	height:30px;
	width:100%;
}
div#navbar a{
	font-family:Georgia;
	text-decoration:none;
	font-style:italic;
	color:#feffff;
	font-size:90%;
}
div#navbar a:hover{
	text-decoration:underline;
}
div#navbar div.bg{
	height:30px;
	position:absolute;
	top:0;
	left:0;
	background-color:#034965;
	z-index:1;
	width:100%;
}
div#navbar ul{
	position:relative;
	margin:0 auto;
	text-align:center;
	z-index:3;
	float:left;
}
div#navbar li{
	float:left;
	margin:0 5px;
}
div#navbar li.first{
	background:url(interface_proposition1/bg-navbar.gif) no-repeat right 9px;
	padding-right:10px;
}

a#img-logo-dp{
	position:absolute;
	top:275px;
	left:50%;
	margin-left:-77px;
}

div.question{
	position:relative;
	display:none;
}
div#question1{
	display:block;
}
div.question div.bg{
	background:url(interface_proposition1/box-reponse.png) no-repeat center center;
	width:678px;
	height:278px;
	position:absolute;
	z-index:5;
	left:50%;
	margin-left:-339px;
	top:10px;
}
div.question ul{
	width:678px;
	height:278px;
	position:absolute;
	z-index:6;
	left:50%;
	margin-left:-339px;
	top:10px;
}
div.question li{
	position:absolute;
	height:91px;
	text-align:center;
	float:left;
}
div.question li.rep1{top:44px;left:45px;width:295px;}
div.question li.rep2{top:44px;left:341px;width:290px;}
div.question li.rep3{top:136px;left:45px;width:295px;}
div.question li.rep4{top:136px;left:341px;width:290px;}

div.question li.rep1 a{width:275px;background-position:top left;height:51px;}
div.question li.rep2 a{width:270px;background-position:top right;height:51px;}
div.question li.rep3 a{width:275px;background-position:bottom left;height:55px;}
div.question li.rep4 a{width:270px;background-position:bottom right;height:55px;}

div.question li a{
	display:block;
	padding:20px 10px;
	font-size:110%;
	font-family:Georgia;
	color:#1c97c6;
	text-decoration:none;
	font-style:italic;
	background-color:#fff;
	background:url(interface_proposition1/bg-reponse.jpg) no-repeat top left;
	position:relative;
}
div.question li a span{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-120px;
	display:block;
	width:240px;
}
div.question li a.wrong{
	color:#fe0303;
}
div.question li a.good{
	color:#5a9d29;
}
div.question li a.notclicked{
	color:#b8e0ee;
}
div.question li a em{
	font-style:normal;
	font-weight:bold;
}
div.question li a strong{
	display:none;
	font-size:90%;
}

div.question h1{
	margin:10px 0;
	text-indent:-99999px;
	height:29px;
}
div#question1 h1{
	background:url(interface_proposition1/titre-donneriez.gif) no-repeat top center;
}
div#question2 h1{
	background:url(interface_proposition1/titre-quoi.gif) no-repeat top center;
}


div.bonnereponse{
	position:absolute;
	left:0;
	top:200px;
	z-index:2;
	height:850px;
	width:740px;
	display:none;
}

div.bonnereponse div.bg-br-top{
	background:#fff url(interface_proposition1/box-reponse-top.gif) no-repeat center top;
	height:105px;
	width:740px;
}
div.bonnereponse div.bg-br-bottom{
	background:url(interface_proposition1/box-reponse-bottom.png) repeat-x center top;
	width:740px;
	height:410px;
}

div.bonnereponse div.content{
	padding:0 100px 0 100px;
	background:#fff;
}

div.bonnereponse h2{
	font-size:170%;
	font-family:Arial;
	margin-bottom:5px;
	font-weight:bold;
	text-indent:-99999px;
}
div.bonnereponse h2.wrong{
	color:#fe0303;
	background:url(interface_proposition1/mauvaise-reponse.gif) no-repeat top left;
	width:223px;
	height:50px;	
}
div.bonnereponse h2.good{
	color:#5a9d29;
	background:url(interface_proposition1/bonne-reponse.gif) no-repeat top left;
	width:186px;
	height:50px;
}

div.bonnereponse p{
	color:#01698e;
	font-size:90%;
	margin-bottom:15px;
	line-height:1.2em;
}
div#question2 div.bonnereponse h2{
	background:url(interface_proposition1/titre-toutescesreponses.gif) no-repeat top left;	
	width:390px;
	height:65px;
	text-indent:-99999px;
}
div#question2 div.bonnereponse h3{
	font-size:90%;
	color:#3896b8;
	margin:15px 0 15px 3px;
}
div#question2 div.bonnereponse p{
	color:#3896b8;
}
div#question2 div.bonnereponse p{
	margin-bottom:18px;
	margin-left:3px;
}
div.bonnereponse a.next{
	display:block;
	width:285px;
	height:30px;
	background:url(interface_proposition1/next-question.gif) no-repeat top left;
	color:#fff;
	text-indent:-99999px;
}
div.bonnereponse a.next:hover{
	background-position:bottom left;
}

div.bonnereponse a.plusinfo{
	display:block;
	width:285px;
	height:30px;
	background:url(interface_proposition1/plusinfo.gif) no-repeat top left;
	color:#fff;
	text-indent:-99999px;
	margin-top:30px;
}
div.bonnereponse a.plusinfo:hover{
	background-position:bottom left;
}

div.bonnereponse p.duproprio{
	text-align:center;
	padding-top:45px;
	margin-bottom:0;
}