/**

	modpass.css
	CSS pour www2.galerieslafayette.com/modpass
	(c)2010 stonepower, agence conseil en communication digitale
	
	> voir reset.css

**/

/**

	XHTML

**/

body {
	text-align: center;
	background: #fff url(../img/layout/bg_body-dgd.png) repeat-x 0 0;
	font: normal 0.75em Arial, Helvetica, sans-serif;
	color: #525252;
}
/* css sprites */
.t_sprite {
	display: block;
	width: 273px;
	height: 24px;
	padding: 0;
	margin: 0;
	background: url(../img/layout/t_sprites.png) no-repeat 0 0;
}
.t_avantages {background-position: 0 0;}
.t_exclus {background-position: 0 -25px;}
.t_magasin {background-position: 0 -50px;}
.t_partenaires {background-position: left -75px;}
.t_contact {background-position: left -100px;}
.t_credits {background-position: left -125px;}
.t_modpass {background-position: left -150px;}
.t_enmode {background-position: left -175px;}

/**

	USEFUL

**/

.fL {float: left;display: inline;}
.fR {float: right;display: inline;}

.clear {clear: both;}

.w308 {width: 308px;}
.w314 {width: 314px;}
.w410 {width: 410px;}
.programme2 .w410 {width: 314px; margin-top: 70px; position: relative;}
.w475 {width: 475px;}
.programme2 .w475 {width: 475px; position: relative;}

.mL78 {margin-left: 78px;}
.mR78 {margin-right: 78px;}

.redGL {color:#be0f34;}

/**

	LAYOUT

**/

#galeries_lafayette {position:absolute;width:60px;height:145px;right:0;top:180px;z-index:100;}
#shadow {background: url(../img/layout/bg_body-shadow.png) no-repeat center top;min-height: 694px;}
#contener {width: 829px;margin: 0 auto;text-align: left;}
#contener-xl {width: 853px;margin: 0 auto;text-align: left;}
#top {position: relative;width: 829px;height: 85px;background: #cdcdcd url(../img/layout/bg_top.png) no-repeat 0 0;}
#nav {width: 829px;height: 44px;background:#0e0e0e url(../img/layout/bg_nav.png) no-repeat 0 0;border-bottom:1px solid #980C2A;}
#content {width: 829px;}
#content.programme2 {width: 890px;}
#content-xl {width: 853px;}
#footer {width: 829px;margin: 0 auto;}

/**

	TOP

**/

#top #logo {position: absolute;left: 36px;top: 12px;z-index: 100;}

/*
	module login
*/

/* avant connexion */
#divlogin {
	width: 216px;
	height: 85px;
	position: absolute;
	left: 613px;
	top: 0;
	z-index: 100;
}
#divlogin_inner {width: 216px;height: 85px;position: relative;}
#identification form label {color:#B1153C;font-size:1em;font-weight:bold;margin: 0 6px;}
#login {width: 137px;height: 16px;border: 1px solid #c0c0c0;color: #929292;margin: 0 0 2px 0;font-size:0.9em;padding-left:2px;}
#passwd {width: 137px;height: 16px;border: 1px solid #c0c0c0;color: #929292;font-size:0.9em;padding-left:2px;}
#submit-login {width: 55px;height: 43px;border: none;position: absolute;left: 147px;top: 42px;z-index:150;}

/* chargement */
#divlogin #idverif {padding: 18px 0 0 0;}
#divlogin #idverif p {text-align: center;font-size: 0.9em;padding: 0 0 7px 0;}
#divlogin #idverif p strong {color:#B1153C;}

/* connexion failed */
#divlogin #idfailed p {text-align:center;padding: 7px 0 0 0;font-size: 0.9em;}
#divlogin #idfailed p a {color:#B1153C;font-size:1em;font-weight:bold;text-decoration: none;display:block;padding:4px 0;}
#divlogin #idfailed p a:hover {text-decoration: underline;}

/* suite à connexion */
#wrap_loginfo {margin:13px 0 0 30px}
#imgWelcome {margin:0 0 5px 12px}
#user_name {font-size:0.9em;color:#090909;font-weight:bold;padding:0 0 0 12px}
#user_solde, #user_logout {line-height:1em}
#user_solde a, #user_logout a {font-size:0.8em;color:#090909;padding:0 0 0 12px; background:url(../img/layout/puce_login.gif) no-repeat left 4px;text-decoration:underline}
#user_solde a:hover, #user_logout a:hover {text-decoration:none;}

/**

	NAV

**/

