/*
** Common classes
*/

/* Forms */
table.form-layout input,
table.form-layout select,
table.form-layout textarea,
input.field,
select.field,
textarea.field {
	background-color: #EFEFEF;
}
input.submit,
table.form-layout input.submit {
	color: white;
	font-weight: bold;
	background-color: #000000;
}
table.form-layout th,
table.form-layout td {
	padding: 0.2em;
	vertical-align: top;
}
table.form-layout th {
	text-align: left;
	width: 20%;
}

/* Message & Error box */
div.error-box,
div.message-box {
	border: solid 1px;
	margin: 1em auto;
	padding: 0 1em;
	width: 80%;
}
div.error-box {
	background-color: #FFF4F4;
	border-color: #FF0000;
}
div.message-box {
	background-color: #E8F3FF;
	border-color: #0000FF;
}
div.error-box ul,
div.message-box ul {
	padding-left: 1.5em;
}
div.error-box p,
div.message-box p {
	margin: 1em 0;
}




/*
** #main-menu
*/
#main-menu {
}

#main-menu ul {
	float: right;
	list-style: none;
}

#main-menu li {
	float: left;
	position: relative;
}

#main-menu li a {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	padding: 5px 10px;
	height: 18px;
}

#main-menu li ul {
	display: none;
	float: right;
	position: absolute;
	right: 0;
	white-space: nowrap;
	z-index: 1;
}

#main-menu li:hover ul, #main-menu li.over ul {
	display: block;
}

#main-menu li li {
	border-bottom: solid 1px black;
	float: none;
}

#main-menu li ul a {
	background: white;
	color: black;
	font-weight: bold;
	height: auto;
	margin: 0;
	padding: 2px;
	text-align: right;
	text-decoration: none;
	width: 120px;
}

#main-menu li ul a:hover {
	background: #FFBC00;
}

#main-menu li a span { display: none; }

#m_home		{ background-image: url("/v6/img/m_/10.gif"); width: 40px; }
#m_blog		{ background-image: url("img/menu/blog.gif"); width: 26px; }
#m_register	{ background-image: url("/v6/img/m_/12.gif"); width: 61px; }
#m_about	{ background-image: url("/v6/img/m_/14.gif"); width: 54px; }
#m_sponsor	{ background-image: url("/v6/img/m_/16.gif"); width: 65px; }
#m_help		{ background-image: url("/v6/img/m_/17.gif"); width: 25px; }

#m_stats	{ background-image: url("/v6/img/m_/19.gif"); width: 27px; }
#m_campagnes	{ background-image: url("/v6/img/m_/21.gif"); width: 66px; }
#m_sites	{ background-image: url("/v6/img/m_/23.gif"); width: 49px; }
#m_infos	{ background-image: url("/v6/img/m_/25.gif"); width: 27px; }
#m_finances	{ background-image: url("/v6/img/m_/27.gif"); width: 72px; }

#m_achats	{ background-image: url("/v6/img/m_/33.gif"); width: 60px; }
#m_bannieres	{ background-image: url("/v6/img/m_/29.gif"); width: 81px; }


/*
** Pied de page
*/
#footer {
	background: #FFBC00;
	margin-top: 1em;
	height: 23px;
}

#footer ul {
	list-style: none;
	float: right;
}

#footer li {
	float: left;
}

#footer li a {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	padding: 3px 10px;
	height: 18px;
}
#footer li a span { display: none; }

#m_partner	a { background-image: url("/v6/img/m_/01.gif"); width: 67px; }
#m_advertiser	a { background-image: url("/v6/img/m_/03.gif"); width: 62px; }
#m_recruit	a { background-image: url("/v6/img/m_/05.gif"); width: 115px; }
#m_contact	a { background-image: url("/v6/img/m_/06.gif"); width: 43px; }
#m_sponsorb 	a { background-image: url("/v6/img/m_/08.gif"); width: 65px; }

#external-footer {
	border: solid 1px white;
	font-size: 0.8em;
	text-align: left;
	width: 760px;
	margin: 0 auto;
}
#xiti-logo {
	float: left;
	padding: 5px 5px 0 0;
	width: 39px;
	height: 25px;
}


/*
** Titles
*/
h1 {
	background: no-repeat bottom center;
	border-bottom: solid 1px black;
	height: 45px;
	margin: 0 10px 1em 10px;
/*
  background-position: center center;
  background-repeat: no-repeat;
  height: 30px;
  margin-left: 25px;
  */
}
h1 span { display: none; }

#t_welcome		{
	background-image: url("/v6/img/t_/01.gif");
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 25px;
	width: 167px;
	height: 38px;
}
#t_member_home		{ background-image: url("/v6/img/t_/03.gif"); width: 159px; }
#t_annonceur_home	{ background-image: url("/v6/img/t_/05.gif"); width: 182px; }


/*
** Subtitles
*/
h2 {
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
}
h2 span { display: none; }

