/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url('titles.css');
	@import url('menu.css');
	@import url('buttons.css');

/* ------------------------------------------------------------------------
	Content Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body {
		font: 62.5%/1.7 Verdana, Arial, Sans-Serif;
		color: #344466;
		background: url(../media/images/all/backgrounds/headerBackground.jpg) top center no-repeat;
	}
	
	a:focus { outline: none; }
	
	p,input,textarea,label { font-size: 1.1em; }
	
	p { margin: 0 0 15px 0; }
	
	p.event{
	padding-bottom:10px;
	border-bottom:1px solid #999;
	}
	
	.offset { margin: 50px 0 0 30px; }
	
	.txtStrong{ font-size:1.3em; font-weight:bold; }
	
	img.imgContenu{
	display: block;
	float: left; 
	border: 0px; 
	padding: 0px; 
	margin: 10px 10px 10px 0px;
	}
	
	.allProducts{
			width: 791px; height: 264px;
			margin: 20px 0 0 45px;
			background: url(../media/images/contenu/products/all-logos.jpg) top left no-repeat;
	}
	
	ol { margin:  0 0 10px 17px; }
		ol li { margin: 0 0 5px 0; }
	
/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#wrap {
		width: 910px;
		margin: 0 auto;
	}
	
	#header {
		position: relative;
		height: 338px;
	}
	
		#header .content { padding: 0 0 0 55px; }
		
		#header .laveuse {
			position: absolute; z-index: 1000;
			top: 132px; right: 40px;
			width: 378px; height: 275px;
			/*background: url(../media/images/all/placeholders/laveuse.png) top left no-repeat;*/
		}
		#header .laveusehome {
			position: absolute; z-index: 1000;
			top: 90px; right: 40px;
			width: 200px; height: 335px;
			/*background: url(../media/images/all/placeholders/laveuse2.png) top left no-repeat;*/
		}
		#header .drycleaningtop {
			position: absolute; z-index: 1000;
			top: 154px; right: 40px;
			width: 349px; height: 251px;
			/*background: url(../media/images/contenu/dry/dry-cleaning-top.png) top left no-repeat;*/
		}
		#header .landromatstop {
			position: absolute; z-index: 1000;
			top: 90px; right: 50px;
			width: 217px; height: 315px;
			/*background: url(../media/images/contenu/landromats/landromats-top2.png) center right no-repeat;*/
		}
		#header .commercialtop {
			position: absolute; z-index: 1000;
			top: 151px; right: 30px;
			width: 373px; height: 269px;
			/*background: url(../media/images/contenu/commercial/commercial-top.png) top left no-repeat;*/
		}
		#header .commercialtopfr {
			position: absolute; z-index: 1000;
			top: 151px; right: 10px;
			width: 373px; height: 269px;
			/*background: url(../media/images/contenu/commercial/commercial-top.png) top left no-repeat;*/
		}
	
	ul.menu {
		width: 100%;
		float: left; clear: both;
		list-style: none;
		margin: 20px 0 0 13px;
	}
	
		ul.menu li {
			display: block; float: left;
		}
			ul.menu li.last {
				width: 354px;
				background: url(../media/images/en/menu/m_pattern.gif) top right no-repeat;
			}
				body#fr ul.menu li.last { width: 212px; }
		
			ul.menu li a {
				display: block;
				height: 39px;
				text-indent: -10000px;
			}
				ul.menu li a:hover { background-position: 0 -40px !important; }
				ul.menu li.selected a { background-position: 0 -80px !important; }
	
	#content {
		width: 880px;
		margin: 0 auto;
		padding: 28px 0 50px 0;
		min-height: 440px;
		background: url(../media/images/all/backgrounds/contentFade.jpg) top center no-repeat;
	}
	
		#content .colLeft {
			float: left;
			width: 520px;
			padding: 0 0 0 30px;
		}
		
		#content .colRight {
			float: right;
			width: 312px;
		}
	
	#deal {
	
	background-image: url(../media/images/deal/parts_onsale.png);
	height: 187px;
	width: 545px;
	
	}
	
	.button {
		float: left;
		height: 39px;
		padding: 0 0 0 7px;
		background: url(../media/images/all/backgrounds/buttonLeft.gif) top left no-repeat;
	}
		.button .slider {
			height: 39px;
			padding: 0 9px 0 2px;
			background: url(../media/images/all/backgrounds/buttonRight.gif) top right no-repeat;
		}
	
	.detailsBox { margin: 43px 0 0 0; }
		
		.detailsBox .title {
			width: 263px; height: 42px;
			background: url(../media/images/all/backgrounds/detailsboxTop.jpg) top left no-repeat;
		}
	
		.detailsBox .content {
			width: 233px;
			padding: 0 15px 5px 15px;
			background: url(../media/images/all/backgrounds/detailsboxContent.jpg) bottom left no-repeat;
		}
	
			.detailsBox .content p { margin-bottom: 7px; }
	
			.detailsBox .content img { margin: 0 0 0 -13px; }
	
	#footer {
		width: 100%; height: 80px;
		background: #fff url(../media/images/all/backgrounds/footerBackground.gif) top center repeat-x;
	}
	
		#footer ul {
			width: 885px; margin: 0 auto;
			list-style: none;
			padding: 10px 0 0 25px;
		}
		
			#footer ul li {
				display: block; float: left;
				margin: 0 13px 0 0;
			}
			
				#footer ul li a {
					display: block;
					height: 9px; overflow: hidden;
					text-indent: -10000px;
				}
				
					#footer ul li a:hover,
					#footer ul li.selected a { background-position: 0 -9px !important; }


