/*-- Commun --*/
#mod_compte{width:794px;}
#mod_compte h1{
color:#990066;
font-size:20px;
font-weight:normal;
padding:0 0 7px 0;
margin:0 0 15px 0;
border-bottom:1px solid #e2e2e2;
}
#mod_compte .msg_erreur h1{
font-size:13px;
font-weight:bold;
padding:0 0 5px 0;
color:#de2108;
border:none;
margin:0;
}
#mod_compte.step1 h1, #mod_compte.step2 h1, #mod_compte.step3 h1, #mod_compte.step4 h1{
border:none;
margin:0;
padding:0 0 10px 0;
}
#mod_compte h1 span{
font-size:18px;
color:#333333;
}
#mod_compte .ensemble{
overflow:hidden;
zoom:1;
}
/*- Cadres Step -*/
#mod_compte .f_cadre_beige{
background:url(../images/commun/mod_compte/f_cadre_beige.gif) #f4efeb repeat-x;
width:794px;
margin:0 0 8px 0;
} 
#mod_compte .h_cadre_beige{
background:url(../images/commun/mod_compte/h_cadre_beige.gif) no-repeat top left;
padding:3px 0 0 0;
}
#mod_compte .b_cadre_beige{
background:url(../images/commun/mod_compte/b_cadre_beige.gif) no-repeat bottom left;
padding:19px 21px 20px 20px;
}
#mod_compte .b_cadre_beige .entete{padding:0 0 11px 0;}
#mod_compte .b_cadre_beige .entete h3{
background:url(../images/commun/mod_compte/f_bienvenue.gif) no-repeat;
line-height:35px;
color:#ffffff;
font-size:18px;
font-weight:normal;
padding:0 21px;
}
#mod_compte .h_cadre_blanc{
background:url(../images/commun/mod_compte/h_cadre_blanc.gif) no-repeat top left;
padding:4px 0 0 0;
margin:0 0 5px 0;
}
#mod_compte .b_cadre_blanc{
background:url(../images/commun/mod_compte/b_cadre_blanc.gif) no-repeat bottom left;
padding:0 0 4px 0;
}
#mod_compte .m_cadre_blanc{
background:#fff;
padding:15px 21px 0 21px;
}
/*- Formulaire -*/
#mod_compte .formulaire fieldset{
background:url(../images/commun/mod_compte/filet_fieldset.gif) repeat-x bottom;
padding:0 0 3px 0;
margin:0 0 18px 0;
}
#mod_compte .formulaire div.sep{
overflow:hidden;
zoom:1;
padding:0 0 15px 0;
}
#mod_compte .formulaire label{
font-size:14px;
font-weight:bold;
color:#990066;
float:left;
padding:2px 0 0 0;
}
#mod_compte .formulaire input, #mod_compte .formulaire select, #mod_compte .formulaire textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
border:1px solid #d1ccc7;
background: #F9F7F5 url(../images/commun/f_input.gif) repeat-x;
padding:2px 0;
float:left;
}
#mod_compte .formulaire input.inputError, #mod_compte .formulaire select.inputError, #mod_compte .formulaire textarea.inputError{
background:#FFF1F0;
border:1px solid #DE2108;
}
#mod_compte .formulaire textarea{background:url(../images/commun/f_textarea.gif) repeat-x;}
#mod_compte .formulaire .txt{
font-size:12px;
color:#666666;
}

