﻿/*******************************
		RESET.css 			
********************************/
.showroom_maincore div, .showroom_maincore span, .showroom_maincore applet, .showroom_maincore object, .showroom_maincore iframe, .showroom_maincore h1, .showroom_maincore h2, .showroom_maincore h3, .showroom_maincore h4, .showroom_maincore h5, .showroom_maincore h6, .showroom_maincore p, .showroom_maincore blockquote, .showroom_maincore pre, .showroom_maincore a, .showroom_maincore abbr, .showroom_maincore acronym, .showroom_maincore address, .showroom_maincore big, .showroom_maincore cite, .showroom_maincore code, .showroom_maincore del, .showroom_maincore dfn, .showroom_maincore em, .showroom_maincore font, .showroom_maincore img, .showroom_maincore ins, .showroom_maincore kbd, .showroom_maincore q, .showroom_maincore s, .showroom_maincore samp, .showroom_maincore small, .showroom_maincore strike, .showroom_maincore strong, .showroom_maincore sub, .showroom_maincore sup, .showroom_maincore tt, .showroom_maincore var, .showroom_maincore b, .showroom_maincore u, .showroom_maincore i, .showroom_maincore center, .showroom_maincore dl, .showroom_maincore dt, .showroom_maincore dd, .showroom_maincore ol, .showroom_maincore ul, .showroom_maincore li, .showroom_maincore fieldset, .showroom_maincore form, .showroom_maincore label, .showroom_maincore legend, .showroom_maincore table, .showroom_maincore caption, .showroom_maincore tbody, .showroom_maincore tfoot, .showroom_maincore thead, .showroom_maincore tr, .showroom_maincore th, .showroom_maincore td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.showroom_maincore body { line-height: 1; }

.showroom_maincore ul { list-style-type: none; }
.showroom_maincore ol { list-style-type:decimal; }

.showroom_maincore blockquote, q { quotes: none; font-style:italic; }