#nav #ulnav {padding: 4px 0 0 98px;}
#nav #ulnav li {display: inline;}
#nav #ulnav li a {
	display: block;
	height: 40px;
	font-size: 0.85em;
	color: #ededed;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px;
	padding: 0 30px;
	border-right: 1px solid #000;
	float: left;
}
#nav #ulnav li a:hover,
#nav #ulnav li a.current {color: #fff;background: url(../img/layout/bg_nav-on.png) no-repeat center bottom;}

/**

	CONTENT

**/

/*
	espace intro page index
*/

#intro {position:relative;width:829px;height:343px;background: url(../img/layout/shadow_one.png) no-repeat 30px bottom;}
#intro #homeflash {position:absolute;width:880px;height:325px;left:0;top:0;z-index:10;}

/*
	espace partenaires
*/

#partenaires {padding: 0 0 0 5px;}

/*
	page mon programme
*/

#programme01 {height: 454px;padding: 0 0 30px 30px;}
.programme2 #programme01 {height: 780px;padding: 0 0 5px 30px;  margin-top: 10px;}
#programme01 .w314 .imgpos {margin-top: 30px;}
.programme2 #programme01 .w410 .imgpos {margin-bottom: 0; margin-top: 20px;}
.programme2 #programme01 .w314 .imgpos { margin-bottom: 20px; margin-top: 16px;}
#programme01 .w475 .imgpos {margin-top: 22px;}
#programme01 .w314 p {width: 242px;padding: 12px 0 0 48px;}
.programme2 #programme01 .w314 p {width: 220px;padding: 12px 0 0 69px;}
.programme2 #programme01 .w475 p { padding: 0 0 25px 25px;   width: 420px;}
.programme2 #programme01 .w314 #contimg p { margin-bottom: 12px;  margin-left: 10px; margin-top: 10px; padding: 0;
    width: 275px;}
#programme01 .w475 p {width: 420px;padding: 0 0 32px 25px;}
#programme02 {padding: 14px 0 0 42px;}
#programme02 .w410 .imgpos {margin: 18px 0 0 0;}
#programme02 .w410 p {padding: 12px 0;}
#programme02 .w410 p.nota {font-size: 0.8em;color: #464646;width: 400px;padding: 15px 0 22px 0;}
.programme2 #adhesion p.nota {font-size: 0.8em;color: #828282;width: 290px !important;padding: 15px 0 22px 0;  margin-left: 84px;
    margin-top: 15px; line-height: 13px;}
#adhesion {
	width: 391px;
	height: 443px;
	float: left;
	display: inline;
	background: url(../img/programme/bg_adhesion.png) no-repeat 0 0;
	margin: 0 0 0 10px;
}
#contener .programme2 #adhesion {
	width: 375px;
	height: 275px;
	float: left;
	display: inline;
	background: none !important;
	margin: 70px 0 0 39px;
}
#adhesion_inner {padding: 45px 73px 0 28px;position: relative;}
.programme2 #adhesion_inner {padding: 0 77px 0 0;position: relative;}
#adhesion_inner h2 {font-size: 1.5em;font-weight: normal;color: #be0f34;padding: 0 0 7px 0;}
#adhesion_inner p {padding: 7px 0;}
#adhesion_inner ul {font-size: 0.95em;padding: 7px 0;}
#adhesion_inner ul li {padding: 0 0 0 16px; background:url(../img/layout/puce_red.png) no-repeat 0 3px;line-height: 1.1em;}
#adhesion_inner p#link {
	position: absolute;
	width: 180px;
	height: 40px;
	left: 20px;
	top: 335px;
	z-index: 100;
}
#adhesion_inner p#link a {display: block;width: 180px;height: 40px;text-indent: -9999px;}
.programme2 p#link2 {  height: 41px; left: 100px; top: 450px; position: absolute; text-align: center;  width:315px !important;}
*+html .programme2 p#link2 { left:20px; top: 450px; }
.programme2 p#link2 a {display: block;  height: 27px; text-indent: -9999px; width: 153px;  cursor: pointer;}
.programme2 .solde_point {text-decoration: underline; color: #ad1921;}
#programme02 #contimg {position:relative;}
#programme02 #contimg #bulle {position:absolute;width:72px;height:73px;left:310px;top:30px;z-index:10}
.programme2 #contimg #bulle { height: 73px; left: 271px; position: absolute; top: 148px;  width: 72px; z-index: 10;}
.programme2 #programme02 #contimg #bulle {position:absolute;width:72px;height:73px;left:275px;top:35px;z-index:10}

#parrainage {padding: 0 0 30px 0;text-align:center;}
#parrainage p.ctn-img {padding:0;margin:0;}
#parrainage p.nota {padding:24px 56px;font-size:0.9em;}
.programme2 p {}

/*
	page mon magasin
*/

#magasin {padding: 30px;}
#wrapper-magasin {
	width: 717px;
	padding: 0 0 34px 0;
	background: url(../img/magasin/bg_dgd.png) no-repeat left bottom;
	margin: 0 0 0 26px;
}
#magasin h1 {font-size: 1.5em;font-weight: bold;color: #000;padding: 20px 0 0 78px;float: left;}
#magasin #id_ville {float: right;display: inline;margin: 25px 50px 0 0;font-size: 0.9em;color: #929292;}
#magasin h3 {font-size: 1.05em;font-weight: bold;color: #b1153c;padding: 22px 0 7px 0;}
#magasin .wrapper-infos {color: #404040;}
#magasin .wrapper-infos strong {color: #ad1921;font-weight: normal;}
#magasin .wrapper-infos img {vertical-align: middle;margin: 2px;}
#magasin .telfax {color:#adadad;padding-top:5px;}