/*-- Infos --*/
#mod_compte.infos .champs{
width:430px;
float:left;
}
#mod_compte.infos .txt{
width:355px;
float:left;
padding:0 0 15px 0;
}
#mod_compte.infos .h_cadre_beige .txt{width:270px;}
/*- Noms -*/
#mod_compte.infos p.pseudo{
line-height:58px;
background:url(../images/commun/mod_compte/f_pseudo.gif) #efeae5 repeat-x;
padding:0 22px;
font-size:16px;
margin:0 0 20px 0;
}
#mod_compte.infos p.pseudo strong{
font-size:20px;
font-weight:normal;
color:#d60588;
}
#mod_compte.infos .noms label{width:75px;}
#mod_compte.infos .noms input{width:135px;}
/*- Date Couleurs Region -*/
#mod_compte .date_couleurs_region label, #mod_compte.prefs .formulaire .date_couleurs_region label{width:210px;}
#mod_compte .date_couleurs_region input, #mod_compte .date_couleurs_region select{width:170px;}
#mod_compte .date_couleurs_region select{padding:0;}
#mod_compte .date_couleurs_region p.avertissement_date{
font-size:11px;
float:left;
padding:3px 0 0 15px;
}
#mod_compte.infos .date_couleurs_region p.age{
clear:both;
padding:8px 0 0 210px;
}
#mod_compte.infos .date_couleurs_region p.age input, #mod_compte.infos .date_couleurs_region p.age label{
width:auto;
border:none;
padding:0;
margin:0 6px 0 0;
font-size:11px;
color:#333333;
font-weight:normal;
background:none;
height:13px;
}
/*- Adresses -*/
#mod_compte.infos .h_cadre_beige fieldset.adresses{
background:none;
padding:0;
margin:0;
}
#mod_compte.infos .adresses label{width:135px;}
#mod_compte.infos .adresses input{width:130px;}
#mod_compte.infos .adresses input.adresse{width:270px;}
#mod_compte.infos .adresses input.ville{width:175px;}
#mod_compte.infos .adresses select{
padding:0;
width:272px;
}
/*- Submit -*/
#mod_compte.infos .obl_submit{
border-bottom:1px solid #e2e2e2;
padding:0 0 25px 0;
margin:0 0 15px 0;
}
#mod_compte.infos .h_cadre_beige .obl_submit{
border-bottom:none;
padding:0;
margin:0;
}
#mod_compte.infos .obl_submit .obl,
#mod_compte.interets .obl_submit .obl,
#mod_compte.prefs .obl_submit .obl{
font-size:10px;
color:#666666;
padding:0 0 20px 0;
}
#mod_compte.infos .obl_submit .obl span,
#mod_compte.interets .obl_submit .obl span,
#mod_compte.prefs .obl_submit .obl span{
font-size:15px;
color:#990066;
}
#mod_compte.infos .obl_submit input,
#mod_compte.interets .obl_submit input{
width:auto;
border:none;
padding:0;
background:none;
margin:0 15px 0 0;
}
/*- CNIL -*/
#mod_compte.infos .cnil, #mod_compte.interets .cnil{
font-size:10px;
color:#888888;
width:580px;
}
#mod_compte.step1 .cnil, #mod_compte.step3 .cnil{width:450px;}
#mod_compte.infos .identifiants .sep label, #mod_compte.infos .identifiants .sep strong{
font-size:14px;
font-weight:bold;
color:#990066;
float:left;
padding:2px 0 0 0;
width:110px;
}
#mod_compte.infos .identifiants input{width:200px;}
#mod_compte.infos .new_mdp .sep label{width:263px;}
#mod_compte .formulaire .identifiants div.sep2, #mod_compte .formulaire .new_mdp div.sep2{padding:0 0 8px 0;}


/*-- Interet --*/
#mod_compte.interets h2, #mod_compte.prefs h2{
font-size:14px;
font-weight:bold;
color:#990066;
padding:0 0 10px 0;
}
/*- Passe Temps/Sorties/Musique  -*/
#mod_compte .formulaire .passe_temps label,
#mod_compte .formulaire .sorties label,
#mod_compte .formulaire .musique label,
#mod_compte .formulaire .aime_deteste label{
font-size:13px;
font-weight:normal;
color:#333333;
padding:0 0 0 0;
!padding:3px 0 0 0;
}
#mod_compte .formulaire .passe_temps input,
#mod_compte .formulaire .sorties input,
#mod_compte .formulaire .musique input{
border:none;
background:none;
padding:0;
margin:0 10px 0 0;
}
#mod_compte .passe_temps ul,
#mod_compte .sorties ul,
#mod_compte .musique ul{
overflow:hidden;
zoom:1;
padding:0 0 6px 0;
}
#mod_compte .passe_temps li,
#mod_compte .sorties li,
#mod_compte .musique li{
display:block;
overflow:hidden;
zoom:1;
float:left;
width:175px;
padding:0 15px 12px 0;
}
#mod_compte .h_cadre_beige .passe_temps li,
#mod_compte .h_cadre_beige .sorties li,
#mod_compte .h_cadre_beige .musique li{width:160px;}
/*- Moi -*/
#mod_compte .moi p{
font-size:12px;
padding:0 0 15px 0;
}
#mod_compte .moi textarea{
width:335px;
height:102px;
margin:0 0 21px 0;
float:none;
}
/*- Aime/Deteste -*/
#mod_compte .h_cadre_beige .formulaire fieldset.aime_deteste, #mod_compte .h_cadre_beige .formulaire fieldset.musique{
background:none;
padding:0 0 5px 0;
margin:0;
}
#mod_compte .aime_deteste{padding:0 0 14px 0;}
#mod_compte .aime, #mod_compte .deteste{
float:left;
width:220px;
}
#mod_compte .formulaire .aime_deteste div.sep{padding:0 0 9px 0;}
#mod_compte .formulaire .aime_deteste label, #mod_compte.prefs .formulaire .aime_deteste label{
padding:3px 5px 0 0;
width:auto;
}

