@charset "utf-8";
/* CSS Document */

#page
{
	min-width:480px;
}
.centerWrapper
{
	width:460px;
}

#content .centerWrapper
{
	width:480px;
}

#ariane
{
	display:none;
}

.transparentBlock.stickingOut
{
	margin-top:0;
	border-top:none;
}
#slider,
#content.metiers .haut,
#content.services .haut,
#content.newsletters .haut
{
	border-bottom: 5px solid #A8D236;
	margin-bottom:20px;
}
#slider
{
	margin-bottom:50px;
}
.transparentBlock > .title
{
	font-size:18px;
	
}
.textContent > .title
{
	margin-bottom:30px;
}

/*HEADER*/

header 
{
	height:auto;
}
	header .centerWrapper
	{
		padding-top:132px;
		width:auto;
	}
	header #logo
	{
		left:15px;
	}
	header #slogan
	{
		left:auto;
		right:50px;
	}
		header #slogan img
		{
			width:231px;height:42px;

		}
	header .contact
	{
		right:15px;
	}
	
	.header.tem
	{
		padding-left: inherit !important;
	}
	
	header nav
	{
		position:relative;
		right:auto;
		bottom:auto;
		height:auto;
		height:47px;
		overflow:hidden;
	}
		header nav.active
		{
			height:auto;
		}
		header #openMenu_btn
		{
			display:block;
			cursor:pointer;
			
			background:url(boutons/main-menu_btn.jpg) right top no-repeat #000000;
		}
		header nav .mainMenuItem
		{
			display:block;
			margin:0 0 1px 0;
			height:auto;
		}
			header nav .mainMenuItem:last-child
			{
				margin-bottom:0;
			}
			header nav .mainMenuItem > a,
			header nav .mainMenuItem > p
			{
				padding:0;
				display:block;
				
				height:47px;line-height:47px;
				
				background:url(boutons/main-menu_btn.jpg) right top no-repeat #000000;
				border:1px solid black;
			}
				header nav .mainMenuItem > p
				{
					background:url(boutons/mobile-menu.png) no-repeat 45px center;
				}
				header nav .mainMenuItem.last>a
				{
					border-right:1px solid black;
				}
					header nav .mainMenuItem>a.active,
					header nav .mainMenuItem>a:hover
					{
						background-position:right -83px;
						background-color:#8eb210;
						border:1px solid #c7d236;
						color:black;
					}
			.mainMenuItem .submenu,
			.fr .mainMenuItem .submenu.metiers,
			.en .mainMenuItem .submenu.metiers,
			.en .mainMenuItem .submenu
			{
				/*display:none!important;*/
				position:relative;
				width:auto;height:auto;
				left:0;top:0;
				padding:0;
				opacity:1!important;
				
				padding-top:1px;
			}
				.mainMenuItem .submenu
				{
					display:none!important;
				}
				.mainMenuItem.active .submenu
				{
					display:block!important;
				}
				.mainMenuItem .submenu a
				{
					width:auto;
					height:47px;line-height:47px;
					text-align:center;
					background:url(boutons/main-menu_btn.jpg) right top no-repeat #000000;
					border:1px solid black;
					/*margin-bottom:1px;*/
					font-size:11px;
					text-transform:uppercase;
					font-family:Custom-regular, Arial, Helvetica, sans-serif;
					letter-spacing:2px;
					background:url(boutons/mobile-submenu.jpg) no-repeat right top #444444;
				}
			
	#content.newsletters .haut,
	#content.entreprise .haut
	{
		/*background-size:924px auto;*/
	}
			
	/*BANNERS*/
	
	#content.newsletters .haut .text,
	#content.metiers .haut .text,
	#content.services .haut .text
	{
		top:15px;
	}
		#content.newsletters .haut .text .title,
		#content.services .haut .text .title,
		#content.metiers .haut .text .title
		{
			font-size: 20px;
			line-height: 26px;
		}
			#content.newsletters .haut .text .title br, 
			#content.services .haut .text .title br,
			#content.metiers .haut .text .title br
			{
				display:inline;
			}
		#content.newsletters .haut .text .subtitle, 
		#content.services .haut .text .subtitle,
		#content.metiers .haut .text .subtitle
		{
			font-size: 14px;
			line-height: 22px;
			width:160px;
		}
			
/*FOOTER*/

