* {margin:0;padding:0;}
a img {border:none;}
h3 {font-family:Georgia;font-size:22px;font-weight:normal;color:#772B49;margin-bottom:10px;}
p {margin:10px 0;}
ul, li {list-style-type:none;}
a:link, a:visited {color:#DC0186;}
a:hover {color:#000;text-decoration:none;}
body {margin:0;padding:0;text-align:center;background:#FF9CB4 url("../img/rencontre-sur-toulouse.fr/bg.png") repeat-x;font-family:Georgia, Arial, Helvetica, sans-serif;color:#303030;font-size:11px;}
#page {text-align:left;margin:0 auto;width:832px;background:#0396ca url("../img/rencontre-sur-toulouse.fr/page.png") repeat-y;position:relative;}
#header {position:relative;width:832px;height:500px;}
#footer {clear:both;height:35px;background:url("../img/rencontre-sur-toulouse.fr/footer.png") no-repeat center top #FF9CB4;padding-bottom:20px;text-align:center;color:#FFF;}
#footer p.copy {margin:0;line-height:35px;}
#footer a {color:#DC0186;}
#footer p.lien a {color:#FFF;}
.clearer {clear:both;}

#titre {
position:absolute;
left:0px;
top:0px;
width:348px;
height:172px;
background:url("../img/rencontre-sur-toulouse.fr/titre.jpg");
}

#head1 {
position:absolute;
left:348px;
top:0px;
width:232px;
height:123px;
}

#head2 {
position:absolute;
left:580px;
top:0px;
width:252px;
height:83px;
}

#picville {
position:absolute;
left:580px;
top:83px;
width:252px;
height:309px;
}

#inscription-titre {
position:absolute;
left:348px;
top:123px;
width:232px;
height:49px;
}

#screenshot {
position:absolute;
left:0px;
top:172px;
width:301px;
height:278px;
}

#inscription-form {
position:absolute;
left:301px;
top:172px;
width:279px;
height:278px;
background:url("../img/rencontre-sur-toulouse.fr/inscription_form.jpg");
}

#rdv-haut {
position:absolute;
left:580px;
top:392px;
width:252px;
height:58px;
}

#connexion {
position:absolute;
left:0px;
top:450px;
width:832px;
height:50px;
background:url("../img/rencontre-sur-toulouse.fr/connexion.png");
color:#FFF;
}
#connexion a {color:#EEE;}


#titre h1 {position:absolute;top:0;left:0;text-indent:-5999px;}
#titre h1 a {display:block;width:348px;height:172px;overflow:hidden;}

#content {margin:0 16px;padding:15px;}
#leftcol {width:400px;float:left;}
#rightcol {float:right;width:360px;}

/*formulaire d'inscription*/
form#inscription {color:#000;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;margin:5px;}
form#inscription p {margin:8px 0;height:22px;}
form#inscription input, textarea, select { margin-left:8px;width:120px;float:left;border:1px solid #333;padding:3px;font-size:11px;color:#666;}
form#inscription input.boxes {margin:0 4px;width:auto;border:none;padding:0;}
form#inscription label { display:block;width:130px;float:left;}
form#inscription input.btn_inscription {width:210px;height:38px;margin:0 27px;padding:0;border:none;}
p.pcharte {padding-top:20px;clear:both;}

/*formulaire connexion */
form#dejamembre {position:absolute;top:12px;left:20px;}
form#dejamembre input.textfield {width:90px;padding:3px;border:1px solid #8dcae0;color:#666;font-size:11Px;}
input.btnok {width:38px;height:21px;color:#FFF;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#dc0186;outline:none;border:1px solid #FFF;cursor:pointer;}

.profils {margin-bottom:20px;}
.profils img {margin-right:5px;border:1px solid #B83500;}
.profils img.last {margin-right:0;}


.box {border:1px solid #B02A4A;padding:15px;}
.box p{font-size:13px;}
.site-infos {background:#B02A4A;}
.site-infos p {margin:0;padding:10px;color:#FFF;font-size:16px;}
.site-infos p span {color:#FEF7A9;}
p.info-connectes {border-bottom:1px dotted #D34C82;}

.box ul {float:left;width:48%;}
.box li {line-height:20px;font-size:13px;}