/* La zone transparente pour cacher le fond */
#transparent {
	width:100%;
	height:768px;
	background-color:#000000;
	margin: auto;
	left:0px;
	opacity: 0.50;
	filter: alpha(opacity=50);
	display:none;
	position:absolute;
	z-index:250;
}

/* La popup rose associée à la div de demande prénom*/
#popuprose1 {
	display:none;
	text-align : center;
	position:absolute;
	left:50%;
	top:50%;
	margin-top : -250px;
	margin-left : 170px;
	z-index:500;
}

/* La popup affiché lors de la demande du voeu*/
#popuprose2 {
	display:none;
	text-align : center;
	background-image:url(../images/V6_S2_popup3.gif);
	background-repeat: no-repeat;
	position:absolute;
	margin:auto;
	width : 313px;
	height : 244px;
	left:50%;
	top:50%;
	margin-top : -355px;
	margin-left : 130px;
	z-index:500;
}

/* Le texte de la popup rose affiché lors de la demande du voeu */
#textpop
{
	size : 12px;
	color : white;
	padding-left : 20px;
	padding-top : 10px;
	padding-right : 10px;
	margin-top : 10px;
	text-align : left;
}

/* La zone qui contient la demande du sexe, du prenom et de la date de naissance ainsi que les zones pour le voeu*/
#demandeprenom 
{
	display:none;
	text-align : center;
	background-image:url(../images/degrade.jpg);
	background-repeat: repeat-x;
	border :3px solid white;
	width: 450px;
	height:240px;
	position:absolute;
	padding : 10px;
	left:50%;
	top:50%;
	margin-top : -120px;
	margin-left : -175px;
	z-index:500;
}

#validation
{
	position : absolute;
	width : 13px;
	height : 80px;
	margin-left : 410px;
	margin-top : -4px!important;
	top : 87px;
}

/* La zone pour le sexe, prénom et date de naissance */
#zoneprenom
{
	position : relative;
	top : 5px;
	margin-left:0px;
	left:0px;
	text-align : left;
}

/* La zone de texte pour la saisie du prénom */
#saisiprenom
{
	margin:auto;
	margin-top:0px;
	width : 220px;
	margin-left :5px;
}

/* La zone de texte pour la saisie de la date de naissance */
#saisiddn
{
	margin:auto;
	margin-top:0px;
	width : 220px;
	margin-left :5px;
}

/* Le conteneur pour la zone de chat, l'image de la voyante, le pseudo et le texte */
#boitechat
{
	position:relative;
	margin:auto;
	width : 613px;
	height : 486px;
	padding-top:15px;
	top : 125px;
	background-image:url(../images/chat_V7.jpg);
	background-repeat : no-repeat;
}

/* Le conteneur pour le chat */
#conteneur_chat
{
	position:relative;
	margin:auto;
}

/* Le chat */
#chat
{
	position:absolute;
	margin-left:10px;
	margin-top:25px;
	left:0px;
	width:575px;
	height:376px;
}

/* La zone où le dialogue est écrit */
#chat_dialogue
{
	width:385px;
	height:274px;
	font-family : Arial, Helvetica, sans-serif;
	/*color:#000000;*/
	text-align : left;
	font-size : 12px;
	overflow:auto;
	position:absolute;
	top:0px;
	margin-left : 10px;
	left:0px;
}

/* La zone où l'user tape sa réponse  */
#chat_reponse_internaute
{
	width:390px;
	height:45px;
	overflow:auto;
	color:#FFFFFF;
	position:absolute;
	background-color:black;
	font-size : 12px;
	bottom:0px;
	left:0px;
	resize: none;
	font-family : Arial, Helvetica, sans-serif;
	border: 0px;
}

/* L'image de la voyante */
#chat_image_voyant
{
	position:absolute;
	width:174px;
	height:383px;
	margin-top : 0px!important;
	top : 1px;
	right: -9px;
}

/* Le bouton pour valider le texte */
#chat_bouton_envoyer
{
	width:80px;
	position:absolute;
	bottom:-32px!important;
	right:178px;
	background:#000000;
	color:#990099;
	font-weight:bold;
	cursor:pointer;
}

/* Quand la voyante écrit le message "est en train d'écrire..." apparaît dans cette zone */
#chat_bandeau_alerte
{
	width:395px;
	height:20px;
	position:absolute;
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	bottom:62px;
	left:0px;
	color:white;
	font-weight:bold;
	font-size:12px;
}

.radiobtn
{
	font-size : 11px;
	cursor:pointer; 
}

.site{
	-moz-box-shadow: 5px 5px 15px #444;
	-webkit-box-shadow: 5px 5px 15px #444;
	background-color : #000000;
	background-image:url(../images/degrade.jpg);
	background-repeat: repeat-x;
	border :3px solid white;
	position : absolute;
	width:360px;
	padding-top:10px;
	top : 50%;
	left : 50%;
	margin-top : -150px;
	margin-left : -180px;
	text-align : left;
	z-index:10;
}