/* coding:utf-8 */

h2 {
	padding-bottom:.15em;
	margin-bottom:1em;
	margin-top:1em;
	font-size:130%;
	color:#c64f00;
	border-bottom:1px dotted #c64f00;
}

#titreEnigme {
	margin-bottom:1em;
	padding-bottom:.15em;
	border-bottom:1px dotted #c64f00;
}

#titreEnigme span {
	color:#c64f00;
	font-size:130%;
	font-weight:bold;
}

#titreEnigme #dateFin {
	color:#c64f00;
	font-style:italic;
	float:right;
	font-size:100%;
}

#logoSite {
	background-repeat:no-repeat;
	background-image:url('../img/logosite.png');
	min-height:64px;
	width:271px;
	float:left;
	margin:1em 1em 1.5em 1em;
}

#enigme {
	width:100%;
	margin:16px;
	text-align:center;
}
#enigme img {
	border:1px solid #ccc;
}

#message {
	text-align:center;
	font-size:80%;
	color:#080;
}
#reponses {
}
.reponse {
	margin-top:16px;
	margin-bottom:16px;
	width:75%;
	margin-left:10%;
}
.enteteReponse {
	margin-bottom:.25em;
	background-color:orange;
	padding:.25em 1em;
}
.contenuReponse {
	background-color:white;
	padding:1em 1em 1em 48px;
	min-height:32px;
}
.reponseJuste {
	background-image:url('../img/juste.png');
	height:32px;
	background-position:top left;
	background-repeat:no-repeat;
}
.reponseFausse {
	background-image:url('../img/faux.png');
	min-height:32px;
	background-position:top left;
	background-repeat:no-repeat;
}


#identification {
	float:right;
	margin:1em 0;
}
form.identification * {
	font-size:100%;
}
form.identification input {
	border:1px solid #888;
	background-color:white;
}

#navigation {
	clear:both;
	text-align:center;
}
#navigation ul {
	list-style-type:none;
}
#navigation ul li {
	display:inline;
	margin:0 .5em;
}
#navigation ul li a {
	text-decoration:none;
}
#navigation ul li a:hover {
	text-decoration:underline;
}

#repondre {
	margin-left:10%;
}
#repondre p {
	clear:both;
	font-size:80%;
	color:#444;
	margin-top:1em;
	margin-bottom:1em;
}
form.repondre * {
	font-size:100%;
}
form.repondre textarea {
	border:1px solid #aaa;
	background-color:#eee;
	font-size:130%;
	width:75%;
	color:#444;
}
form.repondre input {
	border:2px solid #aaa;
	padding:.5em;
	background-color:#fff;
	font-size:100%;
	color:#000;
	border-radius:6px;
}
form.repondre input:hover {
	color:#fff;
	background-color:#ccc;
}


span.nomUtilisateur {
	font-weight:bold;
	color:#420;
}
span.dateReponse {
	color:#840;
	margin-left:2em;
}