body {margin:0; padding:0; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
body#selogguer #container {width:876px;}
body#selogguer #container #content {padding:39px 0 0 20px;}
body#sinscrire #container {padding:10px 0; width:840px;}
body#remplir-profil #container {padding:10px 0 0 0; width:925px;}

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

#elmts {width:260px; float:left;}
#elmts h1, #content h1 {margin:0; padding:0;}
#selogguer h1 {margin:0; width:856px; height:89px;}
#sinscrire h1, #remplir-profil h1 {margin-left:12px;}
h1 img {display:block;}
#content h2, #sinscrire h2 {margin:0; padding:0; font-size:11px;}

/*Formulaire de login*/
#login-form form {margin:0; padding:0;}

#selogguer #login-form {position:relative; margin:-89px 0 0 627px; width:222px; height:89px; overflow:hidden; color:#fff;}
#selogguer #login-form h2 {padding:2px 0; font-size:14px;}
#selogguer #login-form h2 span {font-weight:normal;}
#selogguer #login-form a {position:absolute; top:70px; color:#fff;}
#selogguer #login-form .erreur {color:#f00; font-weight:normal;}
#selogguer #login-form label {display:block; height:15px; margin:5px 0 0 10px; font-size:9px; font-weight:bold;}
#selogguer #login-form input {position:absolute; z-index:10; right:0; border:0; width:105px; height:15px; background:url(/img/input_login.gif) no-repeat; font-size:9px;}
#selogguer #login-form input.submit {position:absolute; z-index:9; top:62px; left:167px; padding:0; width:55px; height:24px; background:url(/img/btns_forms_login2.gif) no-repeat; font-size:16px; font-weight:bold; text-align:right; text-transform:lowercase; cursor:pointer;}  

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

/*Les inscrits*/
#selogguer #inscrits {float:right; width:245px; background:#a69887;}
#selogguer #inscrits h2 {padding:0.5em 0 0.5em 16px; background:#eb035a; font-size:14px;}
#selogguer #inscrits h2 span {font-weight:normal;}
#selogguer #inscrits .personne {background:url(../img/personne_login.gif) no-repeat 12px 12px; font-size:12px;}
#selogguer #inscrits .personne a {display:block; padding:17px; background:url(../img/voir_fiche_login.gif) no-repeat 174px 72px; color:#fff; text-decoration:none;}
#selogguer #inscrits .personne img {float:left; margin-right:10px; border:0;}

#sinscrire #inscrits {width:580px; float:right;}
#sinscrire .personne {padding-bottom:20px; width:140px; float:left; text-align:center;}
#sinscrire .personne img {border:1px solid #fff;}
#sinscrire .personne a {display:block; width:120px; color:#fff; 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 #fff; 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;}

/*Teasers*/
#teaser {float:right; width:611px; font-size:12px;}
/* #teaser #accroche {float:right; padding-top:1em; width:295px; padding-bottom:310px; } */
#teaser #accroche {float:right; width:295px; height:310px;}
#teaser #accroche p {margin:0; font:bold 20px/1.2 Arial, Verdana, Helvetica, sans-serif;}
#teaser #accroche span {display:block; color:#eb035a;}
#teaser #pushs {float:left; width:315px;}

#teaser #pushs h2#parcours {margin-top:1em; padding:83px 0 0 0; width:290px; height:0; overflow:hidden; background:url(../img/teaser_push_login.jpg) no-repeat 5px 0;}
#teaser #pushs h2#accede {margin-top:1em; padding:83px 0 0 0; width:290px; height:0; overflow:hidden; background:url(../img/teaser_push_login.jpg) no-repeat; background-position:5px -83px;}
#teaser #pushs h2#decouvre {margin-top:1em; padding:0; margin-left:5px;}


#teaser #pushs p {margin:0 0 0 10px; width:280px;}
#teaser #inscristoi {position:relative; clear:both; padding:1em 0 0 10px;}
#teaser #inscristoi h2 {padding:0; font-size:18px;}
#teaser #inscristoi h2 span {font-weight:normal;}
#teaser #inscristoi p {margin:0; width:280px;}
#teaser #inscristoi a {position:absolute; top:1em; left:300px;}
#teaser #inscristoi img {border:0;}

#mobile, #tv {margin:20px; padding-top:222px; width:215px; background:url(../img/inscription_header_mobile.jpg) no-repeat;}
#tv {background:url(../img/inscription_header_tv.jpg) no-repeat;}
#mobile div, #tv div {margin:0; padding:0 15px 15px 15px; background:url(../img/inscription_bg_mobile.gif) no-repeat 0 100%;}
#tv div {background:url(../img/inscription_bg_tv.gif) no-repeat 0 100%;}
#mobile p, #tv p {margin:0; padding:0;}

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

#nos-services, #nos-abonnements {margin:20px; padding:15px 0; width:215px; position:relative;}
#nos-services {margin-bottom:0; padding:10px 0 0 0; background:url(../img/remplirProfil_bg_services.gif) no-repeat;}
#nos-abonnements {margin-top:0; background:url(../img/remplirProfil_bg_abos.gif) no-repeat 0 100%;}

#nos-services h2, #nos-abonnements h2 {padding-top:30px; height:0; overflow:hidden;}
#nos-abonnements h2 {background:url(../img/remplirProfil_header_abos.gif) no-repeat;}

#nos-services p, #nos-abonnements p {margin:0; padding:0 15px; color:#fff; font-size:10px; line-height:1.4;}
#nos-services a, #nos-abonnements a {display:block; margin-top:5px; padding-left:10px; background:url(../img/remplirProfil_bullet.gif) no-repeat 0 0.5em; color:#fff;}

#bienvenue {padding-top:20px; width:660px; float:left; color:#fff;}
#bienvenue h2 {margin:0 0 10px 0; padding:0; font-size:14px;}
#bienvenue p {margin:0 0 20px 0; padding:0; font-size:11px; line-height:1.4;}

#invitation {padding-bottom:25px; width:660px; float:left; background:url(../img/remplirProfil_invit_bg.gif) no-repeat 0 100%;}
#invitation .header {padding-top:262px; background:url(../img/remplirProfil_invit_visuel.jpg) no-repeat;}
#invitation h2 {margin:0 0 5px 0; padding-top:55px; height:0; overflow:hidden; background:url(../img/remplirProfil_invit_header.gif) no-repeat;}
#invitation ul {margin:0 0 0 50px; padding:0; font-size:14px; list-style:none;}
#invitation li {padding-left:10px; background:url(../img/remplirProfil_bullet.gif) no-repeat 0 0.5em;}
#invitation a {display:block; margin:10px 0 0 515px; width:120px; height:22px; background:url(../img/btns_forms_120.gif) no-repeat; color:#fff; font-size:11px; text-align:center; text-decoration:none; line-height:2;}

/*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 {margin-left:261px; 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;}

/*Skin*/
#sinscrire {background:#786c5d url(../img/inscription_bg.gif) no-repeat 119px 0;}
#selogguer {background:#453d32 url(../img/selogguer.gif) repeat-x;}
#remplir-profil {background:#786c5d url(../img/remplirProfil_bg.gif) no-repeat 119px 0;}

#selogguer h1 {background:url(../img/header_login.jpg) no-repeat;}
#selogguer #content {background:url(../img/photo_login.gif) no-repeat 106px 0;}

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

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

#inscription label, #inscription form p, #inscription form div {border-bottom:1px solid #ccc7c0;}
fieldset, #inscription #genre label, #rappel-mdp label, #inscription #rappel-mdp p {border:0;}
#inscription .infos {border-top:0;}

#inscription form, #inscription form a, * select, * input {color:#111;}
#inscription form em, span.required, #inscription p.erreur, #inscription .header p, #inscription .header li, #inscription .header a, #mobile p, #footer, #footer a {color:#fff;}

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

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

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

* html #nos-services h2, * html #nos-abonnements h2 {height /**/:30px;}
* html #invitation h2 {height /**/:55px;}

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

#inscriptiont #paysParams { border: 0; }
#inscription form div { padding: 0; }
#inscription label { border: none; }

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

#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 #coordonnees div.erreur,
#inscription #coordonnees div.required { background-color: #afa394; 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: #afa394; }
#inscription #coordonnees .infos { background-color: #968877; 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 { border-bottom: 1px solid #968877 !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; }