/* ! ===== COMMON CSS ===== */
body {
	background: #9fc4d8 url(img/bg_v.png) repeat-x left top;
}

.important {
	color: #e83a5e;
}

/** links */
.backButton {
	color: #da1c44;
	background: transparent url(img/elements/chevron3.gif) no-repeat left 4px;
	padding-left: 15px;
}

.link1 {
	color: #4f4f4f;
	background: transparent url(img/elements/bullet_list3.png) no-repeat left 2px;
	padding-left: 12px;
}
.link2 {
	color: #da1c44;
	background: transparent url(img/elements/chevron1.gif) no-repeat left 4px;
	padding-left: 8px;
}

.dash {
	color: #515151;
	background: transparent url(img/elements/dash1.gif) no-repeat 3px 6px;
	padding-left: 10px;
}

.alert {
	background: transparent url(img/icons/alert.png) no-repeat right center;
}

/** lists */
.list1 li.active {
	background-color: #f1f1f1;
}
		.list1 li a {
			border-top: solid 1px #eaeaea;
		}
		.list1 li.last a {
			border-bottom: solid 1px #eaeaea;
		}
		.list1 li.active a {
			color: #da1c44;	
		}

.list2 li {
	background: transparent url(img/elements/chevron1.gif) no-repeat left 3px;
}
		.list2 li a {
			color: #da1c44;
		}


.list3BorderTop {
	border-top: solid 1px #dadadf;
	padding-top: 3px;
}
.list3 li {
	background: transparent url(img/elements/bullet_list3.png) no-repeat left 1px;
	border-bottom: solid 1px #dadadf;
}
.list3 li.active {
	background: transparent url(img/elements/bullet_list3_active.png) no-repeat left 1px;
}
		.list3 li a {
			color: #4f4f4f;
		}
		.list3 li.active a {
			color: #da1c44;
		}
				.list3 li li,
				.list3 li.active li {
					background: transparent url(img/elements/chevron2.gif) no-repeat left 3px;
				}
						.list3 li li a,
						.list3 li.active li a {
							color: #727272;
						}
.list4 li {
	background: transparent url(img/elements/dash1.gif) no-repeat 3px 6px;
}
		.list4 li,
		.list4 li a {
			color: #515151;
		}
		
/** buttons */
.bt1 {
	background: transparent url(img/buttons/bt1-r.gif) no-repeat right top;
}
		.bt1 input,
		.bt1 span {
			background: transparent url(img/buttons/bt1-l.gif) no-repeat left top;
			color: White;
		}
.bt2 {
	background: transparent url(img/buttons/bt2-r.gif) no-repeat right top;
}
		.bt2 input,
		.bt2 span {
			background: transparent url(img/buttons/bt2-l.gif) no-repeat left top;
			color: White;
		}
/* ! ===== CSS DOCUMENT ===== */
#theDocument{
	background: transparent url(img/bg.jpg) no-repeat center top;
}

/* ! ===== CSS BODY HEADER ===== */
#B_contentHeader div.logInfo,
#B_contentHeader div.logInfo a {
	color: #333333;
}
		#B_contentHeader div.logInfo p.update span {
			background: transparent url(img/elements/bg_nb_update.png) no-repeat scroll center center;
			color: White;
			font-weight: bold;
			line-height: 14px;
			padding: 2px 5px 3px;
		}
		#B_contentHeader div.logInfo a.backButton {
			color: #da1c44;
			background-position: left center;
		}
#pendingAlert a {
	color: #515151;
}
#pendingAlert .alertTop {
	background: transparent url(img/blocs/alert_top.png) no-repeat scroll left top;
}
#pendingAlert .alertContent {
	border-left: solid 3px White;
	border-right: solid 3px White;
	background-color: #fafafa;
	color: #515151;
}
#pendingAlert .alertBot {
	background: transparent url(img/blocs/alert_bot.png) no-repeat scroll left top;
}

/* ! ===== CSS LEFT COLUMN ===== */
#B_leftCol .colTitle {
	background: transparent url(img/blocs/left_col_top.png) no-repeat left top;
}
		#B_leftCol .colTitle h2 {
			background: transparent url(img/icons/title_icon.png) no-repeat 4px top;
		}
