﻿/* CSS layout */
*, body {
	margin:0;
	padding:0;
	border:0;
}

html{
	background:#021B45  url('../images/design_v2/background/base-bg.jpg') repeat;
}

	body{
		background:url('../images/design_v2/background/top-bg.jpg') repeat-x ;
		text-align:center;
		font:normal normal normal 12px/15px Arial;
		color:#252525;
	}
	
		.taCenter{text-align:center;}
		.taRight{text-align:right;}
		
		.PT20PX{padding-top:20px;}
		.ML10PX{margin-left:10px;}
		
		strong, em{color:#5582A8;}
		a:hover strong, a:hover em{color:#fff;}
		
		a{
			color:#5582A8;
			line-height:normal;	
			text-decoration:none;
			font-weight:normal;
			background-position:top;
		}
									
		a:hover {
			background-color:#4988E5;
			color:#ffffff;
			text-decoration:none;
			background-position:bottom;
			cursor: pointer;
		}
		
		a.underline:hover{
			background-color:transparent;
			text-decoration:underline;
		}
		
		a.imgLink, a.imgLink:hover
		{
			background-color: transparent;
		}
		
		.lineLink{
			margin:0 15px 10px 15px;
			text-align:right;
			padding: 0px 15px 0 0;
			background: transparent url('../images/bullets_icons/line.png') repeat-x center;
			display:block;
		}
		
		a.moreLink, a.nextLink
		{
			text-decoration:none;
			margin: 0 0 0 7px;
			font-weight:bold;
			height:21px;
			background: transparent url('../images/bullets_icons/puceMore.jpg') no-repeat  top right;	
			padding-right: 20px;
		}
		
		a.previousLink
		{
			text-decoration:none;
			margin: 0 7px 0 0;
			font-weight:bold;
			height:21px;
			background: transparent url('../images/bullets_icons/pucePrevious.jpg') no-repeat  top left;	
			padding-left: 20px;
		}
		
		.lineLink a.moreLink, .lineLink a.nextLink
		{
			text-decoration:none;
			margin: 0 0 0 7px;
			font-weight:bold;	
			background-color:#fff;
			padding:0 25px 0 5px;	
		}
		
		.lineLink a.previousLink
		{
			text-decoration:none;
			margin: 0 7px 0 0;
			font-weight:bold;	
			background-color:#fff;
			padding:0 5px 0 25px;	
		}
		
		a.moreLink:hover, a.nextLink:hover
		{
			background-color:#4988E5;
			background-position:bottom right;
		}
		
		a.previousLink:hover
		{
			background-color:#4988E5;
			background-position:bottom left;
		}
		
		
	
		
		a.noBg:hover{
			background-color:transparent;
		}
		
		a.noBg img{
			margin-left:3px;		
		}


	.hide{display:none;}
	
	
														
	.clearBoth{
		display:block;
		clear:both;
		
	}
	
	.clearLeft{
		display:block;
		clear:left;
	}
	
	.clearRight{
		display:block;
		clear:right;
	}
	
	.floatLeft{float:left;}
	.floatRight{float:right;}
	
	
	.encart{
		margin-bottom:11px;	
		background-color:#F5F5F5;
		width: 219px;
		margin-left:15px;	
		border:1px solid #D0D9E3;	
	}
	
	.encartResizable{
		margin-bottom:11px;	
		background-color:#F5F5F5;
		border:1px solid #D0D9E3;	
	}	
	.grandEncart
	{
		border:1px solid #B5BCC5;
		margin:19px;
		margin-top:0;
		margin-bottom:11px;	
		text-align:center;
		background-color:#F5F5F5;
		width:600px;
	}
	
	.encart p, .grandEncart p, .news-abstract .grandEncart p, .encartResizable p, .news-abstract .encartResizable p
	{
		/*padding:15px;*/
		padding: 0;
		margin: 15px;
	}

/*------------------------------------------------------------------------------------------------------------------
--------------------- Main container -------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
Ce bloc ne sert qu'à afficher les fioriture à droite et à gauche. Il ne faut pas en fixer la taille il s'adapte
à la largeur du browser et selon s'il y a de la place affiche les fioriture.

Interet : nous n'avons pas de scrollbar horizontal s'il manque de la place pour afficher les fioriture !
------------------------------------------------------------------------------------------------------------------*/


		#fioriture-bg{
			width:100%;
			/*background:transparent url('../images/design_v2/graphicsCols/bg.jpg') no-repeat;*/
			background:transparent url('../images/design_v2/background/fioriture-bg.jpg') no-repeat;
			background-position:center top;
		}


			
/*------------------------------------------------------------------------------------------------------------------
--------------------- Main container -------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
Container de 950pixel centré.
Attention le margin auto le centre sous firefox, sous IE il est centré par le text-align center du body
-> il faut donc le remettre en texte align left ici.
------------------------------------------------------------------------------------------------------------------*/
			
			
			#container {
				margin:auto;
				text-align:left;
				width:950px;				
				position:relative;	
/*				z-index:10;	*/
				background:#ffffff url('../images/design_v2/background/container-bg.png') repeat-y;	
			}

