/* *******************************************
* 
* Feuille de style codée par Yann Lorber www.yannlorber.fr
* pour Spin Interactive www.spin-interactive.com
*
* Octobre 2009 
* 
******************************************* */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronymess, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border : 0 none;
font-family : Arial;
font-weight : normal;
margin : 0;
outline-style : none;
outline-width : 0;
padding : 0;
vertical-align : baseline;
}
:focus {
outline-style : none;
outline-width : 0;
}
ol, ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
font-weight : normal;
text-align : left;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
em {
font-style : italic;
}
p{
margin: 15px 0px;
}
h2{
clear:both;
margin: 0px auto;
font-size: 18px;
height:20px;
text-align: center;
}
.separator{
clear: both;
float:left;
height: 20px;
width: 100%;
}

body{
background: #dbbabb url(../img/bg.gif) no-repeat center top;
font-size: 14px;
color: #707173;
}
#wrapper{
position:relative;
width:980px;
margin:0px auto;
}
#home {
position:relative;
width:1024px;
margin:0px auto;	
}
.right {
float:right;	
}


h1 {
background: transparent url(../img/logo.png) no-repeat center top;
width:264px;
height:264px;
margin:15px 0px;
}
h1 a {
width:278px;
height:256px;
display:block;	
}

h1.small {
background: transparent url(../img/logo_small.png) no-repeat center top;
width:189px;
height:195px;
position:absolute;
top:0px;
left:0px;
}
h1.small a {
width:189px;
height:195px;
display:block;	
}


#shoot {
position:absolute;
top:100px;
left:275px;	
width:427px;
height:96px;
display:block;	
background:url(../img/shoot.gif) no-repeat center top;	
}
#shoot2 {
clear:both;
width:427px;
height:200px;
margin:0px auto;
display:block;	
background:url(../img/shoot.gif) no-repeat center 70px;	
}
.girls {
background: transparent url(../img/girls.png) no-repeat left top;
width:334px;
height:213px;
position:absolute;
top:510px;
left:618px;
}

h2 {
position:absolute;
top:232px;
left:0px;	
width:100%;
height:40px;
display:block;
}
h2.h2inscription{
background:url(../img/tit_inscription.gif) no-repeat center top;	
}
h2.h2confirmation{
background:url(../img/tit_confirmation.gif) no-repeat center top;	
}
h2.h2upload{
background:url(../img/tit_upload.gif) no-repeat center top;	
}
h2.h2regles{
background:url(../img/tit_regles.gif) no-repeat center top;	
}
h2.h2info{
background:url(../img/tit_info.gif) no-repeat center top;	
}
h2.h2login{
background:url(../img/tit_login.gif) no-repeat center top;	
}
h2.h2reglement{
background:url(../img/tit_reglement.gif) no-repeat center top;	
}
.content{
margin:0px auto;	
width:930px;	
}
.signup{
width:930px;	
}
.reglement{
width:930px;	
}
.upload, .confirmation, .hotornot, .regles, .info{
width:680px;	
}
.user_desc {
width:530px;
float:left;
margin-right:10px;	
font-size:12px;
}
.user_desc_left, .user_desc_right{
width:240px;
float:left;
}
.user_desc_left{
margin-right:20px;			
}
.user_desc_left p{
margin:0px 0px 15px 0px;	
} 
.user_desc_right .name {
float:left;
width:125px;	
}
.user_desc_right .value {
float:left;
font-weight:bold;
width:114px;	
}
.user_desc_right li{
width:100%;
float:left;
margin-bottom:4px;	
}

.textzone {
float: left;
width:100%;
background-color: #EBCCCA;
padding:15px;
margin-bottom:10px;
}

.profils {
padding:7px;
width:666px !important;
}

.details {
width:520px;	
}

.user_desc .textzone{
width:500px !important;
}
.signup .textzone {
width:900px;	
}
.reglement .textzone {
width:900px;	
}
.confirmation .textzone {
width:650px;	
}
.regles .textzone {
width:650px;	
}
.info .textzone {
width:650px;	
}
.upload .textzone {
width:650px;	
}
.hotornot .textzone {
width:650px;	
}

.user_rate {
float:left;
width:140px;	
}

