body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Tahoma, Verdana, "bitstream vera sans", sans-serif;
	text-align: center;
	font-size: 13px;
	background: #676767;
}

form
{
	margin: 0;
	padding: 0;
	display: inline;
}

img
{
	border: 0;
}

.imgpub
{
	margin-top: 5px;
}

p
{
	margin: 0;
	padding: 0;
	color:#000;
}

h1, h2, ul, li
{
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 16px;
}

h2
{
	font-size: 14px;
	margin-top: 10px;
}

.clr
{
	clear: both;
}


div#page
{
	width: 100%;
	background: url(../images/fdbody1.jpg) repeat-x 0 0 #ff9c00;
}

div#content
{
	width: 990px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding-top: 65px;
	background: url(../images/chtilogos.gif) no-repeat bottom right;
	background-color: transparent;
}
div#content_UnkownUser{
	width: 990px;
	margin: 0 auto 0 auto;
	padding-top: 160px;
	background: url(../images/chtilogos.gif) no-repeat bottom right;
	background-color: transparent;
}

span.mention
{
	display: block;
	margin-right: 10px;
}

span.mention small
{
	font-size: 10px;
	font-style: italic;
	color: #333;
}

p.depts
{
	margin-top: 10px;
}

div#step1, div#step2, div#step3
{
	position: relative;
	width: 250px;
	float: left;
	overflow:auto;
	height:100%;
}
div#step1{padding-left: 5px;}
div#step2{margin-left: 30px; width:220px;}

#news{margin:-105px 0 0 220px; float:left; display:block; font-size:80%; color:#000; _margin:-105px 0 0 105px;}
div#news .Label
{
    font-size: 20px;
}

div#visual
{
	float: left;
	width: 215px;
	height:405px;
	background: url(../images/t-man2b.gif) no-repeat bottom;
}

div#buttons
{
	margin: 0;
	padding: 0;
	position: relative;
	background: url(../images/bottom-2b.gif) repeat-x #676767 0 -5px;
	height: 115px;
}

p.go
{
	position: absolute;
	top: -5px;
	right: 5%;
	display: block;
	width: 160px;
	height: 50px;
	background: url(../images/inscription-button-2b.gif) no-repeat;
}

p.del
{
	position: absolute;
	top: -2px;
	left: 25%;
	display: block;
	width: 156px;
	height: 39px;
	background: url(../images/delcpte.gif) no-repeat;
}
p.del a{display:block; width:100%; height:100%;}

div#inscription p.go
{
	left: 90%;
	margin-left: 0;
}

p.go a
{
	display: block;
	width: 160px;
	height: 50px;
}

p.go a span
{
	display: none;
}

div#buttons p.logo-one
{
	float: left;
	background: url(../images/logo1.gif) no-repeat;
	display: block;
	width: 115px;
	height: 65px;
	margin-top: 9px;
}

div#buttons p.logo-two
{
	float: right;
	background: url(../images/logo2.gif) no-repeat;
	display: block;
	width: 173px;
	height: 33px;
	margin-top: 9px;
}



div#step1 h3, div#step2 h3, div#step3 h3
{
	display: none;
}