/*------------------------------------------------------------------------------------------------------------------
					Header
------------------------------------------------------------------------------------------------------------------*/

				
				#header{
					height:146px;					
					background:transparent url('../images/design_v2/background/fioriture-bg.jpg') no-repeat;
					background-position:center top;
					position:absolute;
					top:0;
					left:0;
					width:950px;
					z-index:4;
				}

/*------------------------------->	Logo de Level IT */				
					#logoLevelIT{
						position:absolute;
						top:66px;
						left:26px;
						width:222px;
						height:120px;
						z-index:5;
					}
					
					#logoLevelIT a.noBg img{
						margin-left:0px;		
					}
				

/*------------------------------->	Top Navigation */

					#topNav{
						width:100%;
						height:49px; /*146*/
						text-align:right;
						position:relative;
						z-index:5;
						margin-bottom:97px;
					}
						
						#topNavRight
						{
							background: url('../images/design_v2/header/topNav/topNav-bg-right.gif') no-repeat;
							background-position:right top;
							height:37px;	
							width:7px;
							float:right;
						}
						
						#topNavLeft
						{
							background: url('../images/design_v2/header/topNav/topNav-bg-left.gif') no-repeat;
							background-position:left top;
							height:37px;	
							width:7px;
							float:right;
						}

						#topNavSearch{
							height:37px;
							line-height:32px;
							float:right;
							margin:auto auto auto 7px;
							color:#003366;
							
						}
						
							#topNavSearch .inputSearch{
								width:82px;
								height:16px;
								line-height:16px;								
								margin:0 7px 0 14px;
								background:url('../images/design_v2/header/topNav/inputSearch.jpg') no-repeat;
								padding:2px 5px;
								vertical-align:middle;
								font-size:10px;
								font-weight:bold;
								color:#5582A8;
							}
							
							#topNavSearch .inputSubmit{
								width:30px;
								height:20px;
								line-height:20px;
								vertical-align:middle;
								background:url('../images/design_v2/header/topNav/inputSubmit.jpg') no-repeat;
								color:#ffffff;
								font-weight:bold;
								/*cursor:hand;*/
							}

						#topNavContent
						{
							background: url('../images/design_v2/header/topNav/topNav-bg.gif') repeat-x;
							background-position:right top;
							height:37px;
							line-height:32px;
							float:right;
						}
						
						#topNavLink
						{
							/*float: right;*/
							/*width: 400px;*/
						}
							#topNavLink a, #topNavLink span
							{
								/*float: right;*/
							}
						
							#topNavLink a
							{
								margin: 0 9px;
								color:#003366;
							}
							
						/*	#topNavLink a:hover{
								background-color:transparent;
								text-decoration:underline;
							}*/

						

						
						
						


			

/*------------------------------->	Menu */

					#menuBar{
						position: absolute;
						bottom:0;
						background:url('../images/design_v2/header/menuBar/menu-base-bg.png') repeat-x;
						height:42px;
						width:100%;
						z-index:3;
					}

						#menuBarLeft {
							position: absolute;
							bottom:0;
							left:0;
							background:url('../images/design_v2/header/menuBar/menu-left-bg.png') repeat-x;
							height:42px;
							width:26px;
							z-index:1;
						}
					
					
						#menuBarRight{
							position: absolute;
							bottom:0;
							right:0;
							background:url('../images/design_v2/header/menuBar/menu-right-bg.png') repeat-x;
							height:42px;
							width:5px;
							z-index:1;
						}
						
						.menuBar-list li{
							float:left;
							display:inline-block;							
							text-align:center;
							list-style:none;
							padding:1px 20px;
						}
						
						.menuBar-list li a{
							height:40px;
							display:block;
							font-size:18px;
							line-height:40px;							
							color:#003366;
							/*padding:0 25px;*/
							overflow:hidden;
							background-position:top;
							position:relative;
						}
						
						.menuBar-list li a span
						{
							display:block;
							position:absolute;
							top:0;
							right:0;
							height:40px;
							background-repeat:no-repeat;
							cursor:pointer;
						}
						
						
						/*.menuBar-list li>a{width:auto;}*/
						
						.menuBar-list li a:hover, 
						.menuBar-list li a.selected,
						.menuBar-list li a:hover span, 
						.menuBar-list li a.selected span{
							background-color:transparent;
							background-position:bottom;
						}
						
						.menuBar-list{margin-left:260px;}

						/*.menuBar-LastLink{ margin-right:0; }*/
						
						
						.menuBar-list-item-home{					width:61px; }
						.menuBar-list-item-company{					width:92px;	}						
						.menuBar-list-item-solutions{				width:107px; }	
						.menuBar-list-item-products-solutions{		width:215px; }						
						.menuBar-list-item-services{				width:92px; }
						.menuBar-list-item-references{				width:119px; }
						
						.menuBar-list-item-home span{				background:url('../images/design_v2/header/menuBar/boutons/home.png'); }						
						.menuBar-list-item-company span{			background:url('../images/design_v2/header/menuBar/boutons/company.png'); }	
						.menuBar-list-item-solutions span{			background:url('../images/design_v2/header/menuBar/boutons/solutions.png'); }	
						.menuBar-list-item-products-solutions span{	background:url('../images/design_v2/header/menuBar/boutons/products-solutions.png'); }						
						.menuBar-list-item-services span{			background:url('../images/design_v2/header/menuBar/boutons/services.png'); }						
						.menuBar-list-item-references span{			background:url('../images/design_v2/header/menuBar/boutons/references.png'); }