#B_leftCol .modColLeft p {
	color: #363636;	
}
#B_leftCol .modColLeft p var {
	color: #da1c44;	
}
#B_leftCol .colContent {
	background-color: white;
	border-bottom: 1px solid White; /* Fix FF */
}
#B_leftCol .colBottom {
	background: transparent url(img/blocs/left_col_bot.png) no-repeat left top;
}


/* ! ===== CSS CENTER COLUMN ===== */
#B_centralCol .mainContent .colTitle {
	background: transparent url(img/blocs/center_col_top.png) no-repeat left top;
}
#B_centralCol .mainContent .colContent {
	background-color: White;
	border-bottom: 1px solid White; /* Fix FF */
}
		#B_centralCol .mainContent .colContent .modColCenter p,
		#B_centralCol .mainContent .colContent .modColCenter2 p {
			color: #515151;
		}
#B_centralCol .mainContent .colBottom {
	background: transparent url(img/blocs/center_col_bot.png) no-repeat left top;
}

#B_centralCol .pushMod .modTop  {
	background: transparent url(img/blocs/center_col_top_2.png) no-repeat left top;
}
#B_centralCol .pushMod .modContent  {
	background-color: #f2f0f2;
}
#B_centralCol .pushMod .modBot  {
	background: transparent url(img/blocs/center_col_bot_2.png) no-repeat left top;
}

#B_centralCol .mainContent #otherContactMod ul.contactList li,
#B_centralCol .mainContent #otherContactMod ul.contactList li a,
#B_centralCol .mainContent #chageSkinMod ul.skinList li label,
#B_centralCol .mainContent .colContent .subMenu {
	color: #515151;
}
#B_centralCol .mainContent .colContent .subMenu .active {
	color: #DA1C44;
}

/* ! ===== CSS RIGHT COLUMN ===== */
#B_rightCol .modColRight .modTop {
	background: transparent url(img/blocs/right_col_top.png) no-repeat left top;
}
#B_rightCol .modColRight .modContent,
#B_rightCol .modColRight .modContentAroundCar,
#B_rightCol .modColRight .modContentAroundCarLinks,
#B_rightCol .modColRight .modContentAroundCarTitle  {
	background: #e3e0e4 url(img/blocs/right_col_bg.png) repeat-x left top;
	border-left: solid 5px White;
	border-right: solid 5px White;
}
#B_rightCol .modColRight .modContentAroundCarLinks {
	background: #e3e0e4 url(img/blocs/right_col_bg_around_car.gif) repeat-x left top;
}
#B_rightCol .modColRight .modContentAroundCar,
#B_rightCol .modColRight .modContentAroundCarTitle {
	background-color: White;
	background-image: none;
}
#B_rightCol .modColRight .modBot {
	background: transparent url(img/blocs/right_col_bot.png) no-repeat left top;
}	
		#B_rightCol .modColRight .modContent h2 {
			padding: 15px 5px 0 23px;
			background: transparent url(img/icons/title_icon.png) no-repeat 4px top;
			min-height: 19px;
		}
		#B_rightCol .modColRight .modContent p,
		#B_rightCol .modColRight .modContent p a,
		#B_rightCol .modColRight .modContent input.textBox {
			color: #4f4f4f;
		}
		#B_rightCol .signInMod .modContent div.fieldBg {
			background: transparent url(img/elements/bg_sigin_input.png) no-repeat left top;
		}

/* ! ===== CSS REGISTER TEMPLATE ===== */
#A_body.registerTemplate #B_content .blocTop {
	background: transparent url(img/blocs/register_top.png) no-repeat left top;
}
		#A_body.registerTemplate #B_content .blocTop h2 {
			background: transparent url(img/icons/title_icon.png) no-repeat 4px top;
		}
#A_body.registerTemplate #B_content .blocContent {
	background-color: White;
	border-bottom: solid 1px White; /* Fix FF */
}
#A_body.registerTemplate #B_content .blocBot {
	background: transparent url(img/blocs/register_bot.png) no-repeat left top;
}