select.country-field
{	width: 200px; }
.sslabel{ color:#000; font-weight:normal;}


iframe#pub{margin-top:2px;}

.errors p{ color:#fff; margin-left: 20px; margin-bottom:10px;}

.errors ul
{
	margin:0 10px 10px 20px;
	_margin:0 5px 5px 10px;
	height:140px;
	padding:4px;
	overflow:auto;
}

.errors ul li
{
	list-style-type: none;
	font-weight: normal;
	margin-bottom:3px;
}


/* Activation (common elements)
************************************** */
div#footer
{
	background: url(../images/bottom-2b.gif) repeat-x #676767 0 -5px;
	height: 50px;
}

/* Renvoi Activation
************************************** */
a#ValidationButton
{
	margin-left: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

p.error
{
	color: red;
	font-size: 14px;
	font-weight: bold;
}

/* Inscription
************************************** */
body .label
{
	font-weight: bold;
	color:#FFF;
	line-height:20px;
}
body .sslabel
{
	font-weight: bold;
	color:#00;
	line-height:16px;
}

body#inscription table#GenderControl1_genderListControl label
{
	font-weight: normal;
}

body#inscription span.check-nick
{
	display: inline;
}

body#inscription span.check-nick img
{
	vertical-align: middle;
}

/* Password Check */

body#inscription div#security
{
	position: relative;
	background-color: #ffc76f;
	margin: 5px 5px 10px 0;
	padding: 5px;
	height: 50px;
}

span#password-empty
{
	position: absolute;
	z-index: 1;
	bottom: 5px;
	left: 5px;
	display: block;
	width: 215px;
	height: 13px;
}

span#password-light
{
	position: absolute;
	z-index: 2;
	bottom: 5px;
	left: 5px;
	display: block;
	width: 215px;
	height: 13px;
}

span#password-medium
{
	position: absolute;
	z-index: 2;
	bottom: 5px;
	left: 5px;
	display: block;
	width: 215px;
	height: 13px;
}

span#password-strong
{
	position: absolute;
	z-index: 2;
	bottom: 5px;
	left: 5px;
	display: block;
	width: 215px;
	height: 13px;
}

body#inscription div#security p
{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

body#inscription div#security input
{
	margin-left: 0;
	padding-left: 0;
}

/* Inscription OK
************************************** */
body#inscription-ok h1
{
	display: block;
	width: 179px;
	height: 42px;
	background: url(../images/felicitation.gif) no-repeat;
	margin: 120px 0 0 210px;
}

body#inscription-ok h1 span
{
	display: none;
}

body#inscription-ok h2
{
	line-height: 24px;
}

/* Inscription Suite
************************************** */
body#inscription-suite #page{ background: url(../images/fd-inscription-suite.jpg) repeat-x #FF9C00;}
body#inscription-suite #content{margin-top:0; padding:0; background-color:#FF9C00; height:449px;}
body#inscription-suite #content #step4 .pub1{ margin: 5px 20px;}

body#inscription-suite div#visual{ margin:0; padding:0; height:449px; background: url("/images/t-man5b.jpg") no-repeat;}
body#inscription-suite div#step1{ width:230px;}
body#inscription-suite div#step2{ margin:0 10px 0 0; width:250px;}
body#inscription-suite div#step3{ width:265px;}

body#inscription-suite div#step3 p{margin-top:0px;}
body#inscription-suite div#step4{ margin:20px 0 0 100px;}
body#inscription-suite .errors{ height:120px;}
body#inscription-suite .errors ul{ height:auto;}

.picholder-v{ border:2px solid #fff; margin:0 5px 5px 0; background-color: #fff; width:180px; float:left;}
.picholder-m {  margin-bottom:5px; width:50px; float:left;}
.picholder-m img{border:2px solid #fff;  background-color: #fff;}
#validbutton{ clear:both;}

div.ssinc{ margin:0; border:0; padding:0;}

body#inscription-suite .go{
	right: 13%;
}

/*Inscription OK*/
#content{ overflow:auto;}
#content_UnkownUser{overflow:auto;}

#inscription_ok{
	float:right;
	margin: 48px 0 0 0;
	font-size: 130%;
	color:#fff;
}

#inscription_ok h1 { color:#9C4600; font-size:22px; padding:0 0 20px 0;}
#inscription_ok p { color:#fff; font-weight:bold; display:block}
#inscription_ok p a{ color:#fff;}
/*Fin Inscription OK*/
#inscription_UnkownUser
{
	margin: 0px 0 0 0;
	font-size: 130%;
	color:#fff;
}
#inscription_UnkownUser h1 { color:#9C4600; font-size:22px; padding:0 0 20px 0;}
#inscription_UnkownUser p { color:#fff; font-weight:bold; display:block}
#inscription_UnkownUser p a{ color:#fff;}

/* Inscription Suite OK
************************************** */
.errors
{
	float:left;
	margin: 0;
	padding0px;
	font-weight: bold;
	color:#fff;
	width:250px;
	font-size:90%;
	background: url(../images/fdkdos3.gif) repeat-y;
}

body#inscription-suite h1.t1
{
	width: 74px;
	height: 20px;
	display: block;
	margin: 20px 0 10px 0;
	background: url(../images/inscription-suite-t1.gif) no-repeat;
}

body#inscription-suite h1.t2
{
	width: 480px;
	height: 20px;
	display: block;
	margin: 0 0 10px 0;
	background: url(../images/inscription-suite-t2.gif) no-repeat;
}

body#inscription-suite h1.t1 span, body#inscription-suite h1.t2 span
{
	display: none;
}

body#inscription-suite div.coordinates p
{
	float: left;
	margin: 0 10px 10px 0;
}

body#inscription-suite div#phone-bonus
{
	padding: 5px;
	background-color: #fffe82;
}

body#inscription-suite div#phone-bonus h1
{
	display: block;
	width: 601px;
	height: 20px;
	background: url(../images/inscription-suite-t3.gif) no-repeat;
	margin:  0;
}

body#inscription-suite div#phone-bonus h1 span
{
	display: none;
}
/* Mon Profil (page de confirmation de modification)
************************************** */
body#mon-profil div#visual{ margin:0; padding:0; height:430px; background: url("/images/t-man7b.gif") no-repeat bottom right; width:150px;}
body#mon-profil #step1{ width: 230px; margin:0 0 0 5px; padding:0}
body#mon-profil #step2{ width: 255px; margin:0 5px 0 0; padding:0}
body#mon-profil #step3{ width: 305px; margin:0; padding:0; height:410px;}

body#mon-profil .errors{ height:120px;}
body#mon-profil .errors ul{ height:auto;}

body#mon-profil #buttons{height:40px;}

#step3 .static-infos{ width:212px;  padding:0.4em; font-weight:bold; color:#D2993F; background-color:#FFC76F;}
.static-infos .static-bas{ font-size:90%; font-weight:normal; border-top: dashed #fff 1px; margin-top:0.4em; padding-top: 0.4em;  color:#D2993F;}
.static-infos .static-bas a{  color:#D2993F;}

body#mon-profil .go{right: 13%;}


body#modif-ok h1
{
	margin: 0 0 0 210px;
	padding: 0;
}

body#modif-ok h1
{
	display: block;
	width: 541px;
	height: 42px;
	background: url(../images/modif-recorded.gif) no-repeat;
}

body#modif-ok h1 span
{
	display: none;
}

/* Mon Compte (mon-compte.aspx)
************************************** */
body#mon-compte #content{padding-top:5px; margin:0;}
body#mon-compte div#visual{ margin:0; padding:0; height:410px; background: url("/images/t-man9b.gif") no-repeat bottom right; width:150px;}
body#mon-compte #step1{ width: 230px; margin:0 0 0 5px; padding:0}
body#mon-compte #step2{ width: 260px; margin:0; padding:0;overflow:hidden }
body#mon-compte #step3{ width: 305px; margin:0; padding:0; height:410px;overflow:hidden}
body#mon-compte #buttons{height:40px;}

.ton-pseudo{ width:168px;  padding:0.6em; font-weight:bold; color:#D2993F; background-color:#FFC76F; margin : 0.2em 0 0.2em 0;}

body#mon-compte .errors{ }
body#mon-compte .errors ul{ height:auto;}

body#mon-compte .go{right: 13%;}
body#mon-compte .coordinates{margin-top: 10px;}
body#mon-compte .coordinates p{ float:left; display:block; padding:0; margin:0; width: 48%;}
body#mon-compte .coordinates .left2{ float:right;}
*body#mon-compte .coordinates .left2 input{ width:130px;}
body#mon-compte .coordinates .left3{ clear: both; width: 99%; margin-top:10px;}


/* Suppression (suppression.aspx)
************************************** */

body#suppression h1
{
	display: block;
	background: url(../images/attention.gif) no-repeat;
	width: 199px;
	height: 50px;
	margin: 0 auto 0 auto;
	text-align: center;
}

body#suppression h1 span
{
	display: none;
}

body#suppression p
{
	margin: 10px 0 10px 0;
	padding: 2px;
}

body#suppression p img
{
	vertical-align: middle;
}

/* page activation*/

#activation{ width:730px; margin:0 auto;}
#activation div.ssactivation{ margin:0; border:0; padding:0;}

/*fin page 	activation*/


/* Renvoi identifiants et activation (renvoi-identifiants.aspx et renvoi-activation.aspx)
************************************** */
body#renvoi-id, body#renvoi-activ
{
	background-color: #fffbbd;
	text-align: center;
}

body#renvoi-id #page, body#renvoi-activ #page
{
	margin: 0 auto;
	padding: 10px;
	background-image: none;
	background-color: transparent;
	width: 450px;
	
}

body#renvoi-id #content, body#renvoi-activ #content
{
	margin: 0;
	padding: 0;
	width: 450px;
}

body#renvoi-id h1#id-t1
{
	display: block;
	width: 148px;
	height: 22px;
	background: url(../images/ident-title.gif) no-repeat;
	margin-bottom: 15px;
}

body#renvoi-id h1#id-t2, body#renvoi-activ h1#activ-t2
{
	display: block;
	width: 176px;
	height: 26px;
	background: url(../images/msg-sent.gif) no-repeat;
	margin-bottom: 15px;
}

body#renvoi-activ h1#activ-t1
{
	display: block;
	width: 450px;
	height: 24px;
	background: url(../images/activ-title.gif) no-repeat;
	margin-bottom: 15px;
}

body#renvoi-id h1#id-t1 span, body#renvoi-id h1#id-t2 span, body#renvoi-activ h1#activ-t1 span, body#renvoi-activ h1#activ-t2 span
{
	display: none;
}

body#renvoi-id p img, body#renvoi-activ p img
{
	vertical-align: middle;
}

body#renvoi-id p.close-w, body#renvoi-activ p.close-w
{
	text-align: center;
	margin-top: 20px;
}

/* désabonnement (desabonnement.aspx)
************************************** */
body#desabonnement h1#desab-t1
{
	display: block;
	width: 553px;
	height: 33px;
	background: url(../images/desab-title.gif) no-repeat;
	margin-bottom: 20px;
}

body#desabonnement h1#desab-t1 span
{
	display: none;
}

body#desabonnement ul li
{
	list-style-type: none;
	margin-bottom: 10px;
}

/* contact (contact.aspx)
************************************** */
body#contact
{
	background-color: #fffbbd;
	text-align: center;
}

body#contact #page
{
	margin: 0 auto;
	padding: 10px;
	background-image: none;
	background-color: transparent;
	width: 450px;
	
}

body#contact #content
{
	margin: 0;
	padding: 0;
	width: 450px;
}

body#contact h1
{
	display: block;
	width: 272px;
	height: 25px;
	background: url(../images/contact-title.gif) no-repeat;
}

body#contact h1 span
{
	display: none;
}