body {margin: 0; padding: 0; color: #9157a1; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
body#selogguer #container {width: 805px;}
body#sinscrire #container {padding: 10px 0;width: 840px;}
body#remplir-profil #container {padding: 20px 0 0 0; width: 870px;}

form, fieldset, label, input, select {margin: 0; padding: 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}

#remplir-profil #content {padding: 30px 0;}

#elmts {width: 260px; float: left;}
#elmts h1, #content h1 {margin: 0 0 0 18px; padding: 0;}
#content h1 {position: absolute; top: 10px; left: 0;}
#content h2, #sinscrire h2 {margin: 0; padding: 0 0 10px 33px; font-size: 11px;}

#login-form {margin: 20px; padding-top: 40px; width: 215px;}
#selogguer #login-form {position: absolute; top: 60px; left: 0;}
#selogguer #login-form .erreur {color:#f00; font-weight:normal;}

#login-form form {margin: 0; padding: 0 15px 15px 15px;}

#login-form label {display: block; padding-bottom: 5px; color: #f5daff; font-size: 11px; font-weight: bold; line-height: 1.6;}
#login-form input, #login-form select {border: 0; width: 185px;}
#login-form input {padding: 2px 0; font-size: 11px;}
#login-form select {margin-bottom: 5px; font-size: 11px;}
#login-form input.submit {width: 40px; height: 22px; background: url(../img/btns_forms_40.gif) no-repeat; float: right;}

#login-form a {color: #f5daff; float: left; line-height: 2.1;}

#mobile {margin: 20px; padding-top: 222px; width: 215px; background: url(../img_local/mobile_header.jpg) no-repeat;}

#mobile div {margin: 0; padding: 0 15px 15px 15px; background: url(../img/login.gif) no-repeat 0 100%;}
#mobile p {margin: 0; padding: 0;}

#inscrits {width: 500px; float: right;}
#selogguer #inscrits {padding-top: 10px;}
#sinscrire #inscrits {width: 580px;}
.personne {padding-bottom: 20px; width: 120px; float: left;}
#sinscrire .personne {width: 140px;}
.personne a {display: block; width: 120px; text-decoration: none; overflow: hidden;}

#profil {padding-bottom: 20px; width: 565px; float: right;}
#profil p {margin-bottom: 10px;}
#profil img {margin-right: 10px; border: 2px solid #e1d3e7; float: left;}
#profil ul {margin: 10px 0 0 0; padding: 0; line-height: 1.4; list-style: none; float: left;}
#profil ul img {margin: 0 2px; border: 0; float: none;}
#profil h3 {margin: 0; padding: 0; font-size: 18px;}
#profil h4 {margin: 0; padding: 0; font-family: Arial; font-size: 16px;}
#bloc_infos {clear: both;}
#bloc_infos ul {margin: 0; padding: 0;}
#bloc_infos div {margin-right: 10px; padding-top: 10px; width: 260px; float: left;}
#bloc_infos div div {padding: 0; float: none;}
#bloc_infos em {font-style: normal; font-weight: bold;}

#teaser {width: 436px; clear: both; float: right;}
#teaser div {margin: 0 0 0 8px; width: 392px;}
#teaser p {margin: 0; padding: 0 15px 10px 15px;}
#teaser h2 {margin: 0 0 0 -9000px; padding: 0; width: 9215px; height: 29px;}
#teaser span {display: block; width: 436px;}
#teaser span.top {margin-bottom: -100px; width: 436px; height: 125px;}
#teaser span.end {height: 45px;}
#stats {font-size: 11px; font-weight: bold;}
#stats strong {font-size: 1.1em;}
#inscristoi {display: block; margin: 0 50px 0 23px; position: relative; text-align: right;}
#inscristoi img {border: 0;}

#recherche {margin: 30px 0 50px 0; clear: both; float: right;}
#recherche.mixte {width: 532px;}
#recherche.boy, #recherche.girl {width: 466px;}
#recherche label {padding: 0 0 8px 10px; float: left; font-size: 11px; font-weight: bold;}
#recherche select {width: 110px;}
#recherche input, #recherche select {font-size: 11px;}
#recherche input {padding: 1px 0;}
#recherche input.submit {margin-right: 10px; padding: 0; border: 0; width: 40px; height: 22px; background: url(../img/btns_forms_40.gif) no-repeat; float: right;}
#recherche.mixte .cut {width: 50%; clear: both;}
#recherche.boy label.cut, #recherche.girl label.cut {padding-right: 10px; float: right;}
#recherche label.last {padding: 4px 0 0 10px;}
#recherche.mixte form {width: 497px;}
#recherche.boy form, #recherche.girl form {width: 431px;}
#recherche span {display: block; clear: both;}
#recherche.mixte span {width: 532px;}
#recherche.boy span, #recherche.girl span {width: 466px;}
#recherche span.top {height: 45px;}
#recherche span.end {height: 20px;}

#actions {margin: 20px; padding-top: 15px; width: 215px; background: url(../img/remplir_profil_actions.gif) no-repeat;}
#actions h2, #actions ul {margin: 0; padding: 0 15px; color: #7a4e7f;}
#actions ul {margin: 5px 0 10px 0; list-style: none;}
#actions ul.ac-contact {margin-bottom: 0; padding-bottom: 15px; background: url(../img/remplir_profil_actions.gif) no-repeat 0 100%;}
#actions a {color: #7a4e7f;}

#infos {margin: 20px; padding-top: 15px; width: 215px; background: url(../img/remplir_profil_infos.gif) no-repeat;}
#infos p {margin: 0; padding: 0 15px; color: #4c4c4c; font-size: 11px; line-height: 1.4;}
#infos p.nos-abonnements {padding-bottom: 20px; background: url(../img/remplir_profil_infos.gif) no-repeat 0 100%;}
#infos a.plus {display: block; margin: 5px 0 15px 0; padding-left: 10px; background: url(../img/remplir_profil_bullets.gif) no-repeat 0 0.5em; color: #7a4e7f;}
#infos p.nos-abonnements a.plus {margin-bottom: 0;}
#infos h2 {margin: 0 0 0 -2000px; padding: 0; width: 2190px; height: 30px; background: url(../img/remplir_profil_h2.gif) no-repeat;}
#infos h2.nos-services {background-position: 100% 0;}
#infos h2.nos-abonnements {background-position: 100% -30px;}

#bienvenue {padding-top: 20px; width: 570px; float: left;}
#bienvenue h2 {margin: 0 0 10px 0; padding: 0; color: #7a4e7f; font-size: 14px;}
#bienvenue p {margin: 0 0 20px 0; padding: 0; color: #4c4c4c; font-size: 11px; line-height: 1.4;}

#soft, #adulte {padding-bottom: 20px; width: 268px; float: left; background: url(../img/remplir_profil_bg.gif) no-repeat;}
#soft {margin-right: 20px; background-position: 0 100%;}
#adulte {background-position: -268px 100%;}
#soft h2, #adulte h2 {margin: 0; padding: 225px 0 0 0; height: 0 !important; height /**/: 225px; overflow: hidden;}
#soft h2 {background: url(../img/remplir_profil_soft.jpg) no-repeat 100% 0;}
#adulte h2 {background: url(../img/remplir_profil_adulte.jpg) no-repeat 100% 0;}

#bienvenue ul {margin: 0 10px; padding: 0; font-size: 11px; list-style: none; line-height: 1.4;}
#bienvenue li {padding-left: 10px; background: url(../img/remplir_profil_bullets.gif) no-repeat;}
#soft ul, #soft a {color: #fff;}
#adulte ul, #adulte a {color: #e2c9c9;}
#soft li {background-position: -500px 0.5em;}
#adulte li {background-position: -1000px 0.5em;}

#soft a, #adulte a {display: block; margin: 25px 0 0 90px; width: 160px; height: 22px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 2;}
#soft a {background: url(../img/btns_forms_160.gif) no-repeat;}
#adulte a {background: url(../img/btns_forms_160_ho.gif) no-repeat;}

/* inscription */
#inscription {width: 580px; float: left;}

#inscription .header {padding: 15px;}

#inscription ul {margin: 0 0 20px 0; padding: 0; text-align: right; list-style: none;}
#inscription li {display: inline;}

#inscription fieldset {width: 580px; overflow: hidden; float: left;}
#inscription legend {display: none;}

#inscription input, #inscription select, #inscription span {display: block; margin: -1.8em 0 0 300px;}
#inscription form div, #inscription label, #inscription p {display: block; margin: 0; padding: 8px 15px; clear: both;}
#inscription .check input, #inscription span.required {display: inline; margin: 0;}
#inscription .header p {margin: 0; padding: 0;}

#inscription label {padding-right: 205px;}
#inscription label.check {padding-right: 5px;}

#inscription div#rappel-mdp {padding: 0; width: 580px;}
#inscription #genre label {display: inline; padding: 0; width: auto;}
#inscription #genre input {display: inline; margin: 0;}

#inscription em.warning {margin-left: 300px; width: 200px; float: left; color:#000;}

#inscription select#jn {width: 52px;}
#inscription select#mn {margin-left: 355px; width: 90px;}
#inscription select#an {margin-left: 444px; width: 65px;}

#inscription select#quest {width: 200px;}

#inscription a#cgu {margin: 10px 0 0 5px; float: left;}

#inscription input.submit {
 margin: 15px 15px 15px 0; padding: 0; border: 0;
 width: 120px; height: 22px;
 background: url(../img/btns_forms_120.gif) no-repeat;
 float: right;
 font-weight: bold;
 cursor: pointer;
}