.showroom_maincore :focus { 	outline: 1px dotted #CCCCCC; }

.showroom_maincore ins { text-decoration: underline; }
.showroom_maincore del { text-decoration: line-through; }

.showroom_maincore table { border-collapse: collapse; border-spacing: 0; }

.showroom_maincore small { font-size:80%; }
.showroom_maincore big { font-size:150%; }

.showroom_maincore .clear { clear:both; }


/********************************
		Style.css			
*********************************/
	.showroom_maincore {
		color:#000000;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:0.7em;
	}

	div#global {
		background-color:#FFFFFF;
		color:#000000;
	}
	div#headline { display:block; height:32px; background:#6D91AD url('../images/peugeot_images_template12_tpl_bg_headline.png') repeat-x top left; color:#FFFFFF; }
		div#headline h1, div#headline h2 { padding:0 40px; height:32px; line-height:32px; background-color:none; color:inherit; font-size:1.58em; font-weight:normal; }
	
	div#central { float:left; }
	div#central #page_content { padding:10px 0 0 15px; }
	div#content { background-color:#FFFFFF; color:#000000;}
	div#content.twocolumn div#central #page_content { width:665px; }
	div#content.twocolumn .sidebar { display:block; width:265px; margin:0 0 15px 0; }
	div#sidebar_left { float:left; }
	div#sidebar_left, div#sidebar_right, div#central { padding:0; }
	
	/* Left menu style */
	.menu_left {
		display:block;
		width:195px;
		height:auto;
		margin:10px 5px 0 15px;
	}
		.menu_left li {
			width:100%;
		}
			.menu_left li a {
				display:block;
				/* height:30px;
				line-height:30px; */
				padding:0;
			}
				.menu_left li a span {
					display:block;
				/* 	height:30px;
					line-height:30px; */
					padding:10px 0pt 10px 22px;
				}
					.menu_left li ul li a span {
						margin:0 0 0 22px;
					}
						.menu_left li ul li ul li a span {
							margin:0 0 0 42px;
						}
							.menu_left li ul li ul li ul li a span {
								margin:0 0 0 62px;
							}
	
	.menu_left { border-top:1px dotted #C2C2C2; }

	.menu_left li a {
		display:block;
		text-decoration:none;
	}
		.menu_left li a span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_off.png') no-repeat 12px center;
			color:#404040;
			font-weight:bold;
			text-transform:lowercase;
			font-variant:small-caps;
			border-bottom:1px dotted #C2C2C2;
			cursor:pointer;
			font-size:1.1em;
		}
		.menu_left li a.current span {
			background:#EEEEEE url('../images/peugeot_images_template12_tpl_arrow_menu_page_on_nosub.png') no-repeat 12px center;
			color:#404040;
			font-weight:bold;
			text-transform:lowercase;
			font-variant:small-caps;
			border-bottom:1px dotted #C2C2C2;
			cursor:pointer;
			font-size:1.1em;
		}
			.menu_left li.open li a span, .menu_left li li a span {
				font-weight:normal;
				border-bottom:1px dotted #C2C2C2;
				text-transform:none;
				font-variant:normal;
				background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_off.png') no-repeat 12px center;
				color:#8399A7;
				font-size:0.9em;
			}

		.menu_left li.sub_level a:hover span, .menu_left li.sub_level a:hover span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_on.png') no-repeat 10px center;
			color:#404040;
		}

		.menu_left li a:hover span, .menu_left li.nosub a:hover span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_on_nosub.png') no-repeat 12px center;
			color:#404040;
		}

		.menu_left li.open a span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_on.png') no-repeat 10px center;
			color:#404040;
			font-weight:bold;
		}

		.menu_left li.open a.current span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_on.png') no-repeat 10px center;
			color:#404040;
		}
		.menu_left li.nosub a.current { background-color:#EEEEEE; color:inherit; }
		.menu_left li.nosub a.current span {
			background:transparent url('../images/peugeot_images_template12_tpl_arrow_menu_page_current.png') no-repeat 8px center;
			color:#000;
		}

	.menu_left a:hover {
		background-color:#EEEEEE;
		color:inherit;
	}
	
	/* Titles / Font style */
		#page_content .c_bluegray { background-color:none; color:#577E9B; }
		#page_content .c_mediumgray { background-color:none; color:#888888; }
		#page_content .c_yellow { background-color:none; color:#FFA500; }
		#page_content .c_darkred { background-color:none; color:#CD0101; }
		#page_content .c_orange { background-color:none; color:#FD6A00; }
		#page_content .c_lionblue { background-color:none; color:#2A5987; }

		#page_content .t_italic { font-style:italic; }

		#page_content .s_xxl { font-size:1.6em; }
		#page_content .s_xl { font-size:1.5em; }
		#page_content .s_medium { font-size:1.3em; }
		#page_content .s_normalsup { font-size:1.1em; }
		#page_content .s_normal { font-size:1.0em; }
		#page_content .s_smallsup { font-size:0.9em; }
		#page_content .s_small { font-size:0.8em; }

		#page_content .w_bold { font-weight:bold; }
		#page_content .w_normal, .sidebar .w_normal { font-weight:normal; }

		#page_content .u_dotted { border-width:0 0 1px 0; border-style:dotted;  }
		#page_content .u_bluegray { border-color:#577E9B; }
		#page_content .u_gray { border-color:#858585; }
		#page_content .u_none { text-decoration:none; border:0; }

		#page_content .margin_top15 { margin-top:15px; }
		#page_content .margin_top10 { margin-top:10px; }
		#page_content .margin_bottom10 { margin-bottom:10px; }

		#page_content .padding_top10 { padding-top:10px; }
		#page_content .padding_bottom10 { padding-bottom:10px; }

		#page_content .h_widget { height:30px; padding:0 5px; line-height:40px; border-bottom:1px dotted #585F66; margin-bottom:5px; }

		#page_content h3 { padding:0 0 5px 0; }
		#page_content h4 { padding:5px 0 0 0; }
	/*********/

		
/* Configurateur CSS */
div#MainBar {
	width:970px;
	background:#FEFEFE url('../images/peugeot_images_template12_tpl_configurateur_barback.png') repeat-x bottom left;
	color:inherit;
	height:29px;
}
div#MainBar.showroom {
	margin:-1px 0 0 0;
}
	div#MainBar_left, div#MainBar_right {
		background-color:#A5B1C0;
		background-image:url('../images/peugeot_images_template12_tpl_configurateur_rounded_cfg_tab.png');
		background-repeat:no-repeat;
		color:inherit;
		display:block;
		height:27px;
		width:6px;
	}
	div#MainBar_left {
		background-position:top left;
		float:left;
	}
	div#MainBar_right {
		background-position:top right;
		float:right;
	}


	div#MainBar_links {
		float:left;
	}
		div#MainBar_links table {
			width:970px;
			text-align:center;
		}
			div#MainBar_links table tr td {
				height:29px;
				vertical-align:middle;
			}
				div#MainBar_links table tr td div.separator {
					background-color:#A5B1C0;
					border-bottom:1px solid #FFFFFF;
					font-size:1px;
					height:10px;
					width:1px;
					margin:0 1px 0 0;
				}
				div#MainBar_links table tr td a {
					text-decoration:none;
					background-color:none;
					color:#888888;
					font-weight:bold;
					text-transform:uppercase;
					font-family:Arial,Verdana;
					display:block;
					width:189px;
					height:auto;
					margin:0 1px 0 0;
					padding:0;
				}
			div#MainBar_links table tr td.cfg_tab_clcurrent {
				background:#325878 url('../images/peugeot_images_template12_tpl_configurateur_barback_current.png') repeat-x top center;
				color:#e5e5e5;
			}
				div#MainBar_links table tr td.cfg_tab_clcurrent a {
					background:transparent;
					color:#e5e5e5;
					cursor:default;
				}
				div#MainBar_links table tr td.cfg_tab_clcurrent a:hover {
					background:transparent;
					color:#FFFFFF;
				}
				/* div#MainBar_links table tr td a.cfg_tab_clcurrent.substeps {
					text-decoration:none;
					background:#325878 url('../images/peugeot_images_template12_tpl_configurateur_barback_current.png') repeat-x top center;
					color:#e5e5e5;
					cursor:default;
					padding:13px 0 0 0;
					height:16px;
					margin:0 1px 0 0;
				}
				div#MainBar_links table tr td a.cfg_tab_clcurrent.substeps:hover {
					background:#325878 url('../images/peugeot_images_template12_tpl_configurateur_barback_current.png') repeat-x top center;
					color:#FFFFFF;
				} */

				div#MainBar_links table tr td a span{
					line-height:0.9em;
				}
				div#MainBar_links table tr td a:hover {
					background-color:none;
					color:#5E7CA0;
				}
				div#MainBar_links table tr td a.cfg_tab_current {
					text-decoration:none;
					background-color:none;
					color:#FFFFFF;
					font-weight:bold;
					text-transform:uppercase;
					font-family:Arial,Verdana;
					display:block;
					height:22px;
					width:180px;
					padding:7px 0 0 0;
				}

				.cfg_tab_current .bcontent, .cfg_tab_current .b1, .cfg_tab_current .b2, .cfg_tab_current .b3, .cfg_tab_current .b4, .cfg_tab_current .b5, .cfg_tab_current .b6 {
					border-color:#DBDDE0;
					border-style:solid;
					background-color:#3B546A;
					color:#FFFFFF;
					display:block;
					text-align:center;
					padding:0;
					margin:0;
				}

				.cfg_tab_current .b1, .cfg_tab_current .b2, .cfg_tab_current .b3, .cfg_tab_current .b4, .cfg_tab_current .b5, .cfg_tab_current .b6 {
					overflow:hidden;
					height:1px;
					margin:0;
				}

				.cfg_tab_current .bcontent {
					padding:5px 0;
					border-width:0;
				}

				.cfg_tab_current .b1 {margin:0 3px; background-color:#EBEFF5; border-width:0 2px; }
				.cfg_tab_current .b1 {margin:0 3px; background-color:#3B546A; border-width:0 2px; }
				.cfg_tab_current .b2 {margin:0 2px; border-width:0 1px; }
				.cfg_tab_current .b3 {margin:0 1px; border-width:0 1px; }
				.cfg_tab_current .b4 {height:2px; margin:0; border-width:0 1px; }

/* Pattern CSS */
				
	#global div#footer { background-color:#A5B2C2; color:#000000; width:970px; height:auto; padding-bottom:4px; }
		div#bottom_cta { background-color:#A5B2C2; color:#000000; display:block; height:75px; padding:10px 0px; width:970px;}
			div#secondary_cta { width:734px; float:left;}
			div#secondary_cta.only { width:954px; float:none; display:block; margin:auto; }
				div#secondary_cta div.bloc_cta { width:auto; float:left; padding:0 6px; }
				div#secondary_cta div.bloc_cta.last { padding:0 0 0 6px; }
					div#secondary_cta div.bloc_cta a img { float:none; padding:0; border:0; }
					div#secondary_cta div.bloc_cta a.withtext img, div#secondary_cta div.bloc_cta a.withtext span, div#secondary_cta div.bloc_cta img.withtext, div#secondary_cta div.bloc_cta span.withtext { float:left; padding-top:10px; }
					div#secondary_cta div.bloc_cta div.divwithtext { float:left; width:115px; height:60px; padding:5px 5px 0 3px; }
					div#secondary_cta div.bloc_cta div.flashlink { float:none; width:auto; height:auto; padding:0; cursor:pointer; }
						div#secondary_cta div.bloc_cta div.flashlink:hover, div#secondary_cta div.bloc_cta div.flashlink object:hover { cursor:pointer; }
						div#secondary_cta div.bloc_cta div strong.cta_title { padding:0 0 3px 0; display:block; }
						div#secondary_cta div.bloc_cta div p { display:block; width:115px; }
						div#secondary_cta div.bloc_cta div a.knowmore { float:right; margin-top:5px; padding-right:8px; }
			div#main_cta {float:left; width:212px;padding:0 4px; }
				div#main_cta div.bloc_cta { display:block; width:auto; height:54px; padding:10px 20px;  }

/* Style CSS */

	#global div#footer { background-color:#A5B2C2; color:#000000; }
		div#bottom_cta { background-color:none; color:#000000; }
				div#secondary_cta div.bloc_cta div { font-size:0.8em; background:transparent url('../images/peugeot_images_template12_tpl_bg_right_ctafull.png') no-repeat right center; color:inherit; }
				div#secondary_cta div.bloc_cta.last div { font-size:0.8em; background:none; color:inherit; }
					div#secondary_cta div.bloc_cta div strong.cta_title { background-color:none; color:#000000; font-weight:bold; font-size:1.1em; }
					div#secondary_cta div.bloc_cta div p { background-color:none; color:#FFFFFF; line-height:1.4; }
					div#secondary_cta div.bloc_cta div a.knowmore { background:transparent url('../images/peugeot_images_template12_tpl_arrow_link_cta.png') no-repeat right bottom; color:#154897; text-decoration:none; }
					div#secondary_cta div.bloc_cta div a:hover { text-decoration:underline; }
			div#main_cta div.bloc_cta { background:transparent url('../images/peugeot_images_template12_tpl_bg_cta_right.png') no-repeat center center; color:#FFFFFF; }
				div#main_cta div.bloc_cta ul.links3 li { padding:2px 0;  }
				div#main_cta div.bloc_cta ul.links2 li { padding:7px 0;  }
				div#main_cta div.bloc_cta ul.links1 li { padding:21px 0;  }
					div#main_cta div.bloc_cta ul li a { background-color:none; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:0.75em; font-weight:bold; line-height:13.5px;  }
					div#main_cta div.bloc_cta ul li a:hover { text-decoration:underline; }

					
/**************************
	Showroom.css
***************************/

/* KPPv2 Style */
body div#global.size773 {
	width:773px;
}
			
body div#global.size773 div#content div#central div#page_content {
	width:468px;
}


