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


/* HTML Tags
***********************************************/

html, body{
	margin:0;
	padding:0;
	height: 100%;
	text-align:center;
	background:url(../img/bg.jpg) repeat-x top left #f0f0f1;
	font-family:Arial, Helvetica, Verdana;
}

a{
	text-decoration:none;
}
	a:hover{
		text-decoration:underline;
	}
	a:visited{ 
		margin: 0;
		padding: 0;
	} 
	

/* Mise en forme
***********************************************/
ul{
	padding:0;
	margin:0;	
}
li{
	padding:0;
	margin:0;
}

h1, h1 a, h1 a:hover {
	font-size:14px;
 	font-weight:bold;
	line-height:17px;
	color: #2F568C;
}
h2, h2 a, h2 a:hover {
	font-size:12px;
 	font-weight:bold;
	line-height:17px;
 	color: #FFB000;
}
.bleu {
	color: #9bdcec;
}

tbody {
	border:none;
}

#HeaderLeft h1{
	font-size:0px;
}

/* Structure
***********************************************/

#Container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:100%;
	text-align:left;
	border-left:1px solid #ececee;
	border-right:1px solid #ececee;
	background:#FFFFFF;
}

/* Header
***********************************************/

#Header{
	float:Left;
	width:1000px;
	height:126px;
}
	#HeaderLeft{
		float:Left;
		width:93px;
		height:93px;
		padding:19px 0 14px 16px;
	}
	#HeaderRight{
		float:Left;
		width:891px;
		height:126px;
	}
		#HeaderRightTop{
			float:Left;
			width:891px;
			height:92px;
		}
			#HeaderRightJR{
				float:Left;
				width:243px;
				height:42px;
				padding:40px 0 10px 0;
			}
			#HeaderRightMenuTop{
				float:Left;
				width:648px;
				height:72px;
				padding:0 0 20px 0;
			}	
				#MenuTop{
					float:left;
					/*width:430px;*/
					width:100%;
					height:15px;
					padding:43px 0 9px 0;
					background:url(../img/bg_menu_top.jpg) repeat-y top right;
				}
					#MenuTopContent{
						float:right;
						height:15px;
						padding:0 7px 0 5px;
					}
					#MenuTopContent a{
						float:left;
						color:#7487b5;
						font-size:0.65em;
						padding:3px 0 0 0;
						height:15px;
					}
					#MenuTopContent img{
						padding:0 4px 0 0;
						float:left;
					}
					#MenuTopContentSeparator{
						float:right;
						height:15px;
						width:3px;
						background:url(../img/menu_top_separator2.jpg) no-repeat top left;
					}
				#MenuTopSeparator{
					float:Left;
					width:648px;
					height:5px;
					background:url(../img/menu_top_separator.jpg) no-repeat top left;
				}
		#HeaderRightBottom{
			float:Left;
			width:780px;
			height:34px;
			padding:0 0 0 100px;
		}
			#Menu{
				float:Left;
				height:34px;
			}	
				#MenuContent{
					float:Left;
					height:34px;
					/*width:527px;*/
					text-align: center;
					padding: 0 30px;
					background:url(../img/bg_menu.jpg) no-repeat top left;
				}
				#MenuContent span{
					float:Left;
				}
				#MenuContent h2{
					float: left;
					font-size: 1em;
					font-weight: normal;
					margin: 0;
					line-height: normal;
				}
					#MenuContent a,#MenuContent h2 a{
						float:left;
						height:34px;
						color:#6b8eb7;
						font-size:0.8em;
						font-weight: normal;
					}
					#MenuContent a .TextMenu,#MenuContent h2 a .TextMenu{
						cursor: pointer;
						padding:7px 10px 0 10px;
					}
					#MenuContent a.active .TextMenu, #MenuContent a.hover .TextMenu, #MenuContent h2 a.active .TextMenu, #MenuContent h2 a.hover .TextMenu{
						padding:7px 0 0 29px;
					}
					
					/* Pas active
					***********************************************/
					#MenuContent .MLeftFirst{
							float:left;
							height:34px;
							width:30px;
						}
						#MenuContent .MLeft{
							float:left;
							height:34px;
							width:30px;
						}
							#MenuContent a:hover, #MenuContent h2 a:hover{
								float:left;
								height:34px;
							}
						#MenuContent .MRight{
							display:none;
						}
						#MenuContent .MRightAlone{
							display:block;
							float:left;
							height:34px;
							width:38px;
						}
					#MenuContent .MRightFirst{
						float:left;
						height:34px;
						width:30px;
					}
					/***********************************************/
					
					
					/* Active
					***********************************************/
						#MenuContent .active .MLeftFirst, #MenuContent .hover .MLeftFirst, #MenuContent h2 .active .MLeftFirst, #MenuContent h2 .hover .MLeftFirst{
							float:left;
							height:34px;
							width:30px;
							background:url(../img/M_left_first.jpg) no-repeat top left;
						}
						#MenuContent .active .MLeft, #MenuContent .hover .MLeft, #MenuContent h2 .active .MLeft, #MenuContent h2 .hover .MLeft{
							float:left;
							height:34px;
							width:30px;
							background:url(../img/M_left.jpg) no-repeat top left;
						}
						#MenuContent .activeNext .MLeft, #MenuContent h2 .activeNext .MLeft{
							display:none;
						}
							#MenuContent .active, #MenuContent .hover, #MenuContent h2 .active, #MenuContent h2 .hover{
								float:left;
								text-decoration:none;
								color:#FFFFFF;
								height:34px;
								font-weight:bold;
								background:url(../img/M_left2.gif) no-repeat top left;
							}
						#MenuContent .active .MRight, #MenuContent .hover .MRight, #MenuContent h2 .active .MRight, #MenuContent h2 .hover .MRight{
							display:block;
							float:left;
							height:34px;
							width:29px;
							background:url(../img/M_right.jpg) no-repeat top left;
						}
						#MenuContent .active .MRightLast, #MenuContent .hover .MRightLast, #MenuContent h2 .active .MRightLast, #MenuContent h2 .hover .MRightLast{
							float:left;
							height:34px;
							width:30px;
							background:url(../img/M_right_last.jpg) no-repeat top left;
						}
					/***********************************************/
					
					
	
			#Search{
				float:right;
				width:127px;
				height:19px;
				padding:4px 0 0 0;
			}
				#Search .form-item {
				  margin: 0;
				  padding: 0;
				  float:left;
				}
				#Search fieldset {
				  float:left;
				  width:83px;
				  border: none;
				  margin: 0;
				  padding: 0;
				}
				#Search #teleport-left-buttons,  
				#Search #teleport-right-buttons,  
				#Search .form-item .description,
				#Search h2,
				#search-form label {
					display: none;
				}
				#SearchLeft{
					float:Left;
					width:23px;
					height:19px;
				}
				#SearchCenter .form-item input {
					float:Left;
					border: none;
					width:83px;
					height:15px;
					color:#999999;
					font-size:10px;
					padding:4px 0 0 8px;
					background:url(../img/bg_search.jpg) repeat-x top left;
				}
				#SearchRight{
					float:Left;
					width:13px;
					height:19px;
					background:url(../img/search_right.jpg) no-repeat top left;
				}