/* ! ===== CSS POPIN ===== */
#bgPopin {
	background: transparent url(img/elements/bg_popin.png) repeat left top;
}

.popin {
	background-color: #f7f7f7;
	border: solid 5px White;
}
/* ! ===== CSS FORM POPIN ===== */
.lineField label {
	color: #515151;
}
.popin .lineField .fieldBg {
	background: url(img/forms/field_popin.png) no-repeat left top;
}
.popin .error .fieldBg {
	background: url(img/forms/field_popin_error.png) no-repeat left top;
}
		
/* ! ===== CSS 1 COLUMNS FORM ===== */
#A_body .form .title {
	color: #515151;
	background: transparent url(img/elements/bg_form_title.png) no-repeat left top;
}
#A_body .field .fieldBg {
	background: url(img/forms/bg_textbox.gif) no-repeat left top;
}
#A_body .error .fieldBg {
	background: url(img/forms/bg_textbox_error.gif) no-repeat left top;
}
#A_body .formContent {
	background-color: #fcfcfc;
	color: #515151;
}
#A_body .formContent .fade,
#A_body .formContent .fade label,
#A_body .formContent .fade input,
#A_body .formContent .fade select {
	color: #b8b8b8;
}
.field select {
	border: solid 1px #bcb9b9;
}

/* ! ===== CSS 2 COLUMNS FORM ===== */
#A_body.registerTemplate .form .title {
	background: transparent url(img/elements/bg_form_title_reg.png) no-repeat left top;
}
#A_body.registerTemplate .field .fieldBg {
	background: url(img/forms/bg_textbox_reg.gif) no-repeat left top;
}
#A_body.registerTemplate .error  .fieldBg {
	background: url(img/forms/bg_textbox_reg_error.gif) no-repeat left top;
}
#A_body.registerTemplate .field .fieldBg2 {
	background: url(img/forms/bg_textbox2_reg.gif) no-repeat left top;
}
#A_body.registerTemplate .error  .fieldBg2 {
	background: url(img/forms/bg_textbox2_reg_error.gif) no-repeat left top;
}
#A_body.registerTemplate .formContent .field .month {
	background: url(img/forms/bg_textbox_month.gif) no-repeat left top;
}
#A_body.registerTemplate .error .field .month {
	background: url(img/forms/bg_textbox_month_error.gif) no-repeat left top;
}
#A_body.registerTemplate .formContent .field .year {
	background: url(img/forms/bg_textbox_year.gif) no-repeat left top;
}
#A_body.registerTemplate .error .field .year {
	background: url(img/forms/bg_textbox_year_error.gif) no-repeat left top;
}

#B_centralCol #mainForm .formContent .field .month {
	background: url(img/forms/bg_textbox_month.gif) no-repeat left top;
}
#B_centralCol #mainForm .formContent .field .year {
	background: url(img/forms/bg_textbox_year.gif) no-repeat left top;
}

/* ! ===== CSS FORM ALERT ===== */
.formAlert{
	border: 1px solid #d7b9b7;
	background: #f6f4f5;
}
		.formAlert p,
		.formAlert li,
		.formAlert li a,
		.error label,
		.error .field input {
			color: #C10000;
		}
		
.error .field select {
	border: solid 1px #C10000;
}





/******************************************************** eMAG */
#B_contentCol .tplContentCol,
	#B_contentCol .tplContentColDisplay{
		background-image: url(img/blocs/center_content_col.png);
	}
		#B_contentCol .innerTplContentCol{
			background-image: url(img/blocs/center_innerContent_col.png);
		}
			#B_contentCol .colContent{
				background-image: url(img/blocs/center_content_col_top.png);
			}
				#B_contentCol .colTitle {
					background-image: url(img/icons/title_icon.png);
				}
				#B_contentCol .contentTitle{
					background-image: url(img/elements/bg_titleBorder.png);
				}
				
		#B_contentCol .latestNewsBlock .newsTxt{
			background-image: url(img/elements/bg_latestNews.png);
		}
	/* */
	#B_contentCol .tplBtDisplay a,
		#B_contentCol .tplBtDisplay a span{
			background-image: url(img/buttons/bt_seeMore.png);
		}
	/* Carousel */
	.articleCarouselContainer{
		background-image: url(img/elements/bg_carrouselVisu.png);	
	}
		.articleCarouselContainer .previousBt{
			background-image: url(img/buttons/bt_carouselPrev.png);
		}
		.articleCarouselContainer .nextBt{
			background-image: url(img/buttons/bt_carouselNext.png);
		}
			.articleCarouselBlock .seeMore a{
				background-image: url(img/elements/chevron4.png);
			}