body.frame {
	background-color:#FFFFFF;
}
	body.frame div#global {
		margin:0;
	}
			body.frame div#global div#headline h2 {
				margin:0 0 5px 0;
			}

			
/* Global*/
div#showroom_content {
	font-family:'Verdana', Arial, sans-ms;
	display:block;
	font-size:12px;
	width:773px;
	height:340px;
}
	div#showroom_layout {
		position:absolute;
		display:block;
		filter: alpha(opacity=15);
		opacity:0.15;
		width:773px;
		height:340px;
	}
	div#showroom_layin {
		position:absolute;
		display:block;
		z-index:100;
		width:773px;
		height:340px;
	}
		div#showroom_left {
			display:block;
			float:left;
			width:200px;
			height:340px;
		}
			div#showroom_left_layout {
				display:block;
				position:absolute;
				background-color:#4C5A74;
				color:#000000;
				filter: alpha(opacity=20);
				opacity:0.2;
				width:200px;
				height:340px;
			}
			div#showrrom_left_layin {
				position:absolute;
				display:block;
				z-index:200;
				width:200px;
				height:340px;
			}
		div#showroom_right {
			display:block;
			float:left;
			padding:5px;
			overflow:auto;
			width:563px;
			height:330px;
		}

/* Elements text */
#global .clear { clear:both; }
/* #global h1 { margin:10px 0 10px 10px; background-color:none; color:#7E8D9A; font-weight:bold; }
#global h2 { margin:5px 0 5px 0; border-bottom:1px solid #000000; background-color:none; color:#000000; font-weight:bold; } */
#global p { font-size:90%; }