/* Content
***********************************************/

#Content{
	float:Left;
	width:990px;
	padding:12px 2px 0 8px;
	background:url(../img/bg_content.jpg) repeat-x top left #FFFFFF;
}

#Breadcrumb{
	float:Left;
	width:812px;
	height:37px;
	padding:10px 0 0 10px;
	font-size:0.65em;
	color:#A7B4D4;
}
#Breadcrumb a{
	color:#c9c4c4;
}
	#Breadcrumb a.active{
		color:#a7b4d4;
	}



/* LEFT
***********************************************/

#Left{
	float:Left;
	width:822px;
	/*height:516px;*/
	background:#FFFFFF;
}
	
#ContentType{
	float:Left;
	width: 595px;
	/*width:567px;*/
	/*padding:0 25px 0 75px;*/
}
#ContentTypeTitle{
	float:Left;
	width:527px;
	margin-left: 48px;
}
#ContentTypeSeparator{
	float:Left;
	width:527px;
	height:7px;
	background:url(../img/separator7.jpg) no-repeat bottom left;
	margin-left: 48px;
}
#ContentTypeText{
	float:Left;
	width:507px;
	font-size:0.7em;
	color:#747474;
	line-height:18px;
	padding:10px;
	padding:0 25px 0 63px;
}
#ContentTypeVisuel{
	float:Left;
	width:557px;
	padding:0 25px 0 75px;
}
		#ProduitsMozaiqueTitleLeft,
		#ContentTypeTitle{
		float:Left;
		padding:4px 20px 0 0;
		color:#a6b2d2;
		font-size:1.1em;
		font-weight: lighter;
	}
	.view-filters {
		font-size: 0.75em;
		color: #023E99;
	}
	.view-actualites-block {
		text-align: right;
	}