.user_pic{
background-color: #EBCCCA;
float:left;
width:140px;
margin-bottom:4px;
}
#rate0{
background:url(../img/thermo.gif) no-repeat left top;
}
#rate1{
background:url(../img/thermo.gif) no-repeat left -31px;
}
#rate2{
background:url(../img/thermo.gif) no-repeat left -62px;
}
#rate3{
background:url(../img/thermo.gif) no-repeat left -93px;
}
#rate4{
background:url(../img/thermo.gif) no-repeat left -124px;
}
#rate5{
background:url(../img/thermo.gif) no-repeat left -155px;
}
#rate6{
background:url(../img/thermo.gif) no-repeat left -186px;
}
#rate7{
background:url(../img/thermo.gif) no-repeat left -217px;
}
#rate8{
background:url(../img/thermo.gif) no-repeat left -248px;
}
#rate9{
background:url(../img/thermo.gif) no-repeat left -279px;
}
#rate10{
background:url(../img/thermo.gif) no-repeat left -279px;
}
.user_pic .photo {
clear:both;
margin:10px;
width:120px;	
height:120px;
overflow:hidden;
}
.photo img {
width:120px;	
}

.hotbar {
clear:both;
float:left;
width:140px;	
height:31px;
}
.hotleg {
clear:both;	
line-height:20px;
height:20px;
padding:0px 3px;
font-size:12px;
width:140px;	
text-align:center;
}

.pseudo {
width:650px;
height:50px;
padding:0px 15px;
background-color:#da3042;
}

.pseudo .sifr {
margin:0px auto;
font-size:32px;
font-weight:bold;
color:#fff;
text-align:center;
}
.nothot{
color:#0891fb;
font-weight:bold;
float:left;
}
.hot{
color:#e12723;
font-weight:bold;
float:right;
}
.photos{
text-align:center;	
}
.photos img {
width:120px;	
}
.photos .pic {
display:inline;
margin:0px 8px 10px 0px;
width:120px;	
height:120px;		
overflow:hidden;	
}
.photos .lastpic {
margin:0px;	
}
#signup, #upload {
border: 0px;
display:block;
cursor: pointer;
margin:0px auto 10px auto;
padding:0px;
width:106px;
height:42px;
background: transparent url(../img/btn_envoyer.gif) no-repeat left top;
text-indent:-9000px;
}
* html #signup {font-size:0px; line-height: 0px }
* html #upload {font-size:0px;line-height: 0px }
*+html #signup {font-size:0px; line-height: 0px }
*+html #upload {font-size:0px;line-height: 0px }

#signup:hover, #upload:hover {
background: transparent url(../img/btn_envoyer.gif) no-repeat left -42px;
}
#btnhot, #btnnohot {
border: 0px;
float:left;
display:block;
cursor: pointer;
margin:0px 0px 0px 10px ;
padding:0px;
width:55px;
height:55px;
text-indent:-9000px;
}
* html #btnhot {font-size:0px; line-height: 0px }
* html #btnnohot {font-size:0px;line-height: 0px }
*+html #btnhot {font-size:0px; line-height: 0px }
*+html #btnnohot {font-size:0px;line-height: 0px }

#btnhot{
background: transparent url(../img/btnhot.jpg) no-repeat left 0px;	
}
#btnnohot {
background: transparent url(../img/btnhot.jpg) no-repeat -55px 0px;
}
#btnhot:hover{
background: transparent url(../img/btnhot.jpg) no-repeat left -55px;	
}
#btnnohot:hover {
background: transparent url(../img/btnhot.jpg) no-repeat -55px -55px;
}
.center {
text-align:center;
}

a.retour {
display:block;
clear:both;
margin:10px auto 0px auto;
width:106px;
height:42px;
line-height:42px;
background: transparent url(../img/btn_retour.gif) no-repeat left top;
}
a.retour:hover {
background: transparent url(../img/btn_retour.gif) no-repeat left -42px;	
}

