/***********************************************
JR-France CSS 
***********************************************/


/*****************  accueil *******************/	


#Content{
	height:536px;
	width:991px;
	padding:12px 0px 0 9px;
}

/* Home Left
***********************************************/

#HomeLeft{
	float:Left;
	width: 556px;
	padding: 0 10px 0 0;
}

	/* Produits et Solutions
	***********************************************/
	
	#ProduitsSolutions{
		float:Left;
		width:541px;
		height:536px;
		margin:0px 3px 0 0px;
		background:#FFFFFF;
		border-right:1px solid #ececee;
		position: relative;
		padding: 0 8px 0 7px;
	}
		#HomeProduits{
			float:Left;
			width:541px;
			height:363px;
			padding: 7px 0 8px 0;
		}
		#HomeProduitsList{
			float: left;
			position: relative;
			overflow: hidden;
			height:363px;
			//padding: 7px 0 8px 0;
			width: 541px;
			
		}
		#HomeProduitsItems{
			float: left;
			position: absolute;
			//width: 3246px;
			width:40000em;
			//z-index: 0;
		}
		#HomeProduitsItems .HomeProduits{
			width: 541px;
			float: left;
			position: relative;
			height:363px;
			overflow: hidden;
			//padding: 7px 0 8px 0;
			//z-index: 0;
		}
		#HomeProduitsArrowLeft{
				z-index: 1000;
			}
			#HomeProduitsArrowLeft a{
				position: absolute;
				top: 170px;
				left: 7px;
				width:33px;
				height:60px;
				background:url(../img/arrow_left11.gif) no-repeat top left;
				z-index: 1000;
			}
			#HomeProduitsArrowRight{
				z-index: 1000;
			}
			#HomeProduitsArrowRight a{
				position: absolute;
				top: 170px;
				right: 8px;
				width:33px;
				height:60px;
				background:url(../img/arrow_right11.gif) no-repeat top left;
				z-index: 1000;
			}
			#HomeProduitsLink a{
				position: absolute;
				top: 320px;
				left: 40px;
				width: 96px;
				height: 28px;
				background:url(../img/button_plus.png) no-repeat top left;
				text-decoration: none;
				z-index: 800;
			}
			#HomeProduitsLink a:hover{
				text-decoration: none;
				background-position: -96px 0;
			}
			#HomeProduitsLoading{
				position: absolute;
				top: 7px;
				left: 7px;
				width:541px;
				height:363px;
				background-color:#FFFFFF;
				-moz-opacity:0.7;
				opacity: 0.7;
				filter:alpha(opacity=70);
				//z-index: 2000;
			}
		#HomeProduitsBottom{
			float:left;
			width:541px;
			height:153px;
			position: relative;
			background:url(../img/bg_home_cat.jpg) no-repeat top left;
		}	
			#HomeProduitsBottomArrowLeft{
				z-index: 1000;
			}
			div.disabled{
				visibility: hidden !important;
			}
			#HomeProduitsBottomArrowLeft a{
				position: absolute;
				width:25px;
				height:44px;
				left: 0px;
				top:50px;
				z-index: 1000;
				background:url(../img/arrow_left12.gif) no-repeat top left;
			}
			#HomeProduitsBottomArrowRight{
				z-index: 1000;
			}
			#HomeProduitsBottomArrowRight a{
				position: absolute;
				width:25px;
				height:44px;
				right: 0px;
				top: 50px;
				z-index: 1000;
				background:url(../img/arrow_right12.gif) no-repeat top left;
			}
			#ProduitsSolutionsCat{
				float:left;
				width:541px;
				height:153px;
				overflow: hidden;
				position: relative;
			}
				#ProduitsSolutionsCat ul{
					position: relative;
        			padding: 0;
				}
				#ProduitsSolutionsList{
					position: absolute;
					width: 25000em;
					float: left;
				}
				#ProduitsSolutionsCat li{
					width: 135px;
					float: left;
					list-style: none;
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					overflow: hidden;
					text-decoration: none;
					position: relative;
				}
				#ProduitsSolutionsCatBox a{
					float:left;
					width:111px;
					height:139px;		
					padding:15px 5px 0 15px;
					margin:0 4px 0 0;
				}
				#ProduitsSolutionsCatBox a:hover{
					border:1px solid #333333;
					width:109px;
					height:136px;
					text-decoration:none;
				}
					#ProduitsSolutionsCatBoxTitle{
						float:left;
						width:111px;
						color:#85abe3;
						font-size:12px;
						height: 28px;
					}
					#ProduitsSolutionsCatBoxText{
						float:left;
						width:121px;
						font-size:0.6em;
						color:#747474;
						line-height:1.3em;
						height: 38px;
					}
					.ProduitsSolutionsCatBoxPhoto{
						float:left;
						text-align:center;
						width:100px;
						height: 120px;
						cursor: pointer;
					}
					.ProduitsSolutionsCatBoxPhoto img{
						width: 100px;
						height: 120px;
						padding:0 0 0 0;
					}
		
		
	