/************** MenuLeft ***********************/
#MenuLeft{
	float:Left;
	width:155px;
}
	
#MenuLeftContent{
	float:Left;
	width:155px;
	padding:15px 0 30px 0;
	font-size:0.7em;
	color:#8193c1;
}
#MenuLeftContent ul,
#sub50000ProduitsetSolutions444 ul ul{
	float:Left;
	width:155px;
}
#MenuLeftContent li,
#sub50000ProduitsetSolutions444 ul ul li{
	float:right;
	width:145px;
	padding:0;
	margin: 0px 10px 0 0;
	list-style:none;
	background:url(../img/separator_menu_produits.jpg) no-repeat bottom left;
}
#MenuLeftContent a,
#sub50000ProduitsetSolutions444 ul ul a{
	float:Left;
	color:#8193c1;
	width:125px;
	padding:5px 20px 6px 0;
	text-align:right;
	background:url(../img/arrow_menu_produits.jpg) no-repeat top right;
}
#MenuLeftContent a.active,
#sub50000ProduitsetSolutions444 ul ul a.active{
	color:#ffffff;
	width:125px;
	background:#6287ba;
}

/************** SSMenu ***********************/
#MenuLeftContent ul ul,
#sub50000ProduitsetSolutions444 ul ul ul ul{
	float:Left;
	background:#e4e8f2;
	padding:20px 0 30px 0;
	margin:0;
	width:145px;
	border-top:dotted 1px;
	border-bottom:dotted 1px;
}
#MenuLeftContent ul ul li,
#sub50000ProduitsetSolutions444 ul ul ul ul li{
	float:Left;
	background:none;
	width:145px;
	padding:0 0 5px 0;
}
#MenuLeftContent ul ul a,
#sub50000ProduitsetSolutions444 ul ul ul ul a{
	float:right;
	width:125px;
	padding:0 15px 0 0;
	background:none;
}
#MenuLeftContent ul ul a.active,
#sub50000ProduitsetSolutions444 ul ul ul ul a.active{
	color:#628dfa;
	background:#ffffff;
	width:125px;
}


