html, body {					margin:0; padding:0; text-align:center;  
								color:#666; }
body {
	background: #DDDDDD url('../img/BG_BLOG.png') top right no-repeat;
}
/* HEADER STYLES -> http://www.3ds.com ----------------------------------------------------------------------- */

#dsheader {						margin:0 auto 0px auto; position:relative; text-align:left; width:970px; height:75px; z-index:50; }
#dsheader .logo  {				margin:0; padding:0; background-position: 0 0; 
								display:block; width:70px; height:50px; position:absolute; top:25px; left:0;  }

								
								
/* SPRITE ---------------------------------------------------------------------------------- */

#dsheader .logo,
span.select,
span.separate,
span.puce,
span.arrow-right,
#search_3ds,
#clients-bar, 
#footer-bar,
#breadcrumb span.arrow, 
#help-login .signup span {		background-image:url('../img/ds_header/sprite-white.png');  }


 
/* MENU ------------------------------------------------------------------------------------ */

#navigation {					position:absolute; left:75px; top:55px; }
#navigation ul {				margin:0; padding:0; height:20px; list-style:none; }
#navigation ul li { 			margin:0; padding:0; height:20px; font:bold 14px/20px Arial, sans-serif; float:left;  list-style-image:none;  }
#dsfooter ul li a,
#dsfooter ul li a:visited ,
#navigation ul li a,
#navigation ul li a:visited {	margin:0 0 0 13px; padding:0 22px 0 0; color:#666; text-decoration:none; position:relative; min-height:20px; display:block;}
#navigation ul li a:hover,
#navigation ul li a, #dsheader a.logo {	color:#666666; text-decoration:none; }
#navigation ul li a.current, #navigation ul li a.current:visited, #navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {color:#6082a8;}
#navigation ul li a span.select,
#dsfooter ul li a span.select
 {				
								position:absolute;
								right:0 !important;
								top:4px;
								width:16px;
								height:16px;
								background-position: 0 -50px; }
#navigation ul li a:hover span.select, #navigation ul li a.current span.select,
#dsfooter ul li a:hover span.select
 { 			background-position: -40px -50px; }


form#search_3ds {					margin:0; padding:0; position:absolute; top:55px; right:2px; width:150px; height:25px;
								background-position:0 -110px; background-color: transparent; z-index:0; }
.search-input {					margin:0; padding:0; height:16px; width:114px; border:none; color:#444; position:absolute; top:5px; left:10px;
								background-color: transparent; font:normal 11px/16px Arial, sans-serif;   }
.search-submit {				width:25px; height:25px; position:absolute; right:0px; top:0px;  }
								

#account {					margin:0; padding:0; position:absolute; top:20px; right:2px; }
#account ul {					margin:0; padding:0; height:20px; width:auto; list-style:none; float: right; text-align:right; }
#account ul li { 				margin:0; padding:0; _padding-top:5px; _padding_bottom:5px;height:20px; font:normal 11px/20px Arial, sans-serif; float:left; list-style-image:none;  }
#account ul li a,
#account ul li a:visited {		margin:0 0 0 10px; padding:0 22px 0 0; color:#666; text-decoration:none; display:block; position:relative; min-height:20px; }
#account ul li span {			margin:0 0 0 12px; display:block; position:relative; min-height:20px; }
#account ul li a:hover,
#account ul li a:active {		color:#6082a8; text-decoration:none; }
#account ul li a span.select {	position:absolute; right:0; top:6px !important; top:4px; width:16px; height:16px; min-height:16px;
								background-position: 0 -50px; margin:0; padding:0; }
#account ul li 
a:hover span.select { 			background-position: -40px -50px;  }
#account ul li span.separate {	position:absolute; right:0; top:6px !important; top:4px; width:1px; height:16px; min-height:16px;
								background-position: 0 -50px; margin:0; padding:0; }
#account .email {				font-weight:bold; color: #6082a8; }
#account .email #helloGuest a {padding:0;}
#account ul li.email #helloGuest a, #account ul li.email #helloGuest a:visited, #account ul li.email #helloGuest a:active , #account ul li.email #helloGuest a:focus {color:#6082a8; text-decoration:underline; margin-right:10px;}
#account .language {			font-weight:bold; padding-left: 0px !important; padding-left:20px; } 
#account .region {			font-weight:bold; padding-left: 0px !important; padding-left:20px;  }
#account .language a {			padding-left:16px; }

#account ul li span#log{			color:#666666;	margin-left:0;}	
#account ul li span#log a{			display:inline; padding:0; }
#account ul li span#log a:active, #account ul li span#log a:hover, #account ul li span#log a:focus { text-decoration:underline;}
#account ul li span#log a span{		display:inline; position:relative; margin-left:0;}

#dsheader .picker,
#dsfooter .picker {				margin:0; 
								padding:0 0 9px; 
								position:absolute; 
								z-index:10; 
								display:none;
								background:url('../img/ds_header/bg-picker-bottom.png') no-repeat left bottom transparent; _background:none; 
								}
