/* ### INDEX ### */

#SweetFoxAccess {
	width:840px;
	height:535px;
	margin:0 auto;
	margin-top:10em;
/* 
	background-color:#FF4411;
 */
}

@media all and (max-width:320px) {
	#SweetFoxAccess {
		width:100% !important;
		height:320px;
		margin-top:3em;
/* 
		background-color:#FF4477;
 */
	}
}

#IndexLeft {
	float:left;
	width:606px;
	height:535px;
}

@media all and (max-width:320px) {
	#IndexLeft {
		float:none;
		width:100% !important;
		height:320px;
	}
}

#SweetFoxLovely {
	position:absolute;
	z-index:12;
	width:606px;
	height:535px;
}

@media all and (max-width:320px) {
	#SweetFoxLovely {
		width:100% !important;
	}
	
	#SweetFoxLovely img {
		width: 100% !important;
	}
}

#IndexPane {
	position:absolute;
	z-index:24;
	width:606px;
	height:240px;
	margin-top:144px;
}

@media all and (max-width:320px) {
	#IndexPane {
		display:none;
	}
}

#FormPane {
	position:absolute;
	z-index:24;
	width:606px;
	height:240px;
	margin-top:144px;
}

@media all and (max-width:320px) {
	#FormPane {
		width:100%;
		height:auto;
		margin-top:120px;
/* 
		background-color:#FF4411;
 */
	}
}

#FormPane .pad {
	padding-top:84px;
	padding-left:120px;
}

@media all and (max-width:320px) {
	#FormPane .pad {
		padding-top:0px;
		padding-left:0px;
	}
}

#IndexRight {
	float:right;
	width:234px;
	height:240px;
	margin-top:144px;
}

@media all and (max-width:320px) {
	#IndexRight {
		display:none;
		width:0px;
	}
}

#updateInfo {
	height:240px;
	padding-left:24px;
	overflow:auto;
}

#updateInfo .item {
	padding-top:6px;
	padding-bottom:12px;
	text-align:left;
}

#Raccomandations {
	clear:both;
	width:606px;
	padding-top:410px;
	text-align:right;
}

@media all and (max-width:320px) {
	#Raccomandations {
		display:none;
	}
}

#Raccomandations .pad {
	padding-right:6px;
}

#Raccomandations img {

}

.logLog {
	background-color:#E47F00;
	border:1px solid #000000;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}