/************** Menu Services***********************/
#MenuServices{
	float:Left;
	width:155px;
	padding:35px 0 10px 0;
	color:#8193c1;
}
#MenuServicesTitle{
	float:Left;
	width:115px;
	padding:0 40px 10px 0;
	text-align:right;
	font-weight:bold;
	color:#628dfa;
}
#MenuServices ul{
	float:Left;
	width:155px;
}
#MenuServices li{
	float:right;
	width:135px;
	padding:5px 20px 6px 0;
	list-style:none;
	background:url(../img/separator_menu_produits.jpg) no-repeat bottom left;
}
#MenuServices a{
	float:Left;
	color:#8193c1;
	width:115px;
	height:17px;
	padding:0 20px 0 0;
	text-align:right;
	background:url(../img/arrow_menu_produits.jpg) no-repeat top right;
}
#MenuServices a.IconInstallation{
	background:url(../img/icon_installation.jpg) no-repeat top right;
}
#MenuServices a.IconMaintenance{
	background:url(../img/icon_maintenance.jpg) no-repeat top right;
}
#MenuServices a.IconFormation{
	background:url(../img/icon_formation.jpg) no-repeat top right;
}
#MenuServices a.IconAssistance{
	background:url(../img/icon_assistance.jpg) no-repeat top right;
}
#MenuServices a.active{
	color:#628dfa;
	background:url(../img/arrow_menu_produits_active.jpg) no-repeat top right;
}


/* RIGHT
***********************************************/

#Right{
	float:Left;
	width:166px;
	height:516px;
	background:#FFFFFF;
}

	/********** BOX *******************/
	
	#RightSolutionsSurMesure a{
		float:Left;
		width:166px;
		height:160px;
		background:url(../img/nous_produisons_des_solutions_sur_mesure.jpg) no-repeat top left;
	}
	/*
	#RightSolutionsSurMesure a:hover{
		background-position: -166px 0;
	}
	*/
	/********** BOX *******************/
		
	#RightDecouvrezNosPartenaires a{
		float:Left;
		width:166px;
		height:160px;
		background:url(../img/decouvrez_nos_partenaires.jpg) no-repeat top left;
	}
	#RightDecouvrezNosPartenaires a:hover{
		background-position: -166px 0;
	}
	
	/********** BOX *******************/
	
	#RightDecouvrezNosServices a{
		float:Left;
		width:166px;
		height:136px;
		background:url(../img/decouvrez_tous_nos_services.jpg) no-repeat top left;
	}
	#RightDecouvrezNosServices a:hover{
		background-position: -166px 0;
	}
	
	/********** BOX *******************/
	
	#RightContactDirectMini a{
		float:Left;
		width:166px;
		height:136px;
		background:url(../img/contact_direct_mini.jpg) no-repeat top left;
	}
	/*
	#RightContactDirectMini a:hover{
		background-position: -166px 0;
	}
	*/
	/********** BOX *******************/
	
	#RightCarteAgents a{
		float:Left;
		width:166px;
		height:152px;
		margin: 4px 0 4px 0;
		background:url(../img/right_les_agents.jpg) no-repeat top left;
	}
	/*
	#RightCarteAgents a:hover{
		background-position: -166px 0;
	}
	*/
	/********** BOX *******************/
	
	#RightContactDirect{
		float:Left;
		width:164px;
		height:103px;
		padding:115px 0 0 0;
		border:1px solid #dcdced;
		background:url(../img/contact_direct.jpg) no-repeat top left;
	}
		#RightContactDirectTel{
			float:left;
			width:146px;
			height:20px;
			padding:0 0 0 20px;
		}
			#ChampsLeft{
				float:Left;
				width:11px;
				height:20px;
				background:url(../img/champs_left.jpg) no-repeat top left;
			}
			#ChampsMiddle{
				float:Left;
				width:100px;
				height:16px;
				padding:4px 4px 0 0;
				color:#ffb154;
				text-align:right;
				font-size:0.7em;
				font-weight:bold;
				background:url(../img/champs_middle.jpg) repeat-x top left;
			}
			#ChampsRight{
				float:Left;
				width:11px;
				height:20px;
				background:url(../img/champs_right.jpg) no-repeat top left;
			}
		#RightContactDirectNom{
			float:Left;
			width:146px;
			height:20px;
			padding:4px 0 0 20px;
		}
		#RightContactDirectBtn{
			float:Left;
			width:117px;
			height:26px;
			padding:8px 0 0 48px;
		}
		
		
	/********** BOX *******************/
	
	
	
		
