/* Basic selectors -------------------------------------------------------------------------------------- */

html { background: #e1e1e1 url(../images/bg.gif) repeat-x; }

a { cursor: pointer; outline: none;}

h1, h2, h3 {
	margin: 0 0 1em;
}

ul { margin: 0; }

	ul li {
		list-style-type: none;
		margin: 0;
	}



/* Basic styles ----------------------------------------------------------------------------------------- */

.picWrapper{
	background: transparent url(../images/shadow.png) no-repeat;
	margin-bottom: 5px;
	width: 245px;
}

	.pic {
		background: #fff url(../images/gradientPic.jpg) 98% 97% no-repeat;
		border: solid 1px #c0c0c0;
		margin: 0 auto;
		padding: 7px;
		width: 165px;
	}

		img { border: solid 1px #c0c0c0; }

.floatLeft { float: left !important; }


ul.pagination { float: right; margin-bottom: 10px; clear: right;}

ul.pagination li { float: left; }

ul.pagination li.selected a { background: #999; }

ul.pagination li a {
	margin: .5em;
	padding: .5em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: block;
	background: #f0f0f0;
	text-decoration: none;
	color: #999;
}
ul.pagination li a:hover {  color: #000; background: #eaeaea;}

ul.pagination li.selected a {  color: #fff; }


.itemContact ul.error_list { position: absolute; margin-left: 70px; margin-top: -1.5em;}

.societeContact ul.error_list { position: absolute; margin-left: 70px; margin-top: -3em;}

ul.error_list li {
	background: none !important;
	border: none !important;
	height: auto !important;
	line-height: auto !important;
	text-indent: none !important;
	font-size: 11px !important;
}
table .edit { width: 725px; }

table.edit tr.odd td {
	background: #fafafa;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
}

table.edit td { font-size: 12px; }

table.edit tr a { text-decoration: none; color: #4d8ab8; }

a.btn {
	background:			transparent url(../images/btn3.gif) no-repeat;
	color:				#555;
	display: 			block;
	height: 			22px;
	line-height:		22px;
	position: 			relative;
	text-align: 		center;
	text-decoration: 	none;
	width: 				48px;
	text-shadow: 		1px 1px #fff; 	/* CSS3 */
}

	 a.btn:hover { background :transparent url(../images/btn3Hover.gif) no-repeat; }



/* Forms ------------------------------------------------------------------------------------------------ */







/* LAYOUT ---------------------------------------------------------------------------------------------- */

#mainWrapper {
	margin: 	0 auto;
	position:	relative;
	width: 	974px;
}


#leftShadow {
	background: 	transparent url(../images/leftShadow.gif) no-repeat;
	height: 		409px;
	left: 		-84px;
	position: 		absolute;
	top: 			250px;
	width: 		84px;
}

#rightShadow {
	background: 	transparent url(../images/rightShadow.gif) no-repeat;
	height: 		409px;
	right: 		-84px;
	position: 		absolute;
	top: 			250px;
	width: 		84px;
}

	/* HEADER -------------------------------------------------------------------------------- */

	#topbar {
		height: 	31px;
		position:	relative;
	}

		#topbar h1 {
			background: 	transparent url(../images/siteTitle.jpg) no-repeat;
			height:		29px;
			position:		absolute;
			text-indent:	-9999px;
			width:		409px;
		}

		#topbar a {
			text-decoration: none;
			margin-left: 1em;
			color: #ddd;
			text-shadow: 1px 1px 0px #666;
		}

		#topbar form, #topbar a {
			float: right;
			margin-top: 4px;
		}

		#topbar input {
			background: 	transparent;
			border: 		none;
			color:		#aaa;
			font-size: 		12px;
			margin-top:		2px;
			width: 		120px;
		}

			#topbar #login,
			#topbar #pwd
			{
				height: 20px;
				float: left;
				margin-right: 10px;
				padding-left: 20px;
				width: 125px;
			}

			#topbar #login 	{ background:	transparent url(../images/inputLogin.gif) no-repeat; }

			#topbar #pwd 	{ background:	transparent url(../images/inputPwd.gif) no-repeat; }


	#header {
		background:		#fff url(../images/headerBg.jpg) top right no-repeat;
		border-bottom:	solid 1px #ccc;
		height:		196px;
		margin:		0;
		position: 		relative;
	}

		#header  a {
			background: 	#fff url(../images/headerLogo.gif) no-repeat;
			display: 		block;
			height:  		177px;
			left: 		25px;
			outline:		none;
			position:		absolute;
			text-indent: 	-9999px;
			top:			12px;
			width: 		158px;
		}

	#featuredItems {
		background: 	#fff url(../images/gradientFeatured.gif) no-repeat bottom left;
		border: 		solid 1px #c0bebe;
		border-bottom:	none;
		bottom: 		0;
		height: 		125px;
		overflow: 		hidden;
		padding: 		10px;
		position: 		absolute;
		right: 			20px;
		width: 			159px;
	}

		#featuredItems h2 {
			background:	transparent url(../images/puce.gif) no-repeat 0 3px;
			border-bottom: solid 1px #e5e5e5;
			font-size: 	14px;
			margin-bottom: 2px;
			padding: 0 0 10px 20px;
		}

		#featuredItems p { color: #888; }

		#marquee { height: 105px; overflow: hidden; position: relative; }

	/* NAVIGATION ---------------------------------------------------------------------------- */

	#nav {
		background: #9ac53d url(../images/navBg.gif) repeat-x;
		height: 	38px;
	}

		#nav h2 {
			background:		transparent url(../images/searchCar.gif) no-repeat 11px;
			float: 		left;
			height: 		38px;
			margin:		0;
			text-indent: 	-9999px;
			width: 		215px;
		 }

		#nav ul { float: 		right;  }

			#nav ul li {
				float: left;
				margin: 0 10px;
			}

				#nav a {
					display: 		block;
					height: 		18px;
					position: 		relative;
					top:			10px;
					text-indent:	-9999px;
				}

				#nav a#linkBureaux {
					background: transparent url(../images/lienBureaux.gif) no-repeat;
					width: 155px;
				}

				#nav a#linkContact {
					background: transparent url(../images/lienContact.gif) no-repeat;
					width: 116px;
				}

				#nav a#linkSociete {
					background: transparent url(../images/lienSociete.gif) no-repeat;
					width: 120px;
				}

				#nav a#linkHome {
					background: transparent url(../images/lienHome.gif) no-repeat;
					width: 66px;
				}


	/* CONTENU ------------------------------------------------------------------------------- */

		#contentWrapper {
			background: 	#fff url(../images/contentBg.gif) repeat-y;
			border-bottom:	solid 1px #c3c3c3;
			clear:		both;
			width:		974px;

		}

			#mainContent {
				background: 	transparent url(../images/mainContentBg.gif) no-repeat;
				float: 		right;
				width:		739px;
				padding:		10px;
			}


			/* Homepage */

			.home { background: #353535 !important; }

				.home h2 {
					background: 	transparent url(../images/homeH2.gif) no-repeat;
					border-bottom: solid 1px #252525;
					height: 38px;
					margin: 0;
					padding-bottom: 10px;
					text-indent: -9999px;
				}

				.home p {
					background: transparent url(../images/carHome-042011.jpg) no-repeat 50% 10px;
					border-top: solid 1px #454545;
					height: 400px;
					position: relative;
				}


					.home p a {
						display: 		block;
						text-indent:	 -9999px;
						position: 		absolute;
					}

						.home p a.home {
							background: transparent url(../images/linkHomeMaine.gif) no-repeat !important;
							height: 	23px !important;
							left: 	585px;
							top:		35px;
							width: 	133px !important;
						}

						.home p a.vehicules {
							background: transparent url(../images/linkHomeVehicule.gif) no-repeat !important;
							height: 	37px !important;
							left: 		560px;
							top:		120px;
							width: 		115px !important;
						}

						.home p a.contact {
							background: transparent url(../images/linkHomeContact.gif) no-repeat !important;
							height: 	38px !important;
							left: 	465px;
							top:		195px;
							width: 	79px !important;
						}

						.home p a.maine {
							background: transparent url(../images/linkHomeBureaux.gif) no-repeat !important;
							height: 	39px !important;
							left: 	315px;
							top:		250px;
							width: 	103px !important;
						}

						.home p a.mentions {
							background: transparent url(../images/linkHomeMentions.gif) no-repeat !important;
							height: 	43px !important;
							left: 	165px;
							top:		270px;
							width: 	78px !important;
						}

				#itemHeading {
					border-bottom: solid 1px #e5e5e5;
					margin-bottom: 10px;
				}

					#itemHeading h2 {
						font-size: 		30px;
						margin-bottom: 	0;
						text-transform: 	uppercase;
					}

					#itemHeading h3 {
						color: 		#7e7e7e;
						margin-bottom: 	10px;
						font-size: 		24px;
					}

					#itemHeading .itemPrice {
						color:	#555;
						float: 	right;
						font-size: 	48px;
					}

				#itemGallery {
					position: relative;
					float: left;
					width: 370px;
				}

					#itemGallery img {
						border: 				solid 2px #fff;
						margin-left: 			10px;
							/* Effets CSS3*/
							-moz-box-shadow:	 	0 0 2px #333;
							-webkit-box-shadow: 	0 0 2px #333;
							/* IE workaround */
							filter:progid:DXImageTransform.Microsoft.DropShadow(color='#bbbbbb',offX='1',offY='1');
					}


					#itemGallery #mainPic {
						background: transparent url(../images/stripes.gif) repeat;
						padding: 	10px 0;
						margin-bottom: 10px;
					}

						#itemGallery #mainPic img 	{ width: 344px; }

						#itemGallery #relatedPics {
							position: absolute;
							top: 290px;
						}


						#itemGallery #relatedPics img { width: 105px; }


					ul#relatedPics li { float: left; }


				#itemInfo {
					float: right;
					width: 350px;
				}


					table { width: 100%; }

						table td,
						table th
						{
							border: 	none;
							color:	#5d5d5d;
							font-weight: bold;
							text-align: left;
						}

						table caption {
							color: #b6b7b6;
							font-size: 18px;
							font-weight: bold;
							text-align: left;
							text-transform: uppercase;
						}

						table th {
							color: #8f8f8f;
							font-size: 12px;
							font-weight: bold;

						}

							#itemInfo table.itemFeatures {
								border-bottom: solid 1px #e5e5e5
							}
								#itemInfo table.itemFeatures th {
									background: transparent url(../images/puce.gif) no-repeat 0 50%;
									text-indent: 13px;
								}


							table.itemContact th,
							table.societeContact th{ padding: 0 0 0 .5em; }

							table.itemContact textarea,
							table.societeContact textarea{
								background: transparent url(../images/gradientTextarea.gif) no-repeat;
								border: solid 1px #cccbcb;
								padding: 2px;
								width: 99% !important;
							}

							table.itemContact input,
							table.societeContact input{
								background: transparent url(../images/gradientInput.gif) no-repeat;
								border: solid 1px #cccbcb;
								height: 20px;
								padding: 2px;
							}
					.submit {
						float: right;
						background: none !important;
						border: none !important;
						height: auto !important;
					}


				#mainContent .sidebarRight {
					float: right;
					width: 245px;
				}

				#mainContent .item { margin-bottom: 10px; }

					#mainContent .sidebarRight strong {
						color: #5d5c5c;
						display: block;
						margin: 0 0 5px 31px;
						font-size: 18px;
						font-weight: bold;
					}

					#mainContent .sidebarRight em {
						color: #5d5c5c;
						margin: 0 0 5px 31px;
						font-size: 11px;
					}

					#mainContent .sidebarRight .picWrapper{
						background: transparent url(../images/shadow.png) no-repeat;
						margin-bottom: 5px;
					}

						#mainContent .sidebarRight .pic {
							background: #fff url(../images/gradientPic.jpg) 98% 97% no-repeat;
							border: solid 1px #c0c0c0;
							margin: 0 auto;
							padding: 7px;
							width: 165px;
						}

							#mainContent .sidebarRight img {
								border: solid 1px #c0c0c0;
								width: 163px;
							}

				#mainContent #maineInfo {
					position: relative;
					height: 550px;
				}


					#maineInfoNav  li { float: left; margin-right: 5px; text-align: center;}

						#maineInfoNav li a {
							background: transparent url(../images/blockLink.gif) no-repeat;
							color: #8b8b8b;
							display: block;
							height: 29px;
							outline: none;
							padding: 5px 0;
							text-decoration: none;
							width: 150px;
							/* CSS3 */
							text-shadow: 1px 1px 0px #fff;
						}
							#maineInfoNav li a.active {
								background: transparent url(../images/blockLinkActive.gif) no-repeat;
								color: #fff;
								font-weight: bold;
								/* CSS3 */
								text-shadow: none;
							}

					#mainContent #maineInfo .maineInfoContent {
						clear: left;
						display: none;
						margin-bottom: 1em;
						position: absolute;
						top: 38px;
						*top: 48px;
						width: 100%;
					}

					.maineInfoContent li {
						background: transparent url(../images/puce.gif) no-repeat 10px 50%;
						border-top: solid 1px #e5e5e5;
						color: #555;
						font-size: 14px;
						font-weight: bold;
						height: 52px;
						line-height: 52px;
						position: relative;
						text-indent: 30px;
					}

						.maineInfoContent li:nth-child(even) { background-color: #f2f2f2; }

						.maineInfoContent li span {
							font-weight: normal;
							position: absolute;
							top: 0;
						}

							#maineInfoContacts li span 	{ left: 100px; }
							#maineInfoOuverture li span { left: 180px; }


					/* Catalogue */

					.vehicule	{
						width: 240px;
						height: 280px;
						float: left;
						text-align: center;
					}

					/* .vehicule { background: transparent url(../images/trBg.gif) repeat-x; } */

					.vehicule .picWrapper {
						margin-bottom: 	10px;
						width: 		235px !important;
						width: 		232px;  			/* IE6 */
					}

						.vehicule h3 {
							color: 		#5d5c5c;
							font-size: 		14px;
							height:		40px;
							margin-bottom: 	0;
							text-align: 	center;
						}

						.vehicule a.btn {
							float: 		right;
							right: 		30px;
						}


							.vehicule span {
								color: 		#5d5c5c;
								float: 		left;
								font-size: 		18px;
								font-weight:	 bold;
								margin-left:	 25px;
							}


					/* EDIT */
					ul#editNav {
						float: right;
						display: inline;
					}

					ul#editNav li a	{
						background: transparent url(../images/blockLink.gif) no-repeat;
						color: #8b8b8b;
						display: block;
						height: 29px;
						outline: none;
						padding: 5px;
						text-align: center;
						text-decoration: none;
						width: 140px;
						/* CSS3 */
						text-shadow: 1px 1px 0px #fff;
					}

					ul#editNav li a:hover {
						background: transparent url(../images/blockLinkActive.gif) no-repeat;
								color: #fff;
								font-weight: bold;
								/* CSS3 */
								text-shadow: none;
							}


			#secondaryContent {
				float: 		left;
				padding:		10px;
				width:		195px;
			}

				#secondaryContent #contextBloc {
					border-top: 		solid 1px #fff;
					border-bottom: 		solid 1px #ebebeb;
					color: 				#777;
					font-weight: 		bold;
					margin-top:			-10px;
					margin-bottom:		0px;
					padding: 			20px 0;
					text-align: 		center;
					text-transform: 	uppercase;
					width:				195px;
				}

					#secondaryContent #contextBloc a {
						color: #777;
						text-decoration: none;
							/* CSS3 */
							text-shadow: 1px 1px 0px #fff;
					}


					#secondaryContent .searchBox {
						background:		#fff url(../images/gradientStripes.gif) bottom repeat-x;
						border: 		solid 1px #fff;
						margin: 		20px 0;
						padding-bottom: 	10px;
						*padding-bottom: 	20px;
						position: 		relative;
							/* Effets CSS3*/
							-moz-box-shadow:	 	0 0 1px #333;
							-webkit-box-shadow: 	0 0 1px #333;
							/* IE workaround */
							filter:progid:DXImageTransform.Microsoft.DropShadow(color='#bbbbbb',offX='1',offY='1');
					}

						#secondaryContent .searchBox .head {
							background:	transparent url(../images/greenGradient.gif) repeat-x;
							border: solid 1px #6da91a;
							height: 26px;
							margin-bottom:20px;
						}

						#secondaryContent .searchBox .head label {
							display: block;
							float: left;
							text-indent: -9999px;
						}

							#secondaryContent .searchBox .head label#marque {
								background: transparent url(../images/labelMarque.gif) no-repeat;
								height: 14px;
								margin: 7px 0 0 5px;
								width: 75px;
							}

							#secondaryContent .searchBox .head label#prix {
								background: transparent url(../images/labelPrix.gif) no-repeat;
								height: 14px;
								margin: 7px 0 0 5px;
								width: 120px;
							}

							#secondaryContent .searchBox .head a.linkBack{
								background: transparent url(../images/linkBack.gif) no-repeat;
								display:	block;
								height: 16px;
								float: right;
								margin: 5px 5px 0 0px;
								text-indent: -9999px;
								width: 15px;
							}


						#secondaryContent .searchBox input,
						#secondaryContent .searchBox select{
							margin-left: 10px;
						}

						#secondaryContent .searchBox input {
							background: transparent;
							border: none;
							color: #595a5b;
							display: inline;
							font-family: arial;
							font-size: 18px;
							margin-top: 0;
							position: relative;
							width: 60px;
						}

						#secondaryContent .search a.btn {
							position: relative;
							top: 3px;
							font-size: 11px;
						}

					#secondaryContent  input.submit { float: right; }


				#secondaryContent form {
					border-top: solid 1px #fff;
					width:	195px;
				}


	/* FOOTER -------------------------------------------------------------------------------- */

		#footer * {
			border-top: solid 1px #f6f6f6;
			color: #808080;
			font-size: 11px;
			height: 20px;
			line-height: 18px;
		}

			#footer address {
				background: transparent url(../images/iconLetter.gif) no-repeat 0 50%;
				float: left;
				text-indent: 20px;
			}

			#footer a.copyrights {
				background: transparent url(../images/iconArrow.gif) no-repeat 0 50%;
				float: left;
				margin-left: 20px;
				text-indent: 15px;
			}