#partnersSlider
{
	width:460px;height:65px;
}
	#partnersSlider .overflow
	{
		width:434px;height:65px;
	}
	#partnersSlider .slide
	{
		width:138px;height:65px;
	}
	#partnersSlider .slidesWrapper
	{
		height:65px;
	}
	#partnersSlider .previous,
	#partnersSlider .next
	{
		top:23px;
	}



	/*HOME*/

	#slider
	{
		height:224px;
	}
		#slider .centerWrapper
		{
			height:224px;
		}
		.sliderPagination
		{
			top:-34px;
		}
		
	.home #metiers .listItem
	{
		height:auto;
		margin-bottom:80px;
		width:auto;
		margin-left:0;
	}
		.home #metiers .listItem:nth-child(4)
		{
			margin-bottom:0;
		}
		
	
	#slider .slide .text
	{
		top:15px;
		z-index:10;
		left:48px;
	}
	#slider .slide .text .title
	{
		/*font-size:20px;line-height:26px;*/
		/*margin-bottom:15px;*/
	}
		#slider .slide .text .subtitle
		{
			width:120px;
		}
			#slider .slide .text .subtitle br
			{
				display:none;
			}
	#slide2 .photo3
	{
		bottom:0;
	}
	
	#slide4 .photo2
	{
		bottom:0;
	}
	#slide4 .photo1
	{
		bottom:2px;
	}
	#slide3 .photo2
	{
		bottom:20px;
	}
	#slide1 .photo1
	{
		right:-5px;
	}
	#slider .previous,
	#slider .next
	{
		display:none;
	}
	
	
	
	#slide4 .photoReady, 
	#slide3 .photoReady, 
	#slide2 .photoReady, 
	#slide1 .photoReady 
	{
		width: 12%;
		height: 17.5%;
	}
	
	
	#slide1 .photoReady 
	{
		right: 46%;
		bottom: 10%;
	}
	
	#slide2 .photoReady 
	{
		bottom: 10%;
	}
	
	#slide3 .photoReady,
	#slide4 .photoReady {
	
		bottom: 75%;
		right: 5%;
	}
	
	
	
	

	/***Popup***/

	#popupText .logo
	{
		display:none;
	}
	#popupText p
	{
		padding-left:0;
		font-size:13px;
		padding-right:0;
	}
	
	
	/*SERVICES*/
	
	#content.newsletters .haut,
	#content.services .haut,
	#content.metiers .haut
	{
		height:167px;
	}
		#content.services .haut img
		{
			width:256px;height:147px;
			right:22px;top:13px;
		}

	/*CATEGORIES*/
	
	#content.metiers .list,
	#content.services .list,
	.categoriesList > .list
	{
		margin-left:0;
	}
		.categoriesList .listItem,
		#content.metiers #metiersList .metier,
		#content.services .listItem
		{
			width:auto;height:auto !important;
			float:none;
			margin-left:0;
			text-align:left;
			display:block;
			padding:20px;
		}
			#content.metiers #metiersList .metier
			{
				padding:0;
			}
		#content.metiers .listItem .photo,
		#content.services .listItem .photo
		{
			float:left;
			margin:0 10px 10px 0;
			width:140px;height:78px;
		}
		.categoriesList .listItem .title,
		.categoriesList .listItem p
		{
			text-align:left;
			padding:0;
			
		}
		.categoriesList .listItem .title
		{
			margin-bottom:5px;
		}
		.categoriesList .listItem .readMore
		{
			position:relative;
			display:inline;
			height:auto;
			line-height:21px;
			display:block;
			text-align:right;
		}
			.categoriesList .listItem .readMore div
			{
				display:none;
				height:auto;
			}
		.categoriesList .listItem:hover .readMore,
		.categoriesList .listItem.active .readMore,
		#metiers .listItem:hover .readMore,
		#metiers .listItem.active .readMore
		{
			color:#A8D236;
			background:none !important;
		}
		
	/*METIERS*/
	
	#content.metiers .haut.auto-identification img
	{
		bottom:0;
		width:362px;height:167px;;
		right:-80px;
	}
	#content.metiers .haut.expertise img
	{
		width:auto;height:auto;
		width:305px;height:144px;
	}
	#content.metiers .haut.marquage-etiquetage img
	{
		right:0;
	}
	#content.metiers .haut.integration img
	{
		right:20px;
	}
	
		.textContent .productCategories .item
		{
			margin-left:10px;
			width:130px;
		}
			.textContent .productCategories .item img
			{
				width:122px;height:84px;
				margin-bottom:6px;
			}
			
		.textContent .miniPhoto
		{
			width:122px;
		}
		
		.gs1Logo
		{
			right:-4px;
		}
		
	/*NEWS*/
	
	#content.newsletters article
	{
		padding-left:0;
	}
		#content.newsletters article .photo
		{
			float:left;
			position:relative;
			top:0;
			margin:0 10px 10px 0;
		}
		
	/*CONTACT*/

	.fr .contact .colLeft,
	.en .contact .colLeft
	{
		background:none;
	}
		
	#contactForm table
	{
		width:100%;
		position:relative;
	}
		#contactForm table .col1,
		#contactForm table .col2,
		#contactForm table .col3,
		#contactForm table .col4
		{
			display:block;
			width:100%;
		}
		#contactForm td
		{
			display:block;
			width:100%;
		}
			#contactForm .inputTitle
			{
				text-align:left;
				height:26px;
			}
			#contactForm .textInput
			{
				height:44px;
			}
				#contactForm .textInput input
				{
					width:390px;
				}
			#contactForm .selectInput
			{
				height:44px;
			}
				#contactForm .textareaInput textarea
				{
					width:390px;
				}
	
	/*PRODUITS*/
	
	#content.produits
	{
		padding-top:20px;
	}
		#content.produits .bigTitle
		{
			padding-left:0;
			font-size:22px;
			position:relative;
			left:0;top:0;
			line-height:32px;
			color:#414141;
			margin-bottom:15px;
		}
	.productsList .list
	{
		margin-left:-20px;
	}
		.productsList .logo,
		.productDetails .logo
		{
			max-width:154px;
		}
		.productsList .list .item
		{
			width:210px;
			margin-left:20px;
		}
			.productsList .list .item .photo img
			{
				width:198px;height:132px;
			}
			.productsList .list .cursor
			{
				margin:65px 0 0 117px;
			}
			
		.productDetails .specifications
		{
			width:194px;
		}
		
		.title.titre_top
		{
			top: -65px; 
		}
		
	#content.metiers .haut .centerWrapper .logoReadyMetHeader,
	#content.metiers .haut.integration .logoReadyMetHeader 
	{
		width: 50px;
		top: 20px;
		right: 30px;
	}
	
	#content.metiers .haut.marquage-etiquetage .logoReadyMetHeader 
	{
		width: 50px;
		top: 20px;
		right: 280px;
	}
	
	#content.metiers .haut.auto-identification .centerWrapper .logoReadyMetHeader 
	{
		top: 125px;
	}
	
	#content.metiers .haut.expertise .centerWrapper .logoReadyMetHeader {
		top: 20px;
right: 220px;
	}