#st_currently		{ background-image: url("/v6/img/st_/07.gif"); width: 198px; }
#st_additional_format	{ background-image: url("img/text/formats-additionnels.png"); width: 137px; }
#st_imp_count		{ background-image: url("/v6/img/st_/05.gif"); width: 147px; }
#st_newsletter		{ background-image: url("img/text/newsletter.png"); width: 142px; }
#st_login		{ background-image: url("/v6/img/st_/01.gif"); width: 35px; }
#st_stats		{ background-image: url("/v6/img/st_/stats.gif"); width: 134px; height: 31px; }
#st_news		{ background-image: url("/v6/img/st_/15.gif"); width: 35px; }
#st_sondage		{ background-image: url("/v6/img/st_/17.gif"); width: 54px; }
#st_pb_aime		{ background-image: url("/v6/img/st_/19.gif"); width: 116px; }
#st_acces_annnonceur	{ background-image: url("/v6/img/st_/11.gif"); width: 155px; float: right; position: relative; top: -20px; z-index: -1; }
html>body #st_acces_annnonceur	{ z-index: 0; }
#st_acces_membre	{ background-image: url("/v6/img/st_/13.gif"); width: 140px; float: right; position: relative; top: -20px; z-index: -1; }
html>body #st_acces_membre	{ z-index: 0; }


/*
** Body content
*/
.content {
	font-size: 11px;
	padding-left: 150px;
	padding-right: 40px;
}

.content p {
	text-align: justify;
}

.content ul {
	margin-left: 1em;
}


/*
** En-tete
*/
#header_box {
	float: right;
}

.header_box {
	height: 80px;
	border-right: solid 2px #CE9600;
	margin: 5px 0;
	padding: 0 10px;
	float: left;
	position: relative;
	overflow: hidden;
}

.header_box input {
	padding: 1px;
}

#login-box table td, #login-box table th {
	padding: 2px;
}

#login-box table td, #login-box table th {
	padding: 1px 2px;
}
html>body #login-box table td, #login-box table th {
	padding: 2px;
}
#login-box input {
	width: 105px;
}
#login-box input.submit {
	padding: 0;
	width: auto;
}

#member-box {
	width: 150px;
}
#member-box h2 {
	background: url(/v6/css/img/text/espace-membre.png) no-repeat left center;
	height: 18px;
	margin-bottom: 0.2em;
}
#member-box ul {
	padding-left: 1em;
	list-style: none;
}
#member-box li {
	height: 13px;
	padding: 0.1em 0;
}
#member-box a {
	display: block;
	height: 13px;
	background: no-repeat left center;
}
#member-box span { display: none; }
#member-account a { background-image: url(/v6/css/img/text/mon-compte-promobenef.png); }
#member-logout a { background-image: url(/v6/css/img/text/deconnexion.png); }

#newsletter-box {
	background: url("/v6/img/elements/splach.gif") no-repeat 90% top;
}
#newsletter-box table td {
	padding: 0 2px;
}
#newsletter-box input {
	width: 105px;
}
#newsletter-box input.submit {
	width: auto;
}

#counter-box {
	border-right: none;
	padding: 0 5px;
}
#counter-box table {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 50%;
	margin-left: -59px;
}

#counter-box table td {
	background: white;
	border: solid 1px black;
	height: 20px;
	width: 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#pb-compteur {
	text-align: center;
}

#header_banner {
	position: absolute;
	top: 16px;
	right: 30px;
}



/*
** En ce moment sur PB
*/
#currently {
  float: left;
  padding-left: 2em;
}

#currently ul {
  list-style: none;
}

#currently li {
  float: left;
  border-left: solid 1px #BDBDBD;
  border-right: solid 1px #BDBDBD;
  height: 80px;
  width: 100px;
  padding: 0 5px;
  position: relative;
}

#currently li div.description {
  margin: 0;
  position: absolute;
  bottom: 0;
}
#currently li div.description p {
	margin: 0;
	overflow: hidden;
	width: 100px;
}

/*
** Format additionel
*/
#additional_format {
  float: left;
  padding-left: 5px;
}

#currently .subtitle, #additional_format .subtitle {
  margin-bottom: 5px;
}

#news-box {
	float: left;
	margin-left: 10px;
	width: 200px;
}
#news-box h2 { background-image: url(img/text/actualites.png) }


/*
** Pages
*/

/* Accueil */
#page-accueil h1 {
	background-image: url("img/title/bienvenue.png");
	background-position: left center;
	height: 27px;
	border: none;
	margin-left: 42px;
}
#section_qui-sommes-nous {
}
#section_qui-sommes-nous p {
	margin-left: 42px;
	width: 520px;
}
#section_qui-sommes-nous ol {
	margin: 1em 0;
	list-style: none;
	padding-left: 150px;

	/* We overflow in order to contain the floating children */
 	width: 610px;
}
#section_qui-sommes-nous ol li {
	display: block;
	float: left;
	width: 190px;
	margin-left: 5px;
}
#section_qui-sommes-nous ol,
#section_qui-sommes-nous ol li {
	height: 29px;
}
#section_qui-sommes-nous ol h2 {
	background: no-repeat top left;
	display: block;
	height: 26px;
}
#section_qui-sommes-nous ol h2 span { display: none; }
#section_qui-sommes-nous ol li.step1 h2 { background-image: url(img/text/rentabiliser-votre-site.png); width: 158px; }
#section_qui-sommes-nous ol li.step2 h2 { background-image: url(img/text/augmenter-votre-trafic.png); width: 164px; }
#section_qui-sommes-nous ol li.step3 h2 { background-image: url(img/text/renforcer-vos-revenus.png); width: 160px; }
#section_qui-sommes-nous ol p {
	font-size: 0.8em;
	margin: 0 0 0 20px;
	text-align: justify;
	width: auto;
}
#section_qui-sommes-nous blockquote {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 1em 0 1em 170px;
}