/* Formulaire de contact
***********************************************/

.form-item label {
	display:block;
	font-weight:bold;
	width: 120px;
	float: left;
	font-size: 1.2em;
}
#user-login,
#user-profile-form,
#user-pass,
#user-register {
	float: left;
	padding-bottom: 30px;
}
#user-login .form-item,
#user-profile-form .form-item,
#user-pass .form-item,
#user-register .form-item{
	margin: 20px 0 20px 0;
}
#user-login .form-item label,
#user-profile-form .form-item label,
#user-pass .form-item label,
#user-register .form-item label {
	display:block;
	font-weight:bold;
	width: 150px;
	color: #333333;
	float: left;
}

#webform-client-form-39 {
	float: left;
	padding: 15px 0 0 0;
	background:url(../img/separator6.jpg) no-repeat top left;
}
	
#webform-client-form-39 .form-text, 
#user-login .form-text,
#user-profile-form .form-text,
#user-pass .form-text,
#user-register .form-text {
	width: 354px;
	height: 17px;
	padding: 3px;
	font-size:14px;
	color: #333333;
	border:1px solid #c0bebe;
	background:url(../img/bg_form.jpg) repeat-x top left;
}

#webform-client-form-39 .form-textarea {
	width: 354px;
	height: 150px;
	padding: 3px;
	border:1px solid #c0bebe;
	font-size:14px;
	line-height: 18px;
	color: #333333;
	background:url(../img/bg_form.jpg) repeat-x bottom left;
}

#webform-client-form-39 html.js .resizable-textarea textarea {
	width: 400px;
}
#webform-client-form-39 .grippie {
	display: none;
}
#webform-client-form-39 .form-submit {
	background:transparent url(../img/button_envoyer.jpg) no-repeat top left;
	border:none;
	float:right;
	height:27px;
	width:98px;
}
/*
#user-login .form-submit {
	background:transparent url(../img/button_envoyer.jpg) no-repeat top left;
	border:none;
	height:27px;
	width:98px;
}
#user-register .form-submit {
	background:transparent url(../img/button_envoyer.jpg) no-repeat top left;
	border:none;
	height:27px;
	width:150px;
}
*/
#webform-client-form-73 .form-submit{
	width: 96px;
	height: 26px;
	border: none;
	background:url(../img/btn_appelez_moi.jpg) repeat-x bottom left;
}

.captcha label, #user-register .captcha label{
	display:block;
	font-weight:bold;
	width: auto;
	float: left;
	font-size: 1.2em;
}
/* Footer
***********************************************/

#Footer{
	float:Left;
	width:970px;
	height:50px;
	font-size:0.7em;
	color:#b1a2a2;
	border-top:1px solid #eae9dd;
	line-height:1.4em;
	padding:19px 15px 30px 15px;
	background:#FFFFFF;
}
#FooterLeft{
	float:Left;
	width:255px;
	height:40px;
}
#FooterMiddle{
	float:Left;
	width:215px;
	height:40px;
	padding:14px 0 0 0;
}
#FooterRight{
	float:right;
	/*width:500px;*/
	height:40px;
	padding:14px 0 0 0;
}
#Footer a{
	color:#b1a2a2;
}

#autocomplete{
	width: 180px;
	float: left;
}
#autocomplete li{
	float: left;
	color: #FFFFFF;
	background: #262626;
	padding: 0 10px 0 10px;
	width: 180px;
}


/* LiveSearch
***********************************************/