/*
	page partenaires ex-page mes exclus
*/

#exclus {padding: 30px;}
#exclus h1 {font-size: 1.5em;font-weight: bold;color: #000;padding: 0;float: left;width: 225px;margin-left:34px;}
#exclus #id_ville {float: left;display: inline;font-size: 0.9em;color: #929292;margin: 5px 0 0 0;}
#wrapper-exclus {clear: both;padding:30px 0 0 20px;}

#tabexclus {padding:0;margin:0;border-collapse: collapse;border: none;}
#tabexclus .cellexclus {width: 361px;vertical-align: top;background: url(../img/exclus/bg_tab.png) no-repeat left bottom;border-bottom: 18px solid #fff;}
#tabexclus .cellexclus .wrapexclu {width: 316px;min-height:140px;padding: 12px 20px 17px 25px;background: url(../img/exclus/bg_tab.png) no-repeat left top;margin-bottom:1px;}
#tabexclus h3 {font-size: 1.2em;font-weight: bold;color: #AD1921;padding: 12px 0 12px 16px;background: url(../img/layout/puce_red.png) no-repeat 0 15px;}
#tabexclus .infos_part a {color: #AD1921;text-decoration:none;}
#tabexclus .infos_part a:hover {text-decoration:underline;}
#tabexclus .imgexclus {}

/*
	page contact
*/

#contact {padding: 30px; background:url(../img/layout/shadow_one.png) no-repeat left bottom;}
#wrapper-contact {
	width: 717px;
	padding: 0 0 12px 0;
	background: url(../img/contact/bg_contact-dgd.png) no-repeat 0 bottom;
	margin-left: 26px;
}
#contact table {border-collapse: collapse;border: none;padding: 0;}

#contact form {padding: 7px 56px 0 56px;}
#contact form label {font-size: 0.9em; font-weight: bold;color: #8f8f8f;}
#contact form label.incorrect {color: #AD1921;}
#contact form input.wM1 {border: 1px solid #999;width: 232px;margin: 1px 25px 4px 0;}
#contact form input.wM2 {border: 1px solid #999;width: 354px;margin: 1px 0 4px 0;}
#contact form input.wM3 {border: 1px solid #999;width: 88px;margin: 1px 8px 4px 0;}
#contact form input.wM4 {border: 1px solid #AD1921;width: 232px;margin: 1px 25px 4px 0;}
#contact form select {border: 1px solid #999;width: 354px;font-size: 1em;color:#8F8F8F;font-weight: bold;}
#contact form textarea.wM5 {border: 1px solid #999;width: 460px;height: 91px;}
#contact form input.wM6 {border: 1px solid #AD1921;width: 100px;margin: 1px 0 4px 0;}
#contact form div#wrap-textarea {position: relative;}
#contact form input#envoyer {
	position: absolute;
	width: 200px;
	height: 62px;
	left: 477px;
	top: 44px;
	z-index: 100;
}
#contact p {padding: 7px 0;}
#contact p.intro {width:620px; padding: 18px 0 18px 82px;}
#contact p.mentions,
#contact p.cnil {font-size: 0.9em;color: #929292;padding: 7px 0;}

#error p {padding: 7px 0 12px 82px;color: #AD1921;}

#wrapper-contact-ok {
	width: 717px;
	padding: 0 0 12px 0;
	background: url(../img/magasin/bg_dgd.png) no-repeat left bottom;
	margin-left: 26px;
}
#wrapper-contact-ok p {padding: 36px 56px 7px 56px;}
#wrapper-contact-ok p.cnil {padding: 18px 56px 7px 56px;}

/*
	page credits
*/

#credits {padding: 30px;}

#credits ul {padding: 60px 0 0 120px;}
#credits ul li {float: left;}
#credits ul li a {
	text-decoration: none;
	color:#B1153C;
	font-size:0.9em;
	margin: 0 60px 0 0;
}
#credits ul li a span.stonepower {font-size: 1.2em;color: #1764AA;}
#credits ul li a span.tina {font-family:Georgia, "Times New Roman", Times, serif;font-size: 1.2em;color: #000;}