/* Home Middle (new)
***********************************************/

#HomeMiddle{
	float:Left;
	width: 236px;
	padding: 0 10px 0 0;
}		
			
	/* Actu
	***********************************************/
	
	#Actu{
		float:Left;
		width:236px;
		height:318px;
		background:#FFFFFF;
		padding: 0 0 5px 0;
	}
		#ActuButton a{
			float:right;
			text-align:right;
			color:#023e99;
			font-size:0.8em;
			width:196px;
			height:26px;
			padding:14px 40px 0 0;
			text-decoration: none;
			background:url(../img/bg_btn_actu2.jpg) no-repeat top left;
		}
		#ActuButton a:hover{
			text-decoration: none;
			background-position: -236px 0;
		}
		#ActuButton a.active{
			text-decoration: none;
			background-position: -236px 0;
		}
		#ActuContent, #ActuContentNouv, #ActuContentSalon{
			float:left;
			width:216px;
			height:175px;
			padding:15px 0 5px 20px;
			border-bottom:3px solid #a7b4d4;
		}
			#ActuContentLeft{
				float:left;
				width:186px;
				height:165px;
				overflow: hidden;
			}
				#ActuContentLeftDate{
					float:left;
					width:186px;
					height:15px;
					color:#747474;
					font-size:0.7em;
				}
				#ActuContentLeftTitle{
					float:left;
					width:186px;
					/*height:15px;*/
					color:#4b63ae;
					font-size:0.8em;
					font-weight:bold;
					padding:4px 0 2px 0;
				}
		#ActuContentLeftTitle a{
			color:#023e99;
		}
				#ActuContentLeftText{
					float:left;
					width:176px;
					height:100px;
					color:#747474;
					font-size:0.7em;
					line-height:1.3em;
					padding:0 10px 0 0;
					overflow: hidden;
				}
				#ActuContentLeftFeed{
					float:left;
					width:176px;
					height:20px;
					color:#7797c8;
					font-size:9px;
					padding:5px 0 0 0;
				}
				#ActuContentLeftFeed a{
					color:#7797c8;
					font-size:9px;
				}
			#ActuArrow a{
				float:right;
				width:29px;
				height:36px;
				margin:48px 0 0 0;
				background:url(../img/arrow_actu_right.jpg) no-repeat top left;
			}
			#ActuArrow a:hover{
				background-position: -29px 0;
			}
			
	/* Societe
	***********************************************/
	
	#HomeSociete{
		float:Left;
		width:226px;
		height:192px;
		padding: 17px 5px 0 5px;
		background:url(../img/bg_home_societe.jpg) repeat-x top left;
	}	
		#HomeSocieteLeft{
			float:Left;
			width:62px;
			height:172px;
		}	
		#HomeSocieteRight{
			float:Left;
			width:146px;
			height:172px;
			padding: 0 0 0 8px;
		}
			#HomeSocieteRightTitle{
				float:Left;
				width:146px;
				font-size: 12px;
				color: #7a2d03;
			}
			#HomeSocieteRightText{
				float:Left;
				width:146px;
				font-size: 10px;
				color: #5d5d5d;
			}
			#HomeSocieteRightPlus{
				float:Left;
				width:146px;
				font-size: 10px;
				color: #e14b4b;
			}		
			#HomeSocieteRightPlus a{
				color: #e14b4b;
			}
	
	