a.continuer {
display:block;
clear:both;
margin:10px auto 0px auto;
width:146px;
height:42px;
line-height:42px;
background: transparent url(../img/btn_continuer.gif) no-repeat left top;
}
a.continuer:hover {
background: transparent url(../img/btn_continuer.gif) no-repeat left -42px;	
}
a.suivante {
display:block;
clear:both;
margin:10px auto 0px auto;
width:128px;
height:42px;
line-height:42px;
background: transparent url(../img/btn_suivante.gif) no-repeat left top;
}
a.suivante:hover {
background: transparent url(../img/btn_suivante.gif) no-repeat left -42px;	
}
a.inscription {
display:block;
clear:both;
margin:10px auto 0px auto;
width:161px;
height:42px;
line-height:42px;
background: transparent url(../img/btn_inscription.gif) no-repeat left top;
}
a.inscription:hover {
background: transparent url(../img/btn_inscription.gif) no-repeat left -42px;	
}
a.inscristoi {
display:block;
clear:both;
margin:0px auto;
width:167px;
height:42px;
line-height:42px;
background: transparent url(../img/btn_inscristoi.gif) no-repeat left top;
}
a.inscristoi:hover {
background: transparent url(../img/btn_inscristoi.gif) no-repeat left -42px;	
}


a{
color:black;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.textzone a {
color:#D20707;
}



.col {
float: left;
width:50%;
}

.col label {
float: left;
clear:both;
width:200px;
height:35px;
text-indent:60px;
}

.col .inputs label {
float: none;
width:auto;
height:auto;
text-indent: 0px;
}


.col .inputs {
float: left;
width:210px;
height:35px;
}

.col .inputs input,
.col .inputs select#pays {
width:190px;
}


.col .inputs input.radio {
width:auto;
}


.last{
height:auto !important;
margin-bottom: 0px !important;
}

label.error {
font-size: 12px;
color:#D20707;
display: none;
clear: both;
}


.bigger{
font-size: 18px;
line-height: 24px;

}






.footer-links{
clear:both;
float:left;
width:100%;
text-align:center;	
}
.error {
color:#D20707;
}
.errors p, .errors ul {
text-align:center;
color:#D20707;
}
.errors ul {
margin:0px auto;
width:250px;
}
.errors ul li{
list-style-type:circle;
text-align:left;
}

.errors a {
font-weight:bold;
color:#707173;
}

.profil_preview {
float:left;
width:323px;	
background-color:#fff;
padding:3px;
height:60px;
cursor:pointer;
}

.profil_preview img {
width:60px;
height:60px;
float:left;	
}

.profil_preview .image, .profil_preview .pseudo_small{
float:left;	
}
.profil_preview .rating {
float:right;
margin-top:5px;
}
.profil_preview1 {
margin-right:7px;	
}
.profil_preview .pseudo_small{
width:115px;
height:60px;
margin-top:20px;
font-weight:bold;
text-align:center;
}
.profil_preview .pseudo_small a{

font-weight:bold;
}



.pagination{
float:right;
margin-right:160px;
font-size:12px;	
}


.pagination a {
color:#999;	
text-decoration:none;
padding:2px;
}
.pagination a:hover {
color:#fff;	
background-color:#da3042;
}

.pseudo_small a {
color:#707173;	
text-decoration:none;
}
.pseudo_small a:hover {
color:#fff;	
background-color:#da3042;
}

.loginbox {
position:absolute;	
top:15px;
right:0px;
font-weight:bold;
font-size:12px;	
}
*+html .loginbox { left:815px; width:180px; height:72px}
* html .loginbox { left:815px; width:180px; height:72px}

.loginbox div {
margin-top:3px;
font-weight:bold;
text-align:center;
}
.loginbox a {
color:#cc0000;font-weight:bold;

}


.profil_rank{
float:left;
width:580px;
height:62px;
padding:4px;
margin:0px 0px 0px 10px;	
}
.profil_rank .pseudo_small{
width:180px;
margin-left:10px;
}
.profil_rank .pseudo_small a{
font-weight:bold !important;	
font-size:18px;
}
.profil_rank .user_desc_right {
width:180px;	
}
.profil_rank .user_desc_right .name {
width:83px;
}
.profil_rank .user_desc_right .value {
width:83px;
}
.profil_rank .user_desc_right li{
margin-bottom:7px;
}
.rank {
float:left;	
width:68px;
height:68px;
display:block;
}

.profil_rank .user_desc_right{
float:left;
font-size:12px;	
}

.mensu {
width:30px;	
}

.motiv .radio {
margin-left:54px;	
	
}