/*-- Prefs --*/
#mod_compte.prefs .formulaire label, #mod_compte.prefs .formulaire .identifiants strong{width:120px;}
#mod_compte.prefs .formulaire .identifiants strong{
color:#990066;
float:left;
font-size:14px;
font-weight:bold;
padding:2px 0 0 0;
}
/*- Avatar -*/
#mod_compte.prefs .avatar{font-size:11px;}
#mod_compte.prefs .avatar label{
float:none;
display:block;
padding:0 0 8px 0;
}
#mod_compte.prefs .avatar img{
float:left;
margin:0 15px 0 0;
}
#mod_compte.prefs .avatar .sep label{
font-size:13px;
color:#333333;
padding:0;
}
#mod_compte.prefs .avatar p{padding:0 0 8px 0;}
#mod_compte.prefs .avatar input{
background:none;
float:none;
}

/*- Identifiants -*/
#mod_compte.prefs .identifiants span{
font-size:15px;
padding:0 15px 0 0;
float:left;
}
#mod_compte.prefs .identifiants a{
float:left;
color:#990066;
font-size:11px;
text-decoration:none;
display:block;
margin:4px 0 0 0;
}
#mod_compte.prefs .identifiants a:hover{text-decoration:underline;}
/*- Profil -*/
#mod_compte .formulaire .profil div.sep{padding:0 0 8px 0;}
#mod_compte .profil span{
float:left;
padding:0 15px 0 0;
color:#990066;
font-size:14px;
font-weight:bold;

}
#mod_compte .profil label, #mod_compte .profil input{
width:auto;
border:none;
background:none;
padding:0;
margin:0 5px 0 0;
font-size:13px;
font-weight:normal;
color:#333333;
}
#mod_compte .profil label{
margin:0 20px 0 0;
!margin:2px 20px 0 0;
}
#mod_compte .profil p{
color:#666666;
font-size:12px;
padding:0 0 15px 0;
}
/*- Newsletter -*/
#mod_compte .formulaire fieldset.newsletter{
background:none;
padding:0;
margin:0;
}
#mod_compte .newsletter label, #mod_compte .newsletter input{
width:auto;
border:none;
background:none;
padding:0;
margin:0 8px 0 0;
font-size:13px;
font-weight:normal;
color:#333333;
}
#mod_compte .newsletter label{!margin:3px 0 0 0;}
/*- Submit -*/
#mod_compte.prefs .obl_submit{
border-bottom:1px solid #e2e2e2;
padding:0 0 45px 0;
margin:0 0 18px 0;
}
#mod_compte.prefs .desc{
border:none;
padding:0;
margin:0;
}
#mod_compte.prefs .h_cadre_beige .obl_submit{
border-bottom:none;
padding:0;
margin:0;
}
#mod_compte.prefs .obl_submit input,
#mod_compte.prefs .obl_submit input{
width:auto;
border:none;
padding:0;
background:none;
margin:0 15px 0 0;
}
/*- Supprimer -*/
#mod_compte .supprimer{
border-bottom:1px solid #e2e2e2;
margin:0 0 15px 0;
}
#mod_compte .supprimer h4{
font-size:13px;
font-weight:normal;
padding:0 0 10px 0;
}
#mod_compte .supprimer p{
font-size:13px;
color:#666666;
padding:0 0 15px 0;
}
#mod_compte .supprimer a{
color:#990066;
text-decoration:none;
}
#mod_compte .supprimer a:hover{text-decoration:underline;}