#home_splash {
	background: no-repeat 0 0;
	position: relative;
	margin: 1em 0;
}
h2#st_nos-avantages {
	display: none;
}
div#nos-avantages {
	position: absolute;
	left: 43px;
	top: 60px;
}
div#nos-avantages ul {
	list-style: none;
}
div#nos-avantages li {
	margin: 0.3em 0;
	font-size: 0.9em;
}


/* Annonceurs */
#page-annonceurs h1 {
	background-image: url(img/title/annonceur.png);
}
#page-annonceurs ul {
	font-weight: bold;
	margin-left: 3.5em;
	list-style: none;
}
#page-annonceurs ul ul {
	font-weight: normal;
	margin-left: 3.5em;
	margin-bottom: 1em;
	list-style: circle;
}
#page-annonceurs blockquote {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0;
	text-align: center;
}

/* Contact */
#page-contact h1 {
	background-image: url(img/title/contact.png);
}

/* FAQ */
#page-faq h1 {
	background-image: url(img/title/faq.png);
}
#page-faq h3 {
	background: url(img/h3_faq.png) no-repeat top left;
	font-size: 1.2em;
	height: 43px;
	line-height: 43px;
	margin: 0.5em 0;
	padding-left: 43px;
	vertical-align: bottom;
}
#page-faq ul {
	margin: 0 0 2em 0;
	padding-left: 4em;
}
div.faq-entry {
	border-bottom: solid 1px black;
	padding: 1em 0;
}
dt.faq-question {
  background: url(img/text/question.gif) no-repeat 0 0 !important;
  margin: 0 0 0.5em 0;
  height: 23px;
  width: 88px;
}
dt.faq-question span { display: none; }
dd.faq-question {
	font-size: 1.2em;
	font-weight: bold;
}

dt.faq-answer {
  background: url(img/text/reponse.gif) no-repeat 0 0 !important;
  margin: 1em 0 0 0;
  height: 23px;
  width: 57px;
}
dt.faq-answer span { display: none; }

/* Formats additionnels */
#page-format-additionnel h1 {
	background-image: url(img/title/format-additionnel.png);
}

/* Inscription */
#page-register h1 {
	background-image: url(img/title/inscription.png);
}

/* Parrainage */
#page-parrainage h1 {
	background-image: url(img/title/parrainage_et_partenariat.png);
}

/* En savoir plus */
#page-savoir-plus h1 {
	background-image: url(img/title/plus-d-avantages.png);
}

/* La société */
#page-societe h1 {
	background-image: url(img/title/la-societe.png);
}
#page-societe p {
	text-indent: 3em;
	margin: 2em 0;
}

/* 10 ans */
#page-10ans h1 {
	background-image: url(img/title/PB10ans_title_page.gif);
	height: 255px;
}
#page-10ans p {
	text-indent: 3em;
	margin: 2em 0;
}

/* Aide */
#page-aide h1 {
	background-image: url(img/title/aide-et-faq.png);
}

/* Conditions de validation en images */
#page-conditions-validation h1 {
	height: auto;
	font-style: italic;
}
#page-conditions-validation h1 span { display: inline; }
#page-conditions-validation ul {
	list-style: circle;
	margin: 3em;
}
#page-conditions-validation h3 {
	font-size:14px;
	margin: 3em 0 1em 0;
}

/* Lexique */
#page-lexique h1 {
	height: auto;
	font-style: italic;
}
#page-lexique h1 span { display: inline; }

/* Login */
#page-login h1 {
	background-image: url(img/title/login.png);
}
#page-login ul {
	margin-left: 3em;
}
#page-login ul h4 {
	margin: 1em 0 0.5em 0;
}
#page-login ul ul {
	margin-left: 3em;
}

/* Maily */
#page-maily h1 {
	height: auto;
	font-style: italic;
}
#page-maily h1 span { display: inline; }

/* Acces refuse */
#page-acces-refuse h1 {
	height: auto;
	font-style: italic;
}
#page-acces-refuse h1 span { display: inline; }

/* Mot de passe oublie */
#page-newpass h1 {
	background-image: url(img/title/mot-de-passe-oublie.png);
}

/* Newsletter */
#page-newsletter h1 {
	background-image: url(img/title/newsletter.png);
}