/* Home Right (new)
***********************************************/

#HomeRight{
	float:Left;
	width: 166px;
}
	
	/* Cadre3 (new)
	***********************************************/
	
	#HomeSurMesure{
		float:Left;
	}
	#HomeSurMesure a{
		float:Left;
		width:166px;
		height:298px;
		background:url(../img/home_sur_mesure.jpg) no-repeat top left;
	}
	/* Cadre4 (new)
	***********************************************/
	
	#HomeContact{
		float:Left;
	}
	#HomeContact a{
		float:Left;
		width:166px;
		height:158px;
		background:url(../img/home_contact.jpg) no-repeat top left;
	}
	
	/* Cadre5 (new)
	***********************************************/
	
	#HomeCarte{
		float:Left;
		padding: 5px 0 0 0;
	}
	#HomeCarte a{
		float:Left;
		width:166px;
		height:133px;
		background:url(../img/home_carte.jpg) no-repeat top left;
	}
	
	/* Cadre6 (new)
	***********************************************/
	
	#HomeClients{
		float:Left;
		width:166px;
		height:76px;
		padding: 5px 0 0 0;
	}
	#HomeClients a{
		text-decoration: none;
	}
	#HomeClientsLeft{
		float:Left;
		width:80px;
		height:76px;
	}
	#HomeClientsRight{
		float:Left;
		width:56px;
		height:56px;
		font-size: 11px;
		color: #004494;
		padding: 20px 10px 0 20px;
	}


/* Cadre4
***********************************************/

#Separator4{
	float:Left;
	width:497px;
	height:23px;
	margin:0 0 0 0; 
	background:url(../img/separator4.jpg) no-repeat top left;
}

#SavoirPlus{
	float:Left;
	width:485px;
	height:197px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#FFFFFF;
	color:#5d5d5d;
	font-size:0.66em;
}
	#SavoirPlusTop{
		float:Left;
		width:485px;
		height:111px;
	}
		#SavoirPlusTopLeft{
			float:Left;
			width:236px;
			height:111px;
			background:url(../img/bg_JRSA.jpg) repeat-x top left;
		}
			#SavoirPlusTopLeftImg{
				float:Left;
				width:66px;
				height:96px;
				padding:15px 0 0 0;
			}
			#SavoirPlusTopLeftText{
				float:Left;
				width:130px;
				height:86px;
				padding:20px 5px 5px 16px;
			}
		#SavoirPlusTopRight{
			float:right;
			width:244px;
			height:111px;
			background:url(../img/bg_agents.jpg) repeat-x top left;
		}
			#SavoirPlusTopRightImg{
				float:Left;
				width:75px;
				height:106px;
				padding:5px 0 0 0;
			}
			#SavoirPlusTopRightText{
				float:Left;
				width:159px;
				height:86px;
				padding:20px 4px 5px 5px;
			}
			#SavoirPlusTopRightBtn a{
				float:Left;
				width:159px;
				height:30px;
				background:url(../img/btn_acces_carte.jpg) no-repeat top left;
			}
			#SavoirPlusTopRightBtn a:hover{
				background-position: -159px 0;
			}
			
	#SavoirPlusBottom{
		float:Left;
		width:485px;
		height:85px;
	}
		#SavoirPlusBottomLeft{
			float:Left;
			width:236px;
			height:85px;
		}
			#SavoirPlusBottomLeftImg{
				float:Left;
				width:56px;
				height:67px;
				padding:10px 0 0 0;
			}
			#SavoirPlusBottomLeftText{
				float:Left;
				width:100px;
				height:70px;
				padding:10px 5px 5px 16px;
			}
		#SavoirPlusBottomRight{
			float:Left;
			width:244px;
			height:85px;
		}
			#SavoirPlusBottomRightImg{
				float:Left;
				width:96px;
				height:64px;
				padding:0 0 0 0;
			}
				#SavoirPlusBottomRightImg img{
					padding-top:10px;
				}
			#SavoirPlusBottomRightText{
				float:Left;
				width:138px;
				height:70px;
				padding:10px 5px 5px 5px;
			}