/* CSS Document */
@import url(A_init.css);

/* 
/* HEADER
/* FOOTER
/* CONTENT
*/

body{
	background-color: #4f2f15
}
#page{
	background: #fff url(http://www.sublicentre.com/skin/frontend/default/default/images/common/bg_bodyRepeat.png) repeat-x 0 0;	
}
	#page #pageContent{
		background: url(http://www.sublicentre.com/media/espacepro/header-espacepro.png) no-repeat center 0;	
	}

/***************************** HEADER */
#header{
	width:950px;
	margin:0 auto;
	color:#fff;
	height:187px
}
	#header a{
		color:#fff;	
	}
	#header #mainLogo{
		float:left; 
		padding:16px 0 0 4px;
		width:625px
	}
	#header .userBlock{
		float:left;
		/*background: url(../images/common/bg_headerSeparator.png) no-repeat 100% 16px;*/
		width:195px;
		padding: 5px 15px 0 0;
		font-size:1.1em;
	}
		#header .userBlock .title{
			font-size:1.45em;
			padding: 0 0 8px 0
		}
		#header .userBlock ul{
			padding: 0 0 0 55px	
		}
			#header .userBlock ul .connectionLink{
				background: url(../images/common/picto_user.png) no-repeat 0 0;
				padding: 4px 0 12px 25px;
			}
			ul .pratiqueLink{
				background: url(../images/common/picto-pratique.png) no-repeat 0 0;
				padding: 4px 0 12px 35px;
			}			
			#header .userBlock ul .subscribeLink{
				background: url(../images/common/picto_user.png) no-repeat 12px -70px;
				padding: 4px 0 12px 37px;
			}
			#header .userBlock ul .accountLink{
				background: url(../images/common/picto_user.png) no-repeat 10px -143px;
				padding: 4px 0 12px 35px;
			}
			#header .userBlock ul .passwordLink{
				background: url(../images/common/picto_user.png) no-repeat 0 -228px;
				padding: 4px 0 12px 25px;
			}
			#header .userBlock ul .proLink{
				background: url(../images/common/picto_user.png) no-repeat 0 0;
				padding: 4px 0 12px 25px;
				text-transform:uppercase;
				font-weight:bold;
			}
	#header .checkoutBlock{
		float:left;
		width:95px;
		padding: 10px 0px 0 9px;
		font-size:1.1em;
	}
		#header .checkoutBlock .title{
			font-size:1.45em;
			padding: 0 0 12px 0;
			text-align:center;
		}
		#header .checkoutBlock .checkoutPrice a{
			padding: 65px 0 0 0;
			text-align:center;
			font-size:1.27em;
			display:block;
			background: url(../images/common/picto_checkout.png) no-repeat center 0px;
		}
		#header .checkoutBlock .checkoutPrice a:hover{
			text-decoration:none;	
		}
		
/***************************** FOOTER */
#footer{
	background: url(../images/common/bg_pageRepeat.png) repeat-x 0 0;
	padding:8px 0 0 0;
	color:#b4e1e6;
}
	#footer #innerFooter{
		margin:0 auto;
		width:950px
	}
	#footer a{
		color:#b4e1e6;
	}
	#footer .servicesContainer{
		float:left;
		width:456px;
		padding: 0 0 0 28px;
	}
		#footer .servicesBlock{
			float:left;
			background: url(../images/common/bg_footerList.png) no-repeat 0 0;
			height:92px;
			padding: 0 0 0 20px;
		}
			#footer .servicesBlock .servicesList{
				float:left;
				background: url(../images/common/bg_footerList.png) no-repeat 100% 0;
				height:90px;
				padding: 2px 20px 0 0
			}
				#footer .servicesBlock .servicesList li{
					float:left;
					width:70px;
					font-size:1.2em;
					padding: 0 0 0 30px;
				}
				#footer .servicesBlock .servicesList li.first{
					padding:0;	
				}
					#footer .servicesBlock .servicesList li a{
						padding: 55px 0 0 0;
						text-align:center;
						display:block;
					}
					#footer .servicesBlock .servicesList li a:hover{
						text-decoration:none;	
					}
					#footer .servicesBlock .servicesList li.colissimoLink a{background: url(../images/common/picto_footerServices.png) no-repeat 0 0}
					#footer .servicesBlock .servicesList li.userAccountLink a{background: url(../images/common/picto_footerServices.png) no-repeat -70px 0}
					#footer .servicesBlock .servicesList li.listenLink a{background: url(../images/common/picto_footerServices.png) no-repeat -140px 0}
					#footer .servicesBlock .servicesList li.securedLink a{background: url(../images/common/picto_footerServices.png) no-repeat -210px 0}
					
		#footer .servicesContainer .servicesTitle{
			font-size:2.1em;
			color:#fff;
			clear:both;
			padding: 0 0 0 82px
		}
	#footer .paymentBlock{
		float:left;	
		background: url(../images/common/bg_headerSeparator.png) no-repeat 0 6px;
		padding:6px 0 0 7px;
		width:40px;
		height:114px
	}
		#footer .paymentBlock .paymentPicto{
			padding: 0 0 12px 0	;
		}
			#footer .paymentBlock .paymentPicto img{
				display:block;	
			}
		#footer .paymentBlock ul{
			width:100%;	
		}
		#footer .paymentBlock ul:after{
			content:".";
			clear:both;
			display:block;
			height:0;
			visibility:hidden;
		}
			#footer .paymentBlock ul li{
				float:left;
			}
	#footer .contactBlock{
		float:left;	
		/*background: url(../images/common/bg_headerSeparator.png) no-repeat 0 6px;*/
		padding:6px 0 0 29px;
		width:226px;
		position:relative;
		height:114px
	}
		#footer .contactBlock .contactLink{
			/*background: url(../images/common/picto_contact.png) no-repeat 0 0px;*/
			padding:10px 0 15px 60px;
			font-size:2.1em;
		}
			#footer .contactBlock .contactLink a:hover{
				text-decoration:none;	
			}
		#footer .contactBlock .siteLink{
			position:absolute;
			bottom:5px;
			left:94px;
		}
				
/***************************** CONTENT */			
#mainContent{
	width:950px;
	min-height:400px;
	margin:0 auto;
}
#mainContent:after{			
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
.sdtContent{
	padding:4px 0 0 6px;
	float:left;
	width:470px
}
.sdtContentLarge{
	padding:4px 0 0 6px;
	float:left;
	width:940px
}
.stdNavigation{
	float:right;
	width:379px;
}
	.stdNavigation .stPushBlock{
		padding: 0 0 20px 0	
	}
		.stdNavigation .stPushBlock img{
			display:block	
		}