#ActiveSearchInput{
	border:none;
	height: 20px;
	padding: 2px 0 0 25px;
	background:url(../img/bg_rechercher.jpg) no-repeat top left;
	width: 105px;
}
.search-result-top {
	background:url(../img/bg_recherche_top.png) no-repeat top left;
	height: 18px;
}
div.live-search-results {
	overflow: none;
	font: 12px/1.2 Verdana, sans-serif;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	padding-left: 0;
	padding-right: 0;
	border-left-width: 0;
	border-right-width: 0;
}
div.live-search-results .box {
	float: left;
	border: 3px solid #9BC9FE;
	border-width: 0 1px 3px 3px;
}
div.live-search-results form,
div.live-search-results h2 {
	display: none;
}

/**********/
/* PAGERS */
/**********/
.item-list .pager {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
  float: right;
}

.item-list .pager li,
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

.item-list .pager a.active {
  color: #27638C;
  font-size: 0.7em;
  font-weight: bold;
  padding: 4px;
  text-decoration: none; 
}

.pager li.pager-current {
  background-color: #D9DBCD;
  border: 1px solid #266996;
  color: #333;
  margin: 0 4px;
  padding: 4px;
}

.pager-first,
.pager-next,
.pager-previous,
.pager-item,
.pager-last {
  background-color:#FDFFEF;
  border: 1px solid #266996;
  margin: 0 4px;
  padding: 4px;
}

.pager-first:hover,
.pager-next:hover,
.pager-previous:hover,
.pager-item:hover,
.pager-previous:hover,
.pager-last:hover {
  background-color: #EAEFCB;
}

/*
 * Actualites 
 */
.view-actualites .views-field-changed span {
	float: right;
	padding-right: 22px;
	font-weight: bold;
}

.view-actualites .views-field-created span {
	float: right;
	padding-right: 22px;
	font-weight: bold;
}

/*
 * Salons 
 */
.view-salons .views-field-changed span {
	float: right;
	padding-right: 22px;
	font-weight: bold;
}

.view-salons .views-field-created span {
	float: right;
	padding-right: 22px;
	font-weight: bold;
}

#pageClient {
	margin-left: -75px;
}
#pagePartenaires tabs
#pagePartenaires #ContentTypeTitle,
#pagePartenaires #ContentTypeSeparator,
#pagePartenaires #ContentTypeText {
	margin-left: 0;
	padding-left: 0;
}
.view-partenaires {
	float:left;
}


/********/
/* TABS */
/********/

#tabs {
  background-color: transparent;
  float: left;
  padding: 0;
  margin-left: 50px;
}

#tabs ul.primary,
#tabs ul.secondary {
  border: none;
}

#tabs ul.primary li,
#tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#tabs ul.primary li a:link,
#tabs ul.primary li a:visited,
#tabs ul.secondary li a:link,
#tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  float: left;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  color: #A7B4D4;
}

#tabs ul.secondary li a:link,
#tabs ul.secondary li a:visited {
  color: #27638C;
  font-size: 1em;
}

#tabs ul.primary li a.active:link,
#tabs ul.primary li a.active:visited {
  color: #27638C;
  padding-bottom: 2px;
  text-decoration: underline;
}

#tabs ul.secondary li a.active:link,
#tabs ul.secondary li a.active:visited {
  color: #27638C;
  padding-bottom: 2px;
}

#tabs ul.primary li a:hover,
#tabs ul.secondary li a:hover {
  color: #4A95C8;
  padding-bottom: 2px;
}

/********/
/* PLAN DU SITE */
/********/
.sitemap-box #ContentTypeText .menu a,
.sitemap-box #ContentTypeText .tree a{
	color: #8193C1;
	text-decoration: none;
}
.sitemap-box #ContentTypeText .menu a:hover,
.sitemap-box #ContentTypeText .tree a:hover{
	color: #8193C1;
	text-decoration: underline;
}

.captcha{
	border-color: #ffffff;
	border-width: 0px;
}
.captcha legend{
	color: #ffffff;
}
.captcha .field-prefix{
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	margin-left: 5px;
}
#webform-client-form-39 #edit-captcha-response{
	width: 50px;
	margin-left: 5px;
}