/* newsletter subscribe */
.newsletterSubscribeBlock a{
	background-image: url(img/elements/bullet_list3.png);
}
/* */
.historyList li .seeMore a{
	background-image: url(img/elements/chevron1.gif);
}
/* video Page */
.magVideoContainer{
	background-image: url(img/elements/bg_videoPlayer.png);
	background-color: #dddddd;
}
	.magHistoryHeading li a{
		background-image: url(img/elements/bg_magTab.png);
	}
	.magHistoryDisplay{
		background-image: url(img/elements/bg_historyBottom.png);
	}
	.magInfoContainer .magHistoryDisplay .magHistoryContent .seeAll a{
		background-image: url(img/elements/bg_magSeeMore.png);
	}
.magAccountBlock{
	background-image: url(img/elements/bg_magAccount.png);	
}
	.magAccountBlock .innerMagAccount{
		background-image: url(img/elements/bg_magAccount.png);	
	}
/******************************************************** VIN */
	#A_body.registerTemplate .form .confirmationTitle .editLink{
		background-image: url(img/buttons/bt3-r.png);
	}
		#A_body.registerTemplate .form .confirmationTitle .editLink span{
			background-image: url(img/buttons/bt3-l.png);
		}
	#A_body .formContent .field .dateBox{
		background-image: url(img/forms/bg_textbox_date.gif);
	}
	#A_body .formContent .error .dateBox {
		background-image: url(img/forms/bg_textbox_date_error.gif);
	}
	.formContent .field .fieldBg3{
		background: url(img/forms/bg_textbox3_reg.gif) no-repeat 0 0;
	}
	.formContent .error .fieldBg3{
		background-image: url(img/forms/bg_textbox3_reg_error.gif);
	}
	
.bt3{
	background-image: url(img/buttons/bt3-r.png);	
}
	.bt3 input, .bt3 span{
		background-image: url(img/buttons/bt3-l.png);
	}
	
/******************************************************** POPIN */
.popinTpl{
	background-image: url(img/elements/bg_popinBottom.png);
}
	.popinTpl .popinHeading{
		background-image: url(img/elements/bg_popinTop.png);
	}
		.popinTpl .popinTplContent .fieldBg {
			 background-image: url(img/forms/bg_textbox4_reg.gif);
		}
		#carIdFormPopinError.popinTpl .popinTplContent .fieldBg, #carIdFormPopin.popinTpl .popinTplContent .fieldBg {
			background-image:url("img/forms/bg_textbox3_reg.gif");
		}
#changeEmailPopin .fieldBg {
	background-image:url(img/forms/bg_textbox3_reg.gif);
}

