@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background: url(../img/bg.gif) repeat top left; font-family:Arial, Helvetica, sans-serif}

#center{
	position:relative;
	padding:0;
	margin:auto;
	width:920px;
	height:625px;
	background: url(../img/mainBg.png) no-repeat bottom center;
	border: 1px solid #cccccc;
}

#titreHeader{
	position:absolute;
	right:14px;
	font-size:22.5px;
	color:#ffffff;
	font-weight:bold;
}

#titreContent{
	position:absolute;
	width:740px;
	height:40px;
	top:110px;
	right:23px;
	font-size:24px;
	color:#4e82c0;
	text-align:right;
	font-weight:bold;
}

#player{
	position:absolute;
	top:166px;
	left:23px;
	border:1px solid #669acc;
	width:400px;
	height:346px;
}

#contents{
	position:absolute;
	top:166px;
	right:23px;
	border:1px solid #669acc;
	width:450px;
	height:346px;
	overflow:hidden;
}

.titre{width:447px;height:17px; padding: 1px 0 0 3px; background-image:url(../img/fondTitreListeQuestions.jpg); color:#ffffff; font-size:12px;}

.text{ float:left; width:300px; }
.titre .fleche{ float:right; width:17px; height:17px; background:url(../img/fleche_off.gif) top right no-repeat; }
.titre.on .fleche{ background:url(../img/fleche_on.gif) top right no-repeat; }

#titreChat{ }
#titrePosez{ }
/*#titrePosez.on{width:450px;height:18px; background-image:url(../img/fondTitrePoserQuestions_on.jpg);}*/
#contentChat{overflow:auto;padding:10px 10px 10px 10px;height:291px; color:#4e82c0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contentChat.apres{height:308px;}
#contentPosez{overflow:hidden;padding:12px 10px 10px 12px;height:134px; color:#4e82c0; font-size:11px;  }/*display:none;*/
#contentPosezAvant{overflow:hidden;padding:20px 10px 10px 12px;height:298px; color:#4e82c0; font-size:11px; }
a { text-decoration:underline; color:#4e82c0; }

input.pseudo{ padding:2px; width:120px; background-color:#ffffff; border:1px solid #003d63; color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size-adjust:none;}

input.nom_prenom{ padding:2px; width:120px; background-color:#ffffff; border:1px solid #003d63; color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size-adjust:none;}

input.email{ padding:2px; width:158px; background-color:#ffffff; border:1px solid #003d63; color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size-adjust:none;}

input.check{ width:9px; height:9px; background-color:#FFFFFF; border:1px solid #003d63; }

input.bouton{ width:80px; /*height:20px;*/ border:1px solid #003d63; background-color:#ffffff; color:#666666; font-size:11px;}

textarea.question{ border:1px solid #003d63; color:#666666; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:350px; height:93px;}

.lienQuestion{ text-decoration:none; color:#4e82c0;}
.lienQuestion:hover{text-decoration:underline;}

#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:920px;
}

#address{
	float:left;
	width:605px;
	height:17px;
	color:#999999;
	font-size:10px;
	padding:7px 0 0 9px;
}

#copyright{
	float:right;
}

#lienMontrouge{
	position: absolute;
	top:12px;
	left:25px;
	width:100px;
	height:125px;
}