/*-- Login --*/
#mod_compte.login .formulaire{
float:left;
width:450px;
}
#mod_compte.login .formulaire fieldset{margin:0 0 25px 0;}
#mod_compte.login .visuel{
float:right;
width:257px;
}
#mod_compte.login .retour{padding:0 0 15px 0;}
#mod_compte.login .retour a{
background:url(../images/commun/puce/rose3.gif) no-repeat center left;
padding:0 0 0 17px;
color:#cc0481;
font-size:12px;
text-decoration:none;
}
#mod_compte.login .retour a:hover{text-decoration:underline;}
#mod_compte.login .f_connexion{
background:url(../images/commun/mod_compte/f_connexion.gif) #fddcf2 repeat-x;
width:794px;
margin:0 0 20px 0;
} 
#mod_compte.login .h_connexion{
background:url(../images/commun/mod_compte/h_cadre_beige.gif) no-repeat top left;
padding:3px 0 0 0;
}
#mod_compte.login .b_connexion{
background:url(../images/commun/mod_compte/b_cadre_beige.gif) no-repeat bottom left;
padding:19px 21px 20px 20px;
}
#mod_compte.login h1{
padding:0 0 15px 0;
margin:0;
border-bottom:none;
}
/*- Identite -*/
#mod_compte.login .m_connexion div.sep, #mod_compte.login .m_connexion div.submit{
float:left;
padding:0 14px 0 0;
}
#mod_compte.login .m_connexion .m_pwd_recover div.sep{float:none;}
#mod_compte.login .m_connexion div.sep label{
font-size:13px;
color:#333333;
display:block;
padding:0 0 5px 0;
}
#mod_compte .m_connexion div.sep input{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
border:1px solid #d1ccc7;
background:url(../images/commun/f_input.gif) repeat-x;
padding:2px 0;
width:190px;
}
#mod_compte .m_connexion div.submit input{margin:20px 0 0 0;}
#mod_compte .m_connexion div.mdp{
font-size:11px;
margin:26px 0 0 0;
}
#mod_compte .m_connexion div.mdp a{
color:#990066;
text-decoration:none;
}
#mod_compte .m_connexion div.mdp a:hover{text-decoration:underline;}

#mod_compte .m_pwd_recover{
background:#F9F7F5 url(./images/commun/mod_communaute/f_form_wall.gif) repeat-x;
border:1px solid #efeae5;
width:455px;
margin:20px 0 0 0;
}
#mod_compte .m_pwd_recover .form_int{padding:10px;}
#mod_compte.login .m_pwd_recover .formulaire{
float:none;
width:auto;
}
#mod_compte .m_pwd_recover h2{
font-size:14px;
font-weight:bold;
color:#990066;
padding:0 0 8px 0;
}
#mod_compte .m_pwd_recover label, #mod_compte .m_pwd_recover input{
float:left;
margin:0 15px 0 0;
}
#mod_compte.login .m_connexion .m_pwd_recover div.sep label{
width:auto;
padding:3px 0 0 0;
}
#mod_compte .m_connexion .m_pwd_recover div.sep input.submit{
border:none;
background:none;
width:auto;
height:auto;
padding:0;
}



#mod_compte.login .formulaire div.sep{padding:0 0 9px 0;}
#mod_compte.login .formulaire label{
font-size:13px;
color:#333333;
font-weight:normal;
width:165px;
}
#mod_compte.login .formulaire span{
padding:0 15px 0 0;
width:150px;
text-align:right;
float:left;
font-size:13px;
color:#333333;
}
#mod_compte.login .formulaire input{width:150px;}
#mod_compte.login .formulaire input.email{width:190px;}
#mod_compte.login .formulaire .genre{
overflow:hidden;
zoom:1;
padding:0 0 20px 0;
}
#mod_compte.login .formulaire .genre input, #mod_compte.login .formulaire .genre label{
background:none;
width:auto;
padding:0;
margin:0 5px 0 0;
border:none;
}
#mod_compte.login .formulaire .genre label{
margin:0 20px 0 0;
!margin:2px 20px 0 0;
}
/*- Newsletter -*/
#mod_compte.login .newsletter{padding:0 0 20px 0;}
#mod_compte.login .newsletter label, #mod_compte.login .newsletter input{
width:auto;
border:none;
background:none;
padding:0;
margin:0 8px 0 0;
font-size:13px;
font-weight:normal;
color:#333333;
}
#mod_compte.login .newsletter label{!margin:3px 0 0 0;}
/*- Submit -*/
#mod_compte.login .formulaire .submit input{
width:auto;
margin:0;
padding:0;
background:none;
border:none;
}
/*- CNIL -*/
#mod_compte.login .cnil{
color:#888888;
font-size:10px;
padding:10px 0 0 0;
margin:15px 0 0 0;
border-top:1px solid #e2e2e2;
}
#mod_compte.login .cnil p{width:670px;}