/* BLUETOOTH ---------------------------------- */
.containerCars .typeCar {
	background-image:url(img/elements/bg_type_cars.png);
}
		.itemCar a, .itemCarNoLink, .itemSystem a {
			background-image:url(img/elements/bg_cars_normal.png);
		}
		.itemTelephone a {
			background-image:url(img/elements/bg_tel_normal.png);
		}
		.itemCar a:hover, .itemSystem a:hover { background-image:url(img/elements/bg_cars_hover.png); }
		.itemTelephone a:hover { background-image:url(img/elements/bg_tel_hover.png); }
	
	/* ! Menu progression */
	#progressingBar {
		background-image:url(img/progressing-bar/progressing_bar_bg.png);
	}
			#progressingBar #menuPBar li.active,
			#progressingBar #menuPBar li.active a,
			#progressingBar #menuPBar li a:hover {
				background-image:url(img/progressing-bar/bg_item_menu.png);
				color:white;
			}

			#progressingBar #menuPBar li.active,
			#progressingBar #menuPBar li.active a,
			#progressingBar #menuPBar li.active a:hover 
			{
				cursor: default;
			}
			
			
	/* ! Fin Menu progression */
	
	/* ! Tooltip */
	#containerTooltip .tooltip {
		background-image:url(img/icons/tooltip.png);
	}
		
	#containerTooltip .tooltip-bluetooth {
		background-image:url(img/icons/tooltip-bluetooth.png);
	}
	/* ! Fin Tooltip */
	
	/* ! Release Date + Brand */
	#brandSelectionContainer {
		background-image:url(img/blocs/brand_selection_bg.png);	
	}
		#brandSelectionContainer #selectBrand #brands { border:1px solid #8f8f8f; }
		#brandSelectionContainer #unfoundedPhone a:hover { color:#777777; }
	#releaseDate {
		background-image:url(img/blocs/release_date.png);
		color:#8f8f8f;
	}
	/* ! Fin Release Date + Brand */
	
	
	/* ! Buttons */
	.nextButton,
	.previousButton,
		.nextButton a,
		.previousButton a {
			background-image:url(img/buttons/bt-prev-next.png);
			color:#fff;
	}
	/* ! Fin Buttons */
	
	/* ! Pagination */
	.pagination a {
		background-image:url(img/buttons/pagination_bg.png);
		color:#a6a6a6;
	}
	.pagination a:hover, .pagination span:hover, .pagination .current {
		background-image:url(img/buttons/pagination_bg_active.png);
		color:white;
	}
		.pagination .next,
		.pagination .prev{
			color:#a6a6a6;
			background:#f0f0f0 none;			
		}
			.pagination .next:hover,
			.pagination .prev:hover {
				background:#da1c44 none;
				color:white;
			}
			.pagination .prev.current:hover,
			.pagination .next.current:hover{
				background-color:#f0f0f0;
				color:#a6a6a6;
			}
	/* ! Fin Pagination */
	
	/* ! Instructions */
	.instructionsContainer {
		background-image:url(img/elements/instructions_content_btm.png);
	}
		.instructionsContainer .instrTopContent {
			background-image:url(img/elements/instructions_content_title.png);
		}
			.instructionsContainer .instrTopContent .instrTitle,
			.instructionsContainer .instrContent .instrTitle {
				color:#3e3e3e;
			}
		.instructionsContainer .instrContent {
			border-right:1px solid #dadadb;
			border-left:1px solid #dadadb;
			color:#4f4f4f;
		}
	.colContent #sideNav {
		background-image:url(img/elements/bg_sidebar_navResult.png);
	}
		.colContent #sideNav ul{
			background-image:url(img/elements/bg_sidebar_navResult.png);
		}
			.colContent #sideNav ul li a{
				color:#4f4f4f;
				background-image:url(img/elements/bg_sidebar_navResult_separator.png);			
			}
				.colContent #sideNav ul li a span{
					color:#4f4f4f;
				}
			.colContent #sideNav ul li a.active,
			.colContent #sideNav ul li a:hover{
				background-image:url(img/elements/bg_sidebar_navResult.png);
				color:#fff;
			}
				.colContent #sideNav ul li a.active span,
				.colContent #sideNav ul li a:hover span{
					background-image:url(img/elements/bg_sidebar_navResult.png);
					color:#fff;
				}
				
/* Offres ----------------------------*/
	#A_body.registerTemplate #B_content .offerContent .offerInnerContent{
		background: url(img/blocs/bg_bot_content.jpg) repeat-x 0 100%;
	}
	#account{
		background: url(img/blocs/bg_middle.jpg) repeat-y 271px 0;
	}
#account .fieldBg{
	background: url(img/elements/bg_input.jpg) no-repeat 0 0;
}
#read-conditions{ 
	background: url(img/elements/ar_read.jpg) no-repeat 10px 4px;
}
#ConditionBlocTop{
	background: url(img/blocs/bg_top_cond.jpg) #FFF repeat-x;
}
#ConditionBlocBot{
	background: url(img/blocs/bg_bot_cond.jpg) repeat-x;
}
				
	/* ! Fin Instructions */