/*Footer*/
#footer {margin:0; padding:0; clear:both; list-style:none; text-align:center;}
#footer li {display:inline;}

#sinscrire #footer {padding:5px 0;}

/* submit */
* input.submit {color: #fff; font-size: 11px; font-weight: bold;}

/* Typo */
#inscription label, #inscription p, #inscription div {font-weight: bold;}
#inscription p span, #rappel-mdp p, #inscription p.infos, #inscription form a, #inscription p.required, #inscription label em, #inscription #genre label, #inscription .header p, #inscription .header a {font-weight: normal;}

#inscription label em, #inscription .header p, #mobile p {line-height: 1.4;}
#inscription label, #inscription p, #inscription div {line-height: 1.8;}
#inscription a#cgu {line-height: 2;}

.personne {text-align: center;}

/* Skin */
#sinscrire {background: #fefefe url(../img/photo_inscription.jpg) no-repeat 0 100%;}
#selogguer {background: #fff url(../img/selogguer.gif) no-repeat;}

#selogguer.lmixte #content {background: url(../img/photo_login_mixte.jpg) no-repeat 0 100%;}
#selogguer #content, #selogguer.lboy #content {background: url(../img/photo_login.jpg) no-repeat 0 95%;}
#selogguer.lgirl #content {background: url(../img/photo_login_girl.jpg) no-repeat 0 100%;}

#remplir-profil #container {background: url(../img/remplir_profil.gif) repeat-y;}
#remplir-profil #content {background: url(../img/remplir_profil_end.gif) no-repeat 0 100%;}

#sinscrire #login-form {background: url(../img/login.gif) no-repeat;}
#sinscrire #login-form form {background: url(../img/login.gif) no-repeat 0 100%;}

#selogguer #login-form {background: url(../img/login_selogguer.gif) no-repeat;}
#selogguer #login-form form {background: url(../img/login_selogguer.gif) no-repeat 0 100%;}

#teaser span.top {background: url(../img/teaser_top.png) no-repeat;}
#teaser span.end {background: url(../img/teaser_end.png) no-repeat;}
#teaser div {background: #fff;}
#teaser h2 {background: url(../img/teaser_h2.gif) no-repeat;}
#teaser h2#tease-dial {background-position: 100% 0;}
#teaser h2#tease-messagerie {background-position: 100% -29px;}
#teaser h2#tease-sms {background-position: 100% -58px;}

#recherche form {background: url(../img/login_recherche_form.png);}
#recherche.mixte span.top {background: url(../img/login_recherche_mixte.png) no-repeat;}
#recherche.boy span.top {background: url(../img/login_recherche_boy.png) no-repeat;}
#recherche.girl span.top {background: url(../img/login_recherche_girl.png) no-repeat;}
#recherche span.end {background: url(../img/login_recherche_end.png) no-repeat;}
#recherche.boy span.end, #recherche.girl span.end {background: url(../img/login_recherche_small_end.png) no-repeat;}

#inscription {background: url(../img/inscription.gif) no-repeat 0 100%;}
#inscription .header {background: url(../img/inscription.gif) no-repeat 0 0;}
#inscription fieldset {background: #fdf7ff;}
#rappel-mdp, #inscription p.infos {background: #e1d3e7;}
#inscription p.required {background: #f7ecfa;}
#inscription p.erreur {background: #fdf7ff;}

#inscription label, #inscription p, #inscription form div {border-bottom: 1px solid #e1d3e7;}
fieldset, #inscription #genre label, #inscription .header p {border: 0;}

#inscription form em, span.required {color: #D00;}
#inscription form a, * select, * input, #teaser p, .personne a {color: #333;}
#inscription .header p, #inscription .header li, #inscription .header a, #mobile p, #recherche label, #recherche span {color: #FFF;}

.personne a img {border: 1px solid #333;}
.personne a strong, #stats strong, #footer, #footer a {color: #9157a1;}

#teaser p#stats {color: #9ea695;}

/* Clearing et hacks IE */
body:after, div:after, form:after, #inscription label:after, #inscription p:after {display: block; content: "."; height: 0; clear: both; visibility: hidden;}

#inscription input[type=hidden] {display: none;} /* Firefox */

body, form, div, #inscription label {display: inline-block;}
body, form, div, #inscription label {display: block;}
* html body, * html form, * html div, * html #inscription label {height: 1px;}

* html #teaser span.top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/teaser_top.png',sizingMethod='scale');}
* html #teaser span.end {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/teaser_end.png',sizingMethod='scale');}

* html #recherche.mixte span.top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/login_recherche_mixte.png',sizingMethod='scale');}
* html #recherche.boy span.top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/login_recherche_boy.png',sizingMethod='scale');}
* html #recherche.girl span.top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/login_recherche_girl.png',sizingMethod='scale');}
* html #recherche span.end {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/login_recherche_end.png',sizingMethod='scale');}
* html #recherche.boy span.end, * html #recherche.girl span.end {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/login_recherche_small_end.png',sizingMethod='scale');}

/* IE5.x/Win hacks */
@media tty {
i{content:"\";/*" "*/}} * html #teaser span.top {margin: 0 0 -115px 8px; width: 392px; background: #fff;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #teaser span.end {margin-left: 8px; width: 392px; background: #fff;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche.mixte span.top {background: url(../img/login_recherche_mixte.gif) no-repeat;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche.boy span.top {background: url(../img/login_recherche_boy.gif) no-repeat;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche.girl span.top {background: url(../img/login_recherche_girl.gif) no-repeat;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche form, * html #recherche span.end {width: 497px; background: url(../img/login_recherche_form.gif);} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche.boy form, * html #recherche.girl form {width: 431px;} /*";}
}/* */
@media tty {
i{content:"\";/*" "*/}} * html #recherche.boy span.end, * html #recherche.girl span.end {width: 431px; background: url(../img/login_recherche_form.gif);} /*";}
}/* */

fieldset label { width: 360px; }
fieldset label.check { width: 560px; }

#insc-cp label { width:100%; }
#inscription #insc-genre div, #insc-cp label, #insc-ville label, #insc-codep label { border:none;float:left;margin:0;padding:0; }

#inscriptiont #paysParams { border: 0; }
#inscription form div { padding: 0; }
#inscription label { border: none; }
/* #inscription #insc-genre, #inscription #insc-cp, #inscription #insc-ville, #inscription #insc-codep { padding: 8px 15px; } */

#insc-genre input { display: inline; margin: 0; }
#insc-genre label { padding-right: 5px; width: 560px; }
#insc-genre span { font-weight: normal; }

#inscription #insc-genre div.title,
#inscription #insc-genre div.info { border: 0; }

#insc_dn label {border: none;}
#inscription form div #insc_dn_selects {float: left; border: none; margin-top: -8px;}
#inscription select#jn {margin-left: 315px;}
#inscription select#mn {margin-left: 370px;}
#inscription select#an {margin-left: 463px;}

#inscription label.my-input-label {
	display: inline;
	padding: 0;
	width: 60px;
}
#inscription label:after { content: none; }

#inscription #coordonnees div.erreur,
#inscription #coordonnees div.required { background-color: #ffffff; padding: 10px; }
#inscription #coordonnees form input.submit { margin: 15px 15px 15px 0; }
#inscription #coordonnees #cbs .champ_inp {float: left;}
#inscription #coordonnees #cbs .champ_lbl {margin-left:5px; margin-top:-3px; width:530px;}
#inscription #coordonnees .champ { background-color: #ffffff; }
#inscription #coordonnees .infos { background-color: #e1d3e7; padding: 10px; font-weight: normal; }
#inscription #coordonnees .champ_lbl {width: 300px; float: left; }
#inscription #coordonnees .champ_inp {float: left;}
#inscription #coordonnees input,
#inscription #coordonnees select,
#inscription #coordonnees span { margin: 0; display: inline; }
#inscription #coordonnees fieldset { padding: 5px 0 10px 0; border-bottom: 1px solid #e1d3e7 !important; }
#inscription #coordonnees fieldset#set-erreur { padding: 0; }
#inscription #coordonnees form div { border-bottom: none; }
#inscription #coordonnees form div.champ_lbl,
#inscription #coordonnees form div.champ_inp { clear: none; }
#inscription #coordonnees form div.champ { clear: both; padding: 6px 15px 6px 15px; }
#inscription #coordonnees #insc_dn_selects { margin-top: 0; }