#dsfooter .picker, #dsheader .language .picker , #dsheader .region .picker {_position:absolute;}
#dsheader .picker, #dsheader .language .picker ul , #dsheader .region .picker ul {_position:relative;}
#dsheader .language .picker ul , #dsheader .region .picker ul,	
#dsheader .picker ul , #dsfooter .picker ul	{ padding:10px 20px 5px 20px; width:205px ; _width:125px;}			
#dsheader .picker ul ,
#dsfooter .picker ul{			margin:0; height:auto; 
								background:url('../img/ds_header/bg-picker-middle.png') repeat-y transparent; _background:#fff; 
								font:bold 11px/20px Arial, sans-serif; float:none; text-align:left; _position:absolute;}
								

#dsheader .picker ul li ,
#dsfooter .picker ul li{			margin:0 0 0 0; padding:0; font:bold 11px Arial, sans-serif; line-height:16px;
								float:none; position:relative; height:auto; width:168px;}

#dsheader .picker ul li a,
#dsheader .picker ul li a:visited,
#dsfooter .picker ul li a,
#dsfooter .picker ul li a:visited{ margin:0 0 3px 0px; padding:0 -18px 0 10px; text-decoration:none; display:block; position:relative; height:auto;
								color:#666; font-weight:normal; }							
								
#dsheader .picker ul li a:hover,
#dsheader .picker ul li a:active ,
#dsfooter .picker ul li a:hover,
#dsfooter .picker ul li a:active{				color:#6082a8; font-weight:normal; }	
																						
#dsheader .picker ul li span ,
#dsfooter .picker ul li span {	margin:0 0 3px 0px; padding:0; display:block; position:relative; height:auto;
								color:#d00; font-weight:bold;  }
#dsheader .picker ul li a span.puce,
#dsfooter .picker ul li a span.puce {					position:absolute; left:-20px !important; left:-30px; top:6px !important; top:5px; width:16px; height:16px; min-height:16px;
								background-position: 0 -70px; }
#dsheader .picker ul li a:hover span.puce,
#dsfooter .picker ul li a:hover span.puce, {				background-position: -40px -70px; }		


#dsheader .language .picker , #dsheader .region .picker{		margin-left:-7px ; }

/* pour décaler le label de son drapeau */
#dsheader .language .picker ul li a {	padding-left:26px !important; }
#dsheader li .flag, 
#dsheader .picker 
ul li span.flag {				margin:0; padding:0; position:absolute; left:-5px !important; left:-20px; top:5px !important; top:2px; 
								background-image:url('../img/ds_header/sprite-flags.png'); background-repeat:no-repeat; width:16px; min-height:16px; height:11px; }
#dsheader li .flag{				margin-left:8px;_margin-left:0;}
#dsheader .picker 
ul li span.flag {				left:0px !important; left:-20px; top:3px !important; top:2px; }
span.en {						background-position:0 0; }
span.us {						background-position:-20px 0; }
span.fr {						background-position:-40px 0; }
span.jp {						background-position:-60px 0; }
span.ch {						background-position:-80px 0; }
span.de {						background-position:0 -20px; }
span.ru {						background-position:-20px -20px; }
span.se {						background-position:-40px -20px; }
span.ko {						background-position:-60px -20px; }
span.po {						background-position:-80px -20px; }
span.es {						background-position:0 -40px; }
span.it {						background-position:-20px -40px; }
span.pk {						background-position:-40px -40px; }
span.ro {						background-position:-60px -40px; }
span.cr {						background-position:-80px -40px; }

#dsheader .picker ul li a.unavailable,
#dsheader .picker ul li 
a.unavailable:visited {			color:#bbb }
#dsheader .picker ul li a.unavailable:hover,
#dsheader .picker ul li 
a.unavailable:active {			color:#bbb; text-decoration:none; }

#help-login {					background:#f8f5f5; border-bottom:solid 1px #dcdcdc; text-align:center; }
#help-login .in {				margin:0 auto; padding:5px 0 0 0; height:30px; width:970px; text-align:left; 
								font:normal 11px/15px Arial, sans-serif; position:relative;  }
#help-login .in p {				margin:0; padding-top:5px;padding-left:90px; }
#help-login .hide,
#help-login .hide:visited {		margin:0 10px 0px 0; padding:4px 6px; border:solid 1px #d0d0d0; background:#fafafa; float:left; 
								color:#666;	text-decoration:none; }
#help-login .hide:hover, 
#help-login .hide:active {		color:#666; text-decoration:underline; }

#help-login .signup {			margin:0; padding:2px 6px; border:solid 1px #6485a9; background:#6485a9; position:absolute; bottom:4px; right:0; 
								color:#fff; background:#6485a9; text-decoration:none; }
#help-login .signup span {		display:block; width:19px; height:15px; background-position:-120px 0; position:absolute; bottom:-16px !important; bottom:-17px; right:10px; }

.hideSignIn{display:none;}								
								
