body { line-height: 1.5em; color: #333333; background:#5e3c54 url('../_images/index/indexBodyBg.png') repeat-x; background-attachment:fixed ; font-size:80%; font-family:Geneva, Tahoma, sans-serif; height: 100%; min-height:100%; min-width:100%; margin:0; padding:0; }
#promoBG { position:absolute; width: 100%; height:100%; background:transparent; z-index: 0; }
html #wrapper { min-height: 100%; }
#wrapper { min-height: 100%; margin: auto; width: 923px; background:#f2f2f2; position:relative; z-index:2; }
.logo { position:absolute; left:2px; top:2px; z-index:0; }
#headLogo {position:relative; height:78px;}
#head_stat a img { border:0px; }
#head_stat { position:relative; background-image:url('../_images/index/indexBodyBg.png'); width:923px; margin:0; padding:0; padding-right:0px; height:109px; }

/* promotional styles */
/* examples
body.exp {  }
.exp #promoBG { }
.exp #wrapper { }
.exp #headLogo { }
.exp #head_stat { }
*/

body.anniversary { background:#140f14;}
.anniversary_fr #head_stat { background:#140f14 url('../_images/anniversary/headStatBg_fr.png') no-repeat 0 0;}
.anniversary_en #head_stat { background:#140f14 url('../_images/anniversary/headStatBg_en.png') no-repeat 0 0;}
.anniversary_it #head_stat { background:#140f14 url('../_images/anniversary/headStatBg_it.png') no-repeat 0 0;}
.anniversary_es #head_stat { background:#140f14 url('../_images/anniversary/headStatBg_es.png') no-repeat 0 0;}

body.christmas10 { background:#140f14 url('../_images/christmas10/bg.jpg') repeat-x;}
.christmas10 #head_stat { background:#140f14 url('../_images/christmas10/headStatBg.jpg') no-repeat 0 0;}

body.nye2011 { background:#140f14 url('../_images/nye2011/nye2011-bg.jpg') repeat-x;}

#promoTemplateBg { position:absolute; left: 0; top: 0; width:100%; height:100%; background:transparent; }
.christmas10 #promoTemplateBg { background: url('../_images/christmas10/bgImg.jpg') no-repeat center top; }
.nye2011 #promoTemplateBg { background: url('../_images/nye2011/nye2011-promoT-bg.jpg') no-repeat center top; }
.fr.nye2011 #head_stat { background:#140f14 url('../_images/nye2011/nye2011-head-bg-fr.jpg') no-repeat 0 0;}
.it.nye2011 #head_stat { background:#140f14 url('../_images/nye2011/nye2011-head-bg-it.jpg') no-repeat 0 0;}
.es.nye2011 #head_stat { background:#140f14 url('../_images/nye2011/nye2011-head-bg-es.jpg') no-repeat 0 0;}
.en.nye2011 #head_stat { background:#140f14 url('../_images/nye2011/nye2011-head-bg-en.jpg') no-repeat 0 0;}


/* /promotional styles */

.header-membre{ background:transparent; width:923px; position: relative; }
.corps-texte{ min-height:300px; background-color:#ffffff; padding:12px; margin:4px 6px 15px 5px; border:1px solid #dedede;z-index:0;}
#footer{ height:66px; text-align:center; color:#6a6a6a; padding-top:0px; padding-bottom:8px; background-color:#fff; border-top:1px solid #915d82; position:relative; bottom:0; left:0; width:100%; margin: -61px auto 0; z-index:3; }
#out-contenu { padding-bottom: 61px; width:923px; }
#out-contenu:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
* html #out-contenu { height: 1%; }
#contenu{ width:923px; margin:auto; }
#shadow { width:100%; height:15px; background:transparent url('../_images/d2/shadow.png') repeat-x; display:none;}

#headBar-L										{ float:left; position:relative; height:27px; width:10px; background:transparent url('../_images/d2/headBarBg-L.png') no-repeat;}
#headBar-R										{ float:right; position:relative; height:27px; width:10px; background:transparent url('../_images/d2/headBarBg-R.png') no-repeat;}
#headBar 										{ float:left; position:relative; width:903px; padding:0; height:27px; background-image:url('../_images/d2/headBarBg.png'); margin:0 0 4px 0; }
.headBar										{ float:right; position:relative;}

.headBar.sep									{ margin:0 2px;}
.headBar img.hbIcon								{ position:relative; top:3px;}
.headBar p 										{ line-height:27px;}
.headBar p a										{ text-decoration:none; }
.headBar p span.hbInfos							{ position:relative; font-size:10px; top:3px; margin-left:2px; color:#5a3a50; }
.headBar p span.hbText							{ position:relative; font-size:11px; top:0; color:#5a3a50; margin-left:2px;}

.headBar.username								{ float:left; }
.headBar.username p span.hbText					{ color:#333; top:-3px; font-weight:700; }

.headBar.credits								{ width:243px;}
.headBar.credits p span.hbText					{ font-weight:700; }
.headBar.credits p span.hbSubText				{ font-weight:300; font-size:10px }

.headBar.status									{ width:91px; }
.headBar.status p span.hbText					{ margin-left:0; margin-right:2px; color:#333; top:-2px; font-weight:700; }
.headBar.status a img.on						{ width:38px; height:21px; background:transparent url('../_images/d2/headBarStatus.png') no-repeat 0 0; }	
.headBar.status a img.off						{ width:38px; height:21px; background:transparent url('../_images/d2/headBarStatus.png') no-repeat 0 -21px; }

.headBar.disconnect								{ width:105px;}
.headBar.disconnect p span.hbText				{ color:#333; top:-2px; font-weight:700;}
.headBar.disconnect a img						{ width:21px; height:21px; background:transparent url('../_images/d2/headBarDisconnect.png') no-repeat 0 0; }
.headBar.disconnect a:hover img					{ background:transparent url('../_images/d2/headBarDisconnect.png') no-repeat 0 -21px; }
.headBar.disconnect a:active img				{ }


/* header for offline pages */
#headBarOff 									{ float:left; position:relative; z-index:2000; width:903px; padding:0 10px; height:22px; background: #51414b; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
.off #headLogo                                  { position:relative; height:109px;width:923px}
.ie7 .off #headLogo                            {height: 87px;}
#headBarOff a                                   { color:#fff; text-decoration: none; font-size: 10px; }
#headBarOff a img                               { position:relative; width:8px; height:8px; margin-right:4px; top:1px;  }
#headBarOff .link2Home                          { float: left; line-height:22px; }
#headBarOff .link2Sub                           { float: right; line-height:22px; }

#menuOff .baseline                              { float: left;}
#menuOff .baseline h1                           { color:#333; font-size:12px; line-height:40px; font-weight:900; }
.es #menuOff .baseline h1                        { font-size:11px; }
#menuOff .login                                 { float: right; position: relative; top:11px; }
.ie7 #menuOff .login                            { width:387px; float: none; }
#menuOff .login p                               { float: left; font-size:11px; color:#333; }
#menuOff .login input                           { float:left; padding:1px; border:1px solid #bebebe; margin:0 3px; }
#menuOff .login input.sub                       { float:right; position:relative; top:-1px; width:27px; height:24px; padding:0; background:#4c3048; color:#fff; line-height:22px; text-align:center; }
#menuOff .login input.sub:hover                 { background:#694464 }
#menuOff .login input.sub:active                { top:-2px }

.columns:after									{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columns .column									{ float:left; position:relative; margin-right:10px; }
.columns .column:after							{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columns .column.last							{ margin-right:0;}

#informations 																			{ display:none; position:relative; background-color:#ffffff; border:1px solid #dedede; padding:12px; margin:4px 6px 15px 5px; }
#informationsContent 																	{ position:relative; text-align:center; width:100%;}
#informationsContent img																	{position:relative; margin-right:10px; }
#informationsContent p																	{ font-size:14px; line-height:32px;}
#informationsContent p strong																{ font-weight:400; }
#informationsContent p.Ierror															{ color:#e03e3e }
#informationsContent p.Isuccess															{ color:#749a00 } 