/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	#template {
		display: none;
		position: absolute;
		top: 0; left: 50%;
		margin-left: -600px;
		opacity: 0.5;
	}
	
	input.partsOrderForm
	{
		width: 310px;
		border: solid 1px #344466;
	}
	
	span.graySmall
	{
		color: #999999;
		font-size: 10px;
	}
	
	div.cHome
	{
		height: 230px;
		margin-top: 80px;
		background: url(../media/images/all/backgrounds/homeBackground.jpg) bottom left no-repeat;
	}
	
	h3.home
	{
		width: 212px;
		height: 40px;
	}
	
	div.menuHome1
	{
		margin-left: 65px;
		float: left;
		width: 250px;
	}
	
	div.menuHome2
	{
		float: left;
		width: 250px;
	}
	
	div.menuHome3
	{
		margin-left: 50px;
		float: left;
		width: 250px;
	}
	
	div.cProducts
	{
		height: 240px;
		margin-top: 80px;
		background: url(../media/images/all/backgrounds/homeBackground.jpg) bottom left no-repeat;
	}
	
	div.menuProducts1
	{
		margin-left: 30px;
		float: left;
		width: 250px;
	}
	
	div.menuProducts2
	{
		margin-left: 40px;
		float: left;
		width: 250px;
	}
	
	div.menuProducts3
	{
		margin-left: 50px;
		float: left;
		width: 250px;
	}
	
	div.infoBoxLeft
	{
		width: 225px;
		height: 252px;
		float: left;
		margin-right: 20px;
		padding: 10px;
		background: url(../media/images/all/backgrounds/landromatsBoxLeft.jpg) no-repeat;
	}
	
	body#fr div.infoBoxLeft {
		height: 375px;
		background: url(../media/images/all/backgrounds/landromatsBoxLeft_fr.jpg) no-repeat;
	}
	
	div.infoBoxLeft ul
	{
		margin-left: 15px;
	}
	
	div.infoBoxRight
	{
		width: 225px;
		height: 269px;
		float: left;
		padding: 10px;
		background: url(../media/images/all/backgrounds/landromatsBoxRight.jpg) no-repeat;
	}
		body#fr div.infoBoxRight {
			height: 375px;
			background: url(../media/images/all/backgrounds/landromatsBoxLeft_fr.jpg) no-repeat;
		}
	
	div.clear
	{
		clear: both;
	}
	
	img.imgBorder
	{
		border: solid 1px #000000;
	}
	
	img.imgFloat
	{
		float: left;
		margin: 0px 10px 0px 0px;
	}
	
	img.setSize
	{
		width: 209px;
		height: 98px;
	}
	
	a.notUnderline
	{
		text-decoration: none;
		color: #344466;
	}
	
	ul.addSpace
	{
		margin-top: 10px;
	}
	
	span.bolderText
	{
		font-weight: bold;
	}