#global ul#menu {
	margin:0 0 15px 10px;
	padding:0;
	list-style-type:none;
}
#global ul#cta {
	margin:0 0 5px 10px;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:0;
}
	#global ul#menu li, #global ul#cta li {
		padding:0 0 0 5px;
	}
		#global ul#menu li a, #global ul#cta li a {
			text-decoration:none;
			background-color:none;
			color:#222;
		}
			#global ul#menu li a.current, #global ul#cta li a.current {
				font-weight:bold;
			}
			#global ul#menu li a:hover, #global ul#cta li a:hover {
				text-decoration:underline;
			}

/* Related */
.sidebar .related_links, .sidebar .placeholder {
	margin:15px;
}
.related_links {
	margin:0 0 10px 0;
}
.related_links h5 {
	background:transparent url('../images/peugeot_images_template13_tpl_bg_related.png') no-repeat;
	height:40px;
	line-height:40px;
	color:#577E9B;
	font-size:1.1em;
	padding:0 0 0 10px;
	text-transform:uppercase;
	width:185px;
}
.related_links ul {
	background:#F5F8FC none repeat scroll 0%;
	border-right:2px solid #DDDADA;
	border-bottom:2px solid #DDDADA;
	border-left:2px solid #DDDADA;
	margin:0pt !important;
	padding:10px;
	width:161px;
}
.related_links li {
	list-style:none;
	background:transparent url('../images/peugeot_images_template13_tpl_arrow_pg_right.png') top left no-repeat;
	padding:0 0 0 20px;
}
.related_links a {
	color:#577E9B;
	font-size:1em;
	text-decoration:none;
	line-height:20px;
}
.related_links a:hover {
	text-decoration:underline;
}

