/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*@Utiles---------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.hidden{overflow:hidden;}
.both{clear:both;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.norepeat{background-repeat:no-repeat;}
.repeatX{background-repeat:repeat-x;}
.repeatY{background-repeat:repeat-y;}
.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.underline{text-decoration:underline;}

.invisible{
	filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}

.italic{font-style:italic;}
.cursor{cursor:pointer;}

a {
color:#7F0020;
}

/*La landing page*/
body{
	background-image:url(/image/template/zone_visiteur/webcam-rose/background.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
}

#webcamrose{
	background-image:url(/image/template/zone_visiteur/webcam-rose/fond.jpg);
	background-repeat:no-repeat;
	height:610px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:800px;
}

.baseline{
	color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	width:800px;
	display:block;
	height:16px;
}

#container{
	float:right;
	height:570px;
	margin-right:36px;
	width:290px;
}

*html #container{margin-right:18px;}

/*MEMBRE EN LIGNE*/
ul#membres_connectes{
	font-size:11px;
	font-weight:bold;
	height:37px;
	padding-left:80px;
	padding-top:138px;
	width:210px;
}

ul#membres_connectes li{
	text-align:left;
	width:60px;
	height:20px;
	color:#FF99FF;
	font-size:13px;
	font-weight:bold;
	float:left;
}

ul#membres_connectes li.connects{padding-left:85px;}


/*FORMULAIRE*/
 #formulaire{
	color:#FFFFFF;
	height:350px;
	margin-top:80px;
	width:290px;	
 }
 
*html #formulaire{margin-top:63px}
*+html #formulaire{margin-top:63px}

#formulaire .critere{
	width:290px;
	height:50px;
	text-align:center;	
}

#formulaire div#nom_ville{
	height:26px;
}

#formulaire .item_text{
	background-color:#FFCCFF;
	border:1px solid #FF00FF;
	font-size:13px;
	color:#776F74;
	padding-left:2px;
	margin:2px;
	vertical-align:middle;
	width:200px;
}

#formulaire .item_select{
	color:#776F74;
	font-size:13px;
	margin:2px;
	vertical-align:middle;
	width:200px;
}

#cgu{
	height:12px;
	width:290px;
}

#cgu_box,
#cgu_txt{
	float:left;
}

#cgu_box{
	border:0 none;
	background:none;
	text-align:right;
	width:59px;
}

#cgu_txt{
	color:#FFFFFF;
	font-size:12px;
	padding-left:5px;
	padding-top:4px;
	width:220px;
	height:20px;
	text-align:left;
}

#cgu .cgulink{
	color:#FF00FF;
}

#formulaire #submit_form1{
	color:#000000;
	cursor:pointer;
	font-size:10px;
	height:25px;
	margin-left:45px;
	margin-top:5px;
	text-align:center;
	width:200px;
}

/* CONNEXION */
#inscription{
	position:relative;	
	top:500px;
	width:380px;
	height:80px;
}
#deja_inscrit{
	cursor:pointer;
	color:#FF33CC;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

#connexion{
	height:50px;
	padding-top:10px;
	width:370px;
	color:#FFCCFF;
	display:none;
}

#connexion #pseudo,
#connexion #passe {
	height:20px;
	width:160px;
	float:left;
}	

#connexion .label_text ,
#connexion .label_password {
	height:12px;
	padding-top:1px;
	float:left;	
	text-align:left;
	width:58px;
	font-weight:bold;
}

*html #connexion .label_text ,
*html #connexion .label_password {
	padding-top:4px;
	width:50px;
}

#connexion .item_text ,
#connexion .item_password {
	height:15px;
	width:80px;
	padding-left:3px;
	padding-bottom:0px;
	margin-left:4px;
	float:left;	
}	
#connexion .disclaimer  {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #FF00FF;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	height:21px;
	width:30px;
	float:left;
	text-align:center;
}


#connexion #identifiants_perdus{
	color:#FF00CC;
	font-size:10px;
	padding-top:25px;
	padding-left:5px;
	width:100px;
	height:12px;
	display:block;
}

/*CGV*/
 #cgv{
	color:#999999;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	width:760px;
}

.footer{
	text-align: center; 
	color:#000; 
	font-family: arial; 
	font-size: 10px; 
	padding-top: 15px;
	padding-bottom: 15px;
}

 /*** OVERLAY PASS PERDU**/
 .cCE0083{
	color:#CE0083;
 }
 
div#contenu_overlay2{
	width:400px;
	height:160px;
	background:none;
	border:none;
}

div#contenu_overlay2  .pass_perdu{
	width:400px;
	height:160px;
	background-color:#000000;
	border:3px solid #FFFFFF;/*Rose foncé*/
}

div#contenu_overlay2  #titre_pass_perdu{
	color:#ffffff;
	width:400px;
	height:25px;
}

div#contenu_overlay2 .titre_pass_perdu{
	width:340px;
	height:25px;
	padding-left:10px;
}

div#contenu_overlay2  .fermer_pass_perdu{
	background-image:url(/image/template/zone_visiteur/rencontres-voisines/img_fermer.jpg);
	width:50px;
	height:17px;
	float:right;
	margin-left:0px;	
}

div#contenu_overlay2 #text_pass_perdu{
	color:#ffffff;
	padding-left:10px;
}

div#contenu_overlay2 #mon_email{
	background-color:#FFFFFF;
	border:1px solid #CE0083;
	color:#CE0083;
	float:left;
	height:18px;
	margin-top:11px;
	padding-bottom:3px;
	width:180px;
	padding-left:3px;	
}

div#contenu_overlay2 input#submit_mon_email{
	background-image:none;
	background-color:#CE0083;/*Jaune */
	border:1px solid #999999;
	color:#FFFFFF;/*Noir*/
	cursor:pointer;
	float:left;
	font-size:11px;
	height:25px;
	margin-left:10px;
	text-transform:uppercase;
	width:110px;
	margin-top:10px;
}


*html div#contenu_overlay2 #mon_email{
	padding-bottom:0px;
	padding-top:4px;
}

*+html div#contenu_overlay2 #mon_email{
	padding-bottom:0px;
	padding-top:4px;
}