/*------------------------------------------------------------------------------------------------------------------
					Content
------------------------------------------------------------------------------------------------------------------*/



				#pageContent {
					position:relative;

				}

/*------------------------------->	Colonne de Gauche */

					#mainCol{						
						/*width:640px;*/
						/*background:transparent url('../images/design_v2/background/mainCol-top-bg.png') no-repeat center top;	*/					
						/*float:left;*/
					}
					
					.mainColWithRightCol
					{
						width:640px;
					}
					
					.mainColWithoutRightCol
					{
						width:950px;
					}
					
					.whiteBg
					{
						padding-bottom:1px;
						background-color:White;
					}
					
					
					.siteMapPathContainer
					{
						padding-top:5px;
						position:absolute;
						z-index:3;
					}
					
					
					.siteMapPath{
						margin-left:210px;
						/*height:20px;
						line-height:20px;*/
						margin-bottom:25px;
						width:351px;
						border:1px solid #B5BCC5;
						background-color:#ffffff;
						display:block;
						padding:2px 7px 2px 57px;
					}
					
					.siteMapPath span, .siteMapPath a{
						
					}
					
												
					.colonneInMain{
						width:320px;			
						float:left;
					}
					
					.mainBox{width:640px;}
					
					
					
					/* ------->	Titre horizontal */
					
						h2.horizontalTitle{
							height:60px;
							background-position:top;
							clear:both;									
							background-repeat:no-repeat;	
							
							
							font-family:Arial;						
							display:block;
							font-size:22px;
							line-height:40px;							
							color:#003366;
							background-position:top;
							position:relative;														 				
						
							
							
							
							
							
						}
						
						h2.horizontalTitle span
						{
							display:block; 
							position:absolute;
							top:12px;
							left:56px;
							z-index:2;
							width:254px;
							height:24px;
							background-repeat:no-repeat;
						}
						
						h2.ht2Cols span, h2.ht2ColsWhite span { width: 574px; }
						
						h2.horizontalTitle span.puce
						{
							background:url('../images/design_v2/modalPopup/puce.png') no-repeat top left;													
							display:block;						
							height:40px;														
							font-variant:small-caps;
							padding-left:41px;
							padding-top:3px;
							margin:0;			
							top:0;
							left:15px;
							z-index:1;
						}
						
						
							
						
						
						
							
							h2.ht2Cols{			background:url('../images/design_v2/background/Titles/2cols-bg.png'); }						
							h2.ht2ColsWhite {	background:url('../images/design_v2/background/Titles/2colsWhite-bg.png'); }
							h2.htLeft {			background:url('../images/design_v2/background/Titles/left-bg.png') repeat-x; }
							h2.htRight {		background:url('../images/design_v2/background/Titles/right-bg.png');	}		 
											
													
							
							.titleAccessDescription				{ background:url('../images/contenu/Titles/pageSections/drivingDirections.png'); }
							.titleContactUsByEmail				{ background:url('../images/contenu/Titles/pageSections/contactUsByEmail.png'); }
							.titleCoverLetter					{ background:url('../images/contenu/Titles/pageSections/coverLetter.png'); }       
							.titleContactUs						{ background:url('../images/contenu/Titles/pageSections/contactUs.png'); }
							.titleContact						{ background:url('../images/contenu/Titles/pageSections/contact.png'); }
							.titleSupport						{ background:url('../images/contenu/Titles/pageSections/support.png'); }
							.titleDeliveryModel					{ background:url('../images/contenu/Titles/pageSections/deliveryModel.png'); }
							.titleFocusedSolutions				{ background:url('../images/contenu/Titles/pageSections/focusedSolutions.png'); }
							.titleJobOpportunities				{ background:url('../images/contenu/Titles/pageSections/jobOpportunities.png'); }       
							.titleLocation						{ background:url('../images/contenu/Titles/pageSections/location.png'); }
							.titleNews							{ background:url('../images/contenu/Titles/pageSections/news.png'); }
							.titleOurCommunityContributions		{ background:url('../images/contenu/Titles/pageSections/ourCommunityContributions.png'); }       
							.titleOurCustomers					{ background:url('../images/contenu/Titles/pageSections/customers.png'); }       
							.titleOurMainActivities				{ background:url('../images/contenu/Titles/pageSections/ourMainActivities.png'); }
							.titleOurPartners					{ background:url('../images/contenu/Titles/pageSections/partners.png'); }       
							.titleOurTeam						{ background:url('../images/contenu/Titles/pageSections/ourTeam.png'); }
							.titlePastStudentsOpportunities		{ background:url('../images/contenu/Titles/pageSections/pastStudentsOpportunities.png'); }
							/*.titlePressReleases					{ background:url('../images/contenu/Titles/pageSections/pressReleases.png '); }       */
							.titleProducts						{ background:url('../images/contenu/Titles/pageSections/products.png'); }
							.titleProposeAsubject				{ background:url('../images/contenu/Titles/pageSections/proposeAsubject.png'); }
							.titleProductsAndSolutions			{ background:url('../images/contenu/Titles/pageSections/productsAndSolutions.png'); }        
							.titleProductsSolutions				{ background:url('../images/contenu/Titles/pageSections/productsSolutions.png'); }
							.titleRoadmap						{ background:url('../images/contenu/Titles/pageSections/roadmap.png'); }
							.titleSitemap						{ background:url('../images/contenu/Titles/pageSections/sitemap.png'); }
							.titleSolutions						{ background:url('../images/contenu/Titles/pageSections/solutions.png'); }        
							/*.titleSolutions						{ background:url('../images/contenu/Titles/solutions.png'); }*/
							.titleStudentsOpportunities			{ background:url('../images/contenu/Titles/pageSections/studentsOpportunities.png'); }
							.titleStudentProposal				{ background:url('../images/contenu/Titles/pageSections/studentProposal.png'); }
							.titleSalesRequest					{ background:url('../images/contenu/Titles/pageSections/salesRequest.png'); }
							.titleUsedTechnologies				{ background:url('../images/contenu/Titles/pageSections/usedTechnologies.png'); }
							.titleVirtuousCircle				{ background:url('../images/contenu/Titles/pageSections/virtuousCircle.png'); }
							.titleWhatWeDo						{ background:url('../images/contenu/Titles/pageSections/whatWeDo.png'); }
							.titleWhatWeOffer					{ background:url('../images/contenu/Titles/pageSections/whatWeOffer.png'); }
							.titleWhatWeProvide					{ background:url('../images/contenu/Titles/pageSections/whatWeProvide.png'); }
							.titleWhoWeAre						{ background:url('../images/contenu/Titles/pageSections/whoWeAre.png'); }
							.titleEasyFairs						{ background:url('../images/contenu/Titles/pageSections/easyFairs.png'); }
							
															
								
							.titleRegetox						{ background:url('../images/contenu/Titles/productsSolutions/regetox.png'); }
							.titleETPM							{ background:url('../images/contenu/Titles/productsSolutions/eTPM.png'); }
							.titleIndustrialReportingPortal		{ background:url('../images/contenu/Titles/productsSolutions/industrialReportingPortal.png'); }
							.titleKnowledgeModule				{ background:url('../images/contenu/Titles/productsSolutions/knowledgeModule.png'); }
							.titleIBAM							{ background:url('../images/contenu/Titles/productsSolutions/ibam.png'); }
							.titlePhone2Blog					{  background:url('../images/contenu/Titles/productsSolutions/phone2Blog.png'); }
							.titleApplicationFields				{ background:url('../images/contenu/Titles/productsSolutions/applicationFields.png'); }
							.titleSAMS							{ background:url('../images/contenu/Titles/productsSolutions/sams.png'); }
								
							
							
							/*unUsed*/
							.titleAboutUs{
								background:url('../images/contenu/Titles/products.jpg') no-repeat;
							}
					
					
					
					/* ------->	Bloc de concept */					

						.conceptOverview{
							height:320px;
							position:relative;	
							overflow:hidden;	
							background-color:#021B45;			
						}

						.conceptOverview img{
							height:320px;				
						}
						
						.prodSolTitle, .prodSolTitle img {
							height:190px;
						}
						
							.conceptOverview .description{								
								height:320px;
								width:470px;
								position:relative;
							}
							
							.conceptOverview .description a{								
								display:block;	
								position:absolute;
								height:36px;
								width:129px;
								left:176px;
								top:269px;
								background:	transparent url('../images/contenu/viewMore.gif') no-repeat; 
								background-position:center top;		
							}
							
							.conceptOverview .description a:hover{
								background-position:center bottom;
							}
 

							.conceptOverview .subject{								
								height:320px;
								width:170px;
								background-color:navy;
								background:url('../images/design_v2/content/conceptOverview-subject-bg.jpg') no-repeat;
							}
							
							.conceptOverview .conceptOverview-viewAll{
								margin:7px 18px 0;
								text-align:right;
								padding-top: 7px;
								border-top:1px solid #5582A8;
								width:134px;
							}
							
							.conceptOverview .conceptOverview-viewAll a{
								font-weight:bold;
							}
							
							.conceptOverview ul{								
								padding-top:11px;	
								height:270px;
							} 
							
							.conceptOverview li{
								color:#5582A8;
								list-style:none;
								margin:0;
								padding:0;
								/*display:block;*/

								/*margin-bottom:15px;*/
								position:relative;
							}
							
											
							.conceptOverview li a{
								color:	 #5582A8;								
								padding: 7px 18px;
								display: block;
								margin: 0;
								
							}
														
							.conceptOverview li a:hover, 
							.conceptOverview .conceptOverview-viewAll a:hover{								
								background-color:transparent;
								color:#4988E5;	
								margin: 0;
							}
							
							.conceptOverview ul li a:hover span{								
								color:#4988E5;
							}				
							
							
							
							/*etat lorsque le lien est sélectionné */
							.conceptOverview ul li a.selected span, 
							.conceptOverview ul li a.selected:hover span{
								color:	 #ffffff;
								font-style:italic;
								font-size:14px;						
							}
							
							
							/* ------->	Gestion de l'aff */
							/* Etat normal */
							.conceptOverview ul li a img {
								display:none;	
								height:auto;							
							}
							
							/* Etat sélectionné */
							.conceptOverview ul li a.selected img {
								display:block;	
								position:absolute;
								top:   12px;
								left:  -35px;						
							}
							
							.conceptOverview ul li a.selected > img {								
								left:  -17px;						
							}



							
							
					/* ------->	Bloc de produit et solution */
		
						

								.productsSolutions-listItem{								
									margin:0 10px 0 3px;
									/*clear:both;	*/
								}
								
								 .productsSolutions-listItem{								
									padding-bottom:30px;									
								}
								
									.productsSolutions-listItem-icon{								
										float:left;	
										margin-right:10px;	
										width:114px;
										height:95px;										
									}
									
									.left-list .productsSolutions-listItem-icon{
										background:transparent url('../images/design_v2/CustomersPartners/leftbg.png') no-repeat;
										background-position:top;
									}
									
									.right-list .productsSolutions-listItem-icon{
										background:transparent url('../images/design_v2/CustomersPartners/rightbg.png') no-repeat;
										background-position:top;
									}
									
									.left-list .productsSolutions-listItem-icon:hover, .right-list .productsSolutions-listItem-icon:hover{
										background-position:top;
									}
									
										.left-list .productsSolutions-listItem-icon img, .right-list .productsSolutions-listItem-icon img{
											margin-top:6px;
											margin-left:25px;											
										}
										
										.left-list .prodSolOnly img, .right-list .prodSolOnly img
										{
											margin-top:0;
											margin-left:18px;	
										}
									
									.productsSolutions-listItem-icon:hover{								
										background-color:transparent;	
									}

									.productsSolutions-listItem-title{
										padding-top:2px;
										margin-bottom:5px;
									}
									
									.productsSolutions-listItem-title a, .productsSolutions-listItem-title span{								
										font-weight:bold;
										font-family: Georgia,"Times New Roman", Times, serif;						
									}
									
									.productsSolutions-listItem-title span{
										color:#5582A8;										
									}
									
										/*couleur de produit*/
										.ibamModuleColor{color:#487281;}
										.ibamModuleColor:hover{background-color:#487281; }
										
										.knowledgeModuleColor{color:#1D7C45;}
										.knowledgeModuleColor:hover{background-color:#1D7C45; }
										
										.phone2blogColor{color:#AB1F3E;}
										.phone2blogColor:hover{background-color:#AB1F3E; }
									
										/*couleur de solutions*/
										.e-tpmColor{color:#CC3333;}
										.e-tpmColor:hover{background-color:#CC3333;}
										
										.industrialReportingPortalColor{color:#A94F09;}
										.industrialReportingPortalColor:hover{background-color:#A94F09;}
										
										.regetoxColor{color:#255284;}
										.regetoxColor:hover{background-color:#255284;}
										
										.samsColor{color:#ffa027;}
										.samsColor:hover{background-color:#ffa027;}

									
									.productsSolutions-listItem-abstract
									{
										margin-left: 125px;
									}

					

						
					/* ------->	News */
					
								.homeText-lateralMargin{
									margin:0 27px;	
								}
								
								/*.news-date-home{
									margin-bottom:25px;	
									font-size:11px;
								}*/
								
								.news-date{
									margin-bottom:25px;	
									font-size:11px;
								}
								
								.news-title, h2, h3 {
									margin-bottom:10px;	
									color:#5582A8;
									font-size:18px;
									line-height:21px;
									font-weight:normal;
									font-family: Georgia,"Times New Roman", Times, serif;
								}
								
								.news-tags{
									margin-bottom:11px;	
									background-color:#F5F5F5;
									padding:3px 0;
								}
								
									.news-tags span{
										margin-left:1px;	
										padding:3px 0;
										color:#5582A8;
										font-weight:bold;
									}
									
									.news-tags a{
										color:#252525;
									}
									
									.news-tags a:hover{
										color:#ffffff;
									}

								
								.news-abstract p{
									padding-bottom:21px;										
								}  
								
								.news-abstract a{
									margin-bottom:21px;										
								} 
								
								.news-abstract label
								{
									font-style:italic; 
									font-size:11px;
									margin-left:15px;
									display:block;
									text-align:justify;
									width:230px;
								}

								
								
								
								 
								
								.news-abstract ul{
									margin-bottom:21px;
									padding:0;
									margin-left:20px;										
								}
								
								.news-abstract li{
									margin-bottom:7px;										
								}
						
			
					/* ------->	Latest News */
					
								.latest-news{
									margin-bottom:12px;
									font-size:11px;	
									margin-left:15px;
								}
								
								.latest-news-list{
									border-top:1px solid #3483AA;
									/*border-top:1px solid #B5BCC5;
									border-bottom:1px solid #B5BCC5;*/
									padding: 7px 0;
									margin-left:15px;
									margin-right:15px;
									margin-bottom:25px;
								}
			
								.latest-news-listItem{
									position:relative;
									margin:0;
								}
								
									.latest-news-listItem p { float:left; padding:10px 0;}
		
									.latest-news-date{
										width:60px;									
									}
									
									.latest-news-title{
										width:228px;																				
									}

										.latest-news-title a{
											color:#5582A8;
											line-height:normal;
											/*padding:2px 0;										*/
										}
									
										.latest-news-title a:hover, .latest-news-title a.selected {
											background-color:#4988E5;
											color:#ffffff;
											/*padding:2px 0;*/
											text-decoration:none;										
										}
									
									
					
					/* ------->	Latest News */
					
					.news-list-item{
						margin-bottom:15px;
						padding-top:10px;
						border-bottom:1px solid #B5BCC5;
					}
					
				
/*------------------------------->	Page EasyFairs */
					#EasyFairsContent dl, ul
					{
						margin-bottom: 21px;
					}
					#EasyFairsContent dt
					{
						font-weight: bold;
					}
					#EasyFairsContent dd
					{
						margin-left: 10px;
					}
					#EasyFairsContent p.noPadding
					{
						padding: 0;
					}
					#EasyFairsContent span.marginLeft
					{
						margin-left: 10px;
					}
					#EasyFairsContent span.marginRight
					{
						margin-right: 10px;
					}
					#EasyFairsContent table
					{
						border-collapse: collapse;
						margin-bottom: 1em;
					}
					#EasyFairsContent th
					{
						color:#5582A8;
					}
					#EasyFairsContent td, #EasyFairsContent th
					{
						vertical-align: top;
						padding: 0 10px;
						border-right: 1px solid #5582A8;
					}
					#EasyFairsContent td.lastColumn, #EasyFairsContent th.lastColumn
					{
						padding-right: 0;
						border-right-width: 0;
					}
					
					#EasyFairsContent #table_1 th
					{
						width: 33%;
					}
					
					#EasyFairsContent #table_2 th
					{
						width: 50%;
					}
					
					#EasyFairsContent a.imgLink
					{
						position: relative;
						top: -5px;
					}
					
					#EasyFairsContent p.signature
					{
						font-size: x-small;
						font-style: italic;
					}
					
			/* ------->	Mails */
					 
.mailAndTable
{
	border:1px solid #B5BCC5;
	margin:19px;
	margin-top:0;
	text-align:justify;
	width:600px;
}

.mailAndTable td
{
	vertical-align: top;
}

.mailAndTableModal
{
	width:auto;
	margin: 0;
}

.mailAndTable h3{
	border-top:1px solid #B5BCC5; 
	padding:5px 0;
	margin:0;
	background:transparent url(../images/design_v2/header/menuBar/menu-base-bg.png) repeat-x scroll 0% 50%;
}

.colored{background-color:#EFEFEF;}

.mailAndTable table
{
	border:0pt;
	margin:0pt;
	width:100%;
}

.mailAndTable table th{
	background:transparent url(../images/design_v2/header/menuBar/menu-base-bg.png) repeat-x scroll 0%;
	height:24px;
	line-height:24px;
	padding-left:10px;
	color:#003366;
}

.mailAndTable table td{
	border:0pt none;
	margin:0pt;
	width:280px;
	padding:3px 0;	
}

.mailAndTable table .tdTitle{width:auto;}
.mailAndTable table .tdTitle a{margin-left:10px;}
.mailAndTable table .tdDetails{width:50px; text-align:center;}
.mailAndTable table .tdProfil{width:80px; text-align:center;}
.mailAndTable table .tdDomain{width:120px; padding-right:10px; padding-left:10px;}
.mailAndTable table .tdDescription{ padding-right:10px; padding-left:10px;}


.mailAndTable table tr:hover
{
	background-color:#EFEFEF;
}

#preview table
{
	width:560px;
}

#preview table tr:hover
{
	background-color:transparent;
}

.mailAndTable fieldset
{
	margin:0pt 0pt 5px;
	text-align:justify;
}
.mailAndTable input, .mailAndTable select, .mailAndTable textarea
{
	border:1px solid #B5BCC5;
	width:270px;
	margin-left:10px;
}


#preview input, #preview select, #preview textarea {
	width:250px;
}


.mailAndTable input:hover, .mailAndTable select:hover, .mailAndTable textarea:hover,
.mailAndTable input:focus, .mailAndTable select:focus, .mailAndTable textarea:focus
{
	border:1px solid #5582A8;
}

.mailAndTable input {
	padding:1px 1px 1px 2px;
}
.mailAndTable label, .mailAndTable pre {
	display:block;
	margin-left:10px;
}

.mailAndTable table.easyFairs td.jobDomains label,
.mailAndTable table.easyFairs td.easyFairsPresence label,
.mailAndTable table.easyFairs td.newsletter label
{
	display: inline;
	margin-left: 10px;
}

.mailAndTable table.easyFairs td.jobDomains input,
.mailAndTable table.easyFairs td.easyFairsPresence input,
.mailAndTable table.easyFairs td.newsletter input
{
	width: auto;
	border-width: 0;
}

.mailAndTable table.easyFairs td.jobDomains table,
.mailAndTable table.easyFairs td.easyFairsPresence table
{
	border:1px solid #B5BCC5;
	width: 270px;
	margin-left: 10px;
}

.mailAndTable input.button {
	background:transparent url(../images/design/bg_title.jpg) no-repeat scroll -40px -12px;
	color:#6A86FF;
	cursor:pointer;
	float:right;
	font-size:10px;
	height:20px;
	margin:3px 5px 0pt;
	padding:0pt;
	width:75px;
}

#errors
{
	background-color:#FFF5F5;
}

table.easyFairs #errors
{
	border-top: 1px solid #B5BCC5;
}

#errors span {
	color:#CD4848;
	display:block;
}
.required {
	color:#CD4848;
	font-size:12px;
}
#preview {
	/*background-color:#FCFCFC;*/
	border:1px solid #B5BCC5;
	margin:10px;
	padding:10px;
}
#preview p {
	margin-left:0pt;
}
.errorMessage {
	color:#BF1717;
	float:left;
	font-weight:normal;
	margin-left:35px;
}

					
/*------------------------------->	Colonne de Droite */
				
					#rightCol {
						width: 310px;
						position:absolute;
						right:0;
						top:0;

					}					
					
					#rightCol .user-services{
						padding:0;
						margin:0;
						background:transparent url('../images/design_v2/background/rightCol-top-bg.png') no-repeat;
					}
					
					.user-services div{						
						padding:15px 0;
						border-bottom:1px solid #B5BCC5;
						margin:0 15px;
						text-align:center;
					}
									
					.user-services div div{						
						border:0;
					}
					
					.customerSupport{
						padding-top:0;
					}
					
					.easyFairs
					{
						padding-top:0;
					}

					
						.rotatedBan-link-bg{
							width:264px;
							height:74px;
							display:block;
							background:transparent url('../images/design_v2/clientRotatedBan/rotated-link-bg.png') no-repeat;
							margin:0 auto;
							
						}
						
						/*trick IE*/
						.rotatedBan-link-bg a,
						.rotatedBan-link-bg a:hover,
						.rotatedBan-link-bg img,
						.rotatedBan-link-bg img:hover
						{background-color:transparent;}
						
						.rotatedBan-link-bg div, .rotatedBan-link-bg div img{
							margin:0;
							padding:0;							
						}
						
						.rotatedBan-link-bg div img{ margin-top:5px;}
						
						.user-services-link{
							width:264px;
							height:74px;
							display:block;							
							margin:auto;
						}
						
						.user-services-link:hover{
							background-color:Transparent;
						}
					
							.customerSupport-link{
								background:transparent url('../images/contenu/RightCol/support.jpg');
							}
							
							.easyFairs-link{
								background:transparent url('../images/contenu/RightCol/easyFairs.jpg');
								height:320px;
								border: 1px solid #5582a8;
							}
							
							.p2bDakar-link{
								background:transparent url('../images/contenu/RightCol/p2b-dakar.gif');
							}
							
							.submitSpecifications-link{
								background:transparent url('../images/contenu/RightCol/sales-request.jpg');
								height:92px;
							}
							
							.user-services div.jobOpportunitiesAds{
							
							}
								
								.jobOpportunitiesAds-link{
									background:transparent url('../images/contenu/RightCol/jobOpportunities.jpg') top;
									height:173px;
								}
								
								.user-services div.jobOpportunitiesAds-details{
									margin:0 auto;
									background:transparent url('../images/design_v2/background/rightColButton/jobList-bg.jpg') repeat-y center top;
								}
								
								.jobOpportunitiesAds-details h3, .jobOpportunitiesAds-details p{
									text-align:left;
									margin-left:40px;
									margin-right:40px;
								}
								
								.user-services .jobOpportunitiesAds-bottom
								{
									background:transparent url('../images/design_v2/background/rightColButton/jobListBottom-bg.jpg') no-repeat top;
									height:7px;
									padding-top:0;
									padding-bottom:0;
									margin-top:0;
									margin-bottom:0;
									line-height:7px;
									font-size:1px;
								}
							
							
					
					
					.rotatedBan-slogan{
						background:transparent url('../images/design_v2/clientRotatedBan/rotated-slogan-bg.png') no-repeat;
						height:23px;
						background-position:center top;
						line-height:23px;
						color:#5582A8;
						font-weight:bold;
					}	
					
						
					
						
						
				/*ModalPopup*/
				
				
				.ModalBackground
				{
					background-color:black;
					filter:alpha(opacity=80);
					opacity:0.8;
					position:absolute;
					z-index:1000;
					height: 100%;
					width: 100%;
				}
				
				
				div.imageWindow, div.controlWindow
				{
					width:600px;
					text-align:left;
					background-color:#fff;
					padding:0;
					margin:0;
				}
				
				div.imageWindow
				{
					width:800px;
					height:550px;
				}
				
				div.controlWindow
				{
					max-height: 90%;
					overflow: auto;	
				}
					
					div.imageWindow-top, div.controlWindow-top
					{
						background:#E4E4E4 url('../images/design_v2/header/menuBar/menu-base-bg.png') repeat-x;
						height:42px;						
						margin:0;
						position:relative;
					}
					
						div.imageWindow-top .imageWindow-title, div.controlWindow-top .controlWindow-title
						{
							margin-left:23px;
							padding-left:41px;
							background:url('../images/design_v2/modalPopup/puce.png') no-repeat;
							height:29px; 							
							font-size:22px;
							color:#003068; 
							margin-bottom:0;
							font-family:Arial;
							padding-top:11px;
						}
					
						html body div.imageWindow-top a.imageWindow-close, html body div.controlWindow-top a.controlWindow-close
						{
							position:absolute;
							right:0;
							top:0;
							background:url('../images/design_v2/modalPopup/imageWindow-close.png');
							width:37px;
							height:40px;	
							z-index:15000;	
							margin:0;					
						}
						
						div.imageWindow-top .imageWindow-close:hover, div.controlWindow-top .controlWindow-close:hover
						{							
							background-position:bottom;							
						}
					
					div.imageWindow .imageWindow-image-container
					{
						padding-top: 7px;
						padding-bottom:0;									
						text-align:center;
						overflow:auto;						
						margin:0;
						width:100%;
						height:504px;
					}	
					
					.imageWindow-image
					{
						border:0;
						margin:0;
						padding:0;
					}
					
					.news-abstract a.imageWindow-link, 
					.news-abstract a.imageWindow-link:hover
					{
						background-color:transparent;
						position:relative;
						display:block;
						margin:0;
						width:265px;
					}
					
					.news-abstract a.imageWindow-link:hover
					{
						background-color:#D0D9E3;					
						text-align:center;
						padding:1px 0 ;
					}
					
					.imageWindow > a.imageWindow-link:hover
					{					
						padding-bottom:0 ;
					}
					
						.news-abstract a.imageWindow-link:hover img
						{
							width:263px;
							margin:0 auto;							
							filter:alpha(opacity=90);
							opacity:0.9;
						}
					
					
					.imageWindow-link .imageWindow-text-container
					{
						
						display:none;
					}
					
					
					.imageWindow-link:hover .imageWindow-text-container,
					.imageWindow-link:hover .controlWindow-text-container
					{
						display:block;	
						position:absolute;
						top:0;
						left:0;
						width: 245px;						
						background-color:#ABB9E3;
						padding:10px;						
						text-align:center;
						font-weight:bold;
						font-size:14px;
						cursor:pointer;	
						filter:alpha(opacity=70);
						opacity:0.7;		
					}
					
					
					
					div.imageWindow-bottom
					{
						display:none;
					}

					img.imageWindow-thumbnail
					{
						width: 265px;
					}

/*------------------------------------------------------------------------------------------------------------------
					Footer
------------------------------------------------------------------------------------------------------------------*/
				#footer {
					height:102px;
					line-height:60px;
					background:url('../images/design_v2/background/footer-bg.png') repeat-x;
					text-align:center;
					color:#ffffff;
				}
					#footer a, #footer span{						
						color:#ffffff;
						margin:0 4px;
					}
					
					
/*------------------------------------------------------------------------------------------------------------------
					CRI : a trier
------------------------------------------------------------------------------------------------------------------*/

.accordionHeader, .accordionHeaderSelected{ cursor:pointer;}

.accordionHeader a{display:block; float:right; margin-right:19px;}

.accordionHeaderSelected a
{
	display:none;	
}

.accordionHeader div
{
	position:relative;
}

.accordionHeader div a
{
		position:absolute;
		top:0;
		left:0;
		width:640px;
		height:190px;
		text-align:center;
}

.accordionHeader div a span
{
	display:block;
	padding:10px 0 0 0;
	font-size:14px;
}



.accordionHeader div a:hover
{		
		background-color:#252525;
		filter:alpha(opacity=80);
		opacity:0.8;
}

.accordionHeader div a:hover span
{
	display:block;
	padding:90px 0 0 0;
	font-size:24px;
	color:#fff;
}