#wrapper-credits {
	width: 717px;
	height: 120px;
	padding: 0 0 34px 0;
	background: url(../img/magasin/bg_dgd.png) no-repeat left bottom;
	margin: 0 0 0 26px;
}

/*
	page ma lafayette mod pass (privée)
*/

#contener .mod-pass_log {position:relative;}
#contener .mod-pass_log #wrap_lien-partenaire {width:352px;height:127px;position:absolute;left:402px;top:29px;z-index:10;}
#contener .mod-pass_log #wrap_liens-partenaires {padding:0 0 0 45px;}

/*#modpass {}*/
#modpass h1 {margin: 30px 30px 0 30px;}
#modpass h2 {font-size:1.2em;font-weight:bold;color:8f8f8f;padding:0 30px 2px 59px}/*82->59 / 12->0*/
#modpass .intro {font-weight:bold;color:#be0f34;padding: 0 30px 0 60px}/*82->60*/

#modpass #perso {padding:0 30px 12px 30px;background:url(../img/layout/shadow_user-profil.png) no-repeat 65px bottom;}
#user_profil {border-collapse: collapse;border: 1px solid #b1b1b1;margin:26px 0 0 27px;}
#user_profil th {width:123px;padding:20px 5px;text-align:center;font-size:1em;font-weight:bold;color:#fff;background-color:#be0f34}
#user_profil td {width:118px;padding:20px 4px 20px 13px;color:#be0f34;font-size:0.95em;}
#user_profil .label {color:#8f8f8f;font-size:1.1em;}

#modpass #compte {background: url(../img/magasin/bg_dgd.png) no-repeat 56px bottom;padding:15px 0 0 0;}
#modpass #compte #compte-L {float:left;width:355px;margin-left:28px;display:inline;}
#modpass #compte #compte-R {float:left;width:315px;margin-left:36px;display:inline;}
#modpass #compte #compte-R h2 {padding:21px 0 4px 8px;}

#user_points {border-collapse:collapse;border:none;width:355px;padding:0;}
#user_points td {padding:0;margin:0;}
#user_points .c1 {width:100px;}
#user_points .c2 {width:255px;background:url(../img/layout/points_vos-points.gif) no-repeat 0 3px;}
#user_points .c2 .solde_points {display:block;height:55px;padding-left:95px;font:bold 45px Arial, Helvetica, sans-serif;color:#000;line-height:1em;}
#user_points .c3 {width:100px;height:145px;}
#user_points .c3 img {float:left;}
#user_points .c4 {width:255px;height:145px;}
#user_points .c4 img {float:left;}

#user_move {border-collapse:collapse;border:none;width:315px;padding:0;margin-bottom:12px;}
#user_move th {font-size:0.95em;color:#8f8f8f;font-weight:bold;height:22px;vertical-align:middle;padding:0 9px;text-align:left;}
#user_move tr.pair td {background-color:#e8e8e8;}
#user_move tr.impair td {background-color:#fff;}
#user_move td {color:#868686;font-size:0.95em;height:22px;vertical-align:middle;}
#user_move td.date,
#user_move td.magasin {padding:0 9px;}
#user_move td.point {padding:0 9px;color:#d00037;}
#user_move td.no_buy {color:#BE0F34;font-weight:bold;text-align:center;padding:12px 0;}
#user_move td.pager {padding-top:4px;color:#BE0F34;}
#user_move td.pager a {color:#BE0F34;text-decoration:none;}

#modpass #shinobi {padding:0 30px 30px 30px;}

.exception {padding:12px 38px 30px 114px;font-size:0.9em;}

/*
	bannieres rouges en-tete
*/

.redban_single {background: url(../img/layout/rb_single.png) no-repeat 0 0;padding-top: 36px;}
.redban_exclus {background: url(../img/layout/rb_exclus.png) no-repeat 0 0;padding-top: 80px;}
.redban_acces {background: url(../img/programme/rb_acces.jpg) no-repeat 0 0;padding-top: 127px;}
.redban_parrainage {background: url(../img/parrainage/rb_parrainage.jpg) no-repeat 0 0;padding-top: 189px;}

/*
	ombre
*/

.shadow_one {background: url(../img/layout/shadow_one.png) no-repeat left bottom;}
.programme2 .shadow_one {background: url(../img/layout/shadow_one2.png) no-repeat 351px 356px;}

/**

	FOOTER

**/

#footer-links {font-size: 10px;color: #828282;text-align: center;height: 50px;line-height: 50px;}
#footer-links a {color: #828282;text-decoration: none;}
#footer-links a:hover {color: #AD1921;text-decoration: underline;}

/* END */