@charset "utf-8";
/* CSS Procdure - SpeedServices.ch  */
<style type="text/css">
<!--
/************************************** Procdure ******************************************
******CETTE SECTION CONFIGURE L'APPARENCE DE LA PROCEDURE DU SPEEDSERVICE******************
*****************************************************************************************/
/*
CONTENU:
	MENU PROCEDURE GAUCHE
	BOUTTON (bouttons r�utiliser atout au long de la proc�dure)
	LOGINANDSIGNUP
	NEWACCOUNT
	VEHICULESELECT (all css regarding choosing vehicule (brand, CC, model)
	VEHICULELIST (select user vehicule when logged-in)
	WORKSELECT (select category, work and furnitures)
	PARTSELECT
	PLACESELECT
	CONFIRMATION (derni�res �tapes de proc�dure)
	
/************************************************************
	MENU PROCEDURE GAUCHE 			*************************
************************************************************/

#menuProcTop {
	

	}
#menuProcList {
	list-style: none;
	margin: 0px;
	padding:0px;
	}
#menuProcList li {
	display:block;
	width:170px;
	height:50px;
	list-style:none;
	text-decoration:none;
	}
	
.menuProcArrow {
	position:absolute;
	top: -2px;
	width:169px;
	height:7px;
	display:block;
	background-image:url(../images/procedure/arrow-menu-addon-3.png);
	background-repeat:no-repeat;
	}
	
	.menuProcTxT {
	background-image:url(../images/procedure/case_dead.png);
	background-position:12px 50%;
	background-repeat:no-repeat;
	background-color:#d6d6d6;
	position:relative;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	border-bottom-style:solid;
	border-width:1px;
	border-bottom-color:#c2c2c2;
	text-indent:2px;
	}
	
	.menuProcTxTvu {
	background-image:url(../images/procedure/vu.png) !important;
	background-image:url(../images/procedure/vu.gif);
	background-position:10px 50%;
	background-repeat:no-repeat;
	background-color:#d6d6d6;
	position:relative;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	border-bottom-style:solid;
	border-width:1px;
	border-bottom-color:#c2c2c2;
	text-indent:2px;
	}
	
.menuProcTxT a, .menuProcTxTvu a {
	text-decoration: none;
	padding-left: 28px;
	padding-top: 17px;
	outline:none;
	color:#515151;
}

.menuProcTxT a:hover, .menuProcTxT a:active {
	background-image:url(../images/procedure/case_dead.png);
	background-position:12px 50%;
	background-repeat:no-repeat;
    outline:none;
	background-color:#e6e6e6;
	height:32px;
	color:#a50f0f;
	}
	
.menuProcTxTvu a:hover, .menuProcTxTvu a:active
{
    outline:none;
	background-image:url(../images/procedure/cross.png) !important;
	background-image:url(../images/procedure/cross.gif);
	background-position:10px 50%;
	background-repeat:no-repeat;
	background-color:#e6e6e6;
	height:32px;
	text-indent:2px;
	}
	
div #menuProcResume {
	background-image:url(../images/procedure/menu_top_resume.jpg);
	width:170px;
	height:149px;
	}
div #menuProcResumeContent {
	width:150px;
	height:149px;
	color:#FFFFFF;
	padding:3px;
	text-align:right;
	font-size:11px;
	margin-left:5px;
	}
div #menuProcBottom {
	background-image:url(../images/procedure/menu_bottom.jpg);
	width:170px;
	height:470px;
	}
	
	.drag{
	position:relative;
	cursor:move;
	z-index: 100;
	}

/************************************************************
	BOUTTON                      		*********************
************************************************************/

 .nextbutton,  .nextbuttoninput {
	background-image:url(../images/procedure/next-button.png !important);
	background-image:url(../images/procedure/next-button.gif);
	background-repeat:no-repeat;
	width:163px;
	height:39px;
	display:block;
	float:right;
	margin-right:20px;
	font-size:11px;
	padding-top:11px;
	padding-left:20px;
	text-transform:lowercase;
	font-weight:bold;
	position:relative;
	top:15px;
	margin-bottom:20px;
	}
	
 .nextbutton a {
	display:block;
	width:163px;
	height:20px;
	text-decoration:none;
	color:#CCCCCC;
	}
	
 .nextbutton a:hover {
	color:#FFFFFF;
	}
 .nextbuttoninput {
	color:#FFFFFF;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
	}	
.nextbuttoninput input {
	opacity:0; 
	cursor:pointer;
	cursor:hand;
	display:block;
	}	

 .previousbutton {
	background-image:url(../images/procedure/previous-button.png) !important;
	background-image:url(../images/procedure/previous-button.gif);
	background-repeat:no-repeat;
	width:163px;
	height:39px;
	display:block;
	clear:both;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
	font-size:11px;
	padding-top:11px;
	text-align:right;
	text-transform:lowercase;
	font-weight:bold;
	position:relative;
	top:15px;
	}
	
  .previousbuttonpatch {
  	margin-top:80px;	
  	margin-left:-370px;
  }
  .previousbuttonpatch2 {
  	background-image:url(../images/procedure/previous-button.png !important);
	background-image:url(../images/procedure/previous-button.gif);
	background-repeat:no-repeat;
	width:163px;
	height:39px;
	display:block;
	float:left;
	margin-left:20px;
	font-size:11px;
	padding-top:11px;
	text-align:right;
	text-transform:lowercase;
	font-weight:bold;

  }
	
 .previousbutton a, .previousbuttonpatch2 a {
	display:block;
	width:163px;
	height:20px;
	text-decoration:none;
	color:#CCCCCC;
	}
	
 .previousbutton a:hover, .previousbuttonpatch2 a:hover {
	color:#FFFFFF;
	}
	
	.previousText {
		padding-right:20px;
		}
/************************************************************
	LOGINORSIGNUP 					  *******************
************************************************************/
/*
CONTENT :
	OVERLAY (GREY BG)
	BOX (SHAPE OF POPUP BOX)
	BOX CONTENT
	LOGIN (LOGIN BOX THAT ROLLS DOWN)
	


/************* Overlay ***********/

	.body_overlay {
		position: fixed;
		z-index:4;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background-color:#000 !important;
		background:none;
		filter:alpha(opacity=75) !important;
		-moz-opacity: 0.75 !important;
		opacity: 0.75 !important;
	}
	
/***********BOX***********/

	.identificationbox, .vehiculeremovebox {
		position: fixed !important;
		position:relative;
		z-index:20;
		text-align:left;
		top:30% !important;
		top: 20px;
		left:35%;
		width:auto !important;
		width:488px;
	
		}
		
	.vehiculeremovebox .boxcontent {
		height:180px;
	}
		
	.buttonclose, buttonclose2 {
		cursor: pointer;
		cursor: hand;
		position:relative;
		display:block;
		background-image:url(../images/procedure/login/closebox.png) !important;
		background-image:url(../images/procedure/login/closebox.gif);
		height:30px;
		width:30px;
		top:20px;
		left:97% !important;
		left:460px;
		}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ececec; border-left:1px solid #7d7d7d; border-right:1px solid #7d7d7d;}
.xb1 {margin:0 5px; background:#7d7d7d;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.boxcontent {
	text-align:center;
	padding: 15px 3px 15px 3px;
	width:480px;
	height:250px;
	background:#e7e7e7 !important; 
	background:#e7e7e7;
	border:0 solid #7d7d7d;
	border-width:0 1px;
}

/***********BOX CONTENT***********/
	
#IDtitle {
	text-align:left;
	position:relative;
	left:20px;
	top:-3px;
	font-family:Tahoma, Verdana, Arial;
	font-size:15px;
	color:#464646;
	font-weight:bold;
	}
	
#bar1 {
	margin:auto;
	width:450px;
	height:1px;
	background-color:#c3c3c3;
	}
	
.membre, .retirer {
	display:block;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	width:358px;
	height:57px;
	text-decoration:none;
	cursor: pointer;
	}
	
#membrevu {
	position:absolute;
	top: 102px;
	left: 75px;
	}
	
#membrevu2 {
	position:absolute;
	top: 75px;
	left: 75px;
	}
	
#membrecroix {
	position:absolute;
	top: 169px;
	left: 75px;
	}
	
#membrecroix2 {
	position:absolute;
	top: 145px;
	left: 75px;
	}
	
#membresmiley {
	position:absolute;
	top: 240px;
	left: 75px;
	}
	
.pasmembre, .pasretirer {
	display:block;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	width:358px;
	height:57px;
	text-decoration:none;
	cursor: pointer;
	}

.pasmembre a, .membre a, .testmembre a {
	background-image:url(../images/procedure/login/login-newbox-2.png);
	width:358px;
	height:57px;
	display:block;
	}

.pasmembre a:link, .pasmembre a:visited, .membre a:link, .membre a:visited, .testmembre a:link, .testmembre a:visited {
	background-image:url(../images/procedure/login/login-newbox.png);
	}

.pasmembre a:hover, .membre a:hover, .testmembre a:hover {
	background-image:url(../images/procedure/login/login-newbox-2.png);
	}
	
.testmembre  {
	display:block;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	width:358px;
	height:57px;
	text-decoration:none;
	cursor: pointer;
	}

.IDtxt1 {
	 color:#000000;
	 text-align:left;
	 padding-top: 13px;
	 padding-left:55px;
	 font-weight:bold;
	 font-size:12px; 
	 cursor: pointer;
	 cursor: hand;
 }
 
.IDtxt2 {
	 font-weight:normal;
	 font-size:13px;
	 cursor: pointer;
	 cursor: hand;
 }
 
/***********LOGIN***********/
 
	.login {
		 font-size:13px;
		 color:#666666;
		 width: 280px;
		 height: 80px;
		 background-color:#d6d6d6;
		 text-align:left;
		 margin-left:auto;
		 margin-right:auto;
		 margin-top:10px;
		 margin-bottom:10px;
		 padding-left:20px;
		 padding-top:15px;
		  }
	
	.userinput2 {
		height:18px;
		width:150px;
		font-size:13px;
		float:right;
		margin-right:22px;
		}
  
	.logintxt {
		float:left;
		width:80px;
		line-height:24px;
		}
	  	  
	.logintxt2 {
		display:inline;
		margin-left:10px;
		}
		
		
	#loginbutt {
		position:relative;
		left:160px;
		top: 7px;
		}
		
	#loginButtTxT {
		position:relative;
		left:17px;
		top:16px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		
	#userdiv4TxTcurseur {
		cursor:pointer;
		cursor:hand;
		}
	
	#LoginInputButt {
		float:right;
		margin-right:22px;
		margin-top:5px;
		}

	
/************************************************************
	NEWACCOUNT 					  ***********************
************************************************************/
	.newaccount {
		background:#FFFFFF;
		padding-top:25px;
		}
		
	.headerbox {
		background-image:url(../images/procedure/headerbox-bg.png);
		background-repeat:repeat-x;
		border:solid;
		border-width:1px;
		border-color:#e8e8e8;
		height:65px;
		width: 720px;
		margin-right:auto;
		margin-left:auto;
		}
				
	.headerboxtitle {
		padding-left:25px;
		padding-top:13px;
		font-size:17px;
		font-weight:bold;
		color:#333333;
		}
		
	.headerboxdescr {
		padding-left:25px;
		padding-top:3px;
		font-size:12px;
		font-weight:bold;
		color:#828282;
		}
	.newaccountform {
		font-size:12px;
		color:#4E4E4E;
		font-weight:bold;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		border-style:solid;
		border-width:thin;
		border-color:#EBEBEB;
		}
	.newaccountform td {
		vertical-align:middle;
		padding-bottom:15px;
		padding-right:30px;
		padding-left:30px;
		padding-top:10px;
		}
	.newaccountform input {
		border-style:solid;
		border-width:thin;
		border-bottom-color:#B9B9B9;
		color:#990000;
		background-color:#F5F5F5;
		font-weight:bold;
		}
		
	.underTxT {
		font-size:11px;
		color:#797979;
		font-weight:normal;
		}
	
	#prenumb {
		display: block; 
		overflow: hidden;
		position:relative;
		top:18px;
		left:11px;
		}
	

/************************************************************
	VEHICULELIST 					  ***********************
************************************************************/
	#vehiculeBox {
		width:650px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		border-style:solid;
		border-color:#d6d6d6;
		border-width:1px;
		}
		
	.vehilistdelcross, .vehilistdelcross a, .vehilistdelcross a:hover {
		display:block;
		cursor: pointer;
		cursor: hand;
		background-image:url(../images/procedure/redcrossbig.png) !important;
		background-image:url(../images/procedure/redcrossbig.gif);
		background-repeat:no-repeat;
		height:35px;
		width:30px;
		float:right;
		margin-right:10px;
		margin-top: -35px;
		text-decoration:none;
		}	
		
	#vehiculelist {
		padding:0px;
		margin:0px;
		}
	
	#vehiculelist li {
		height:60px;
		background-color:#e6e5e5;
		list-style:none;
		border-style:solid;
		border-color:#d6d6d6;
		border-width:1px;
		padding-left:10px;
		padding-top:5px;
		vertical-align:middle;
		}
		
	#vehiculelist li:hover {
		background-color:#d6d6d6;
		}
		
	.vehiculelistTxT {
		font-size: 12px;
		color:#727272;
		position:relative;
		top: -20px;
		left: 10px;
		}
		
	#ajoutervehicule {
		height:25px;
		width:350px;
		margin:auto;
		background-image:url(../images/procedure/bouttonplus.png) !important;
		background-image:url(../images/procedure/bouttonplus.gif);
		background-repeat:no-repeat;
		background-position: left;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#474747;
		padding-top:8px;
		}
		
/**********************************************************
	CHOIX DE LA MARQUE
***********************************************************/
	#BrandListPicBox {
		margin-top:150px !important;
		margin-top:20px;
		margin-left:40px;
		}
		
	#BrandListBox {
		margin-left:40px;
		}
	
	.brandlist {
		width:700px;
		list-style:none;
		}
		
	.brandtext {
		width:100px;
		margin-right: 10px;
		margin-bottom: 5px;
		float:left;
		font-weight:bold;
		font-size:12px;
		}
		
	.brandPIClist {
		width:600px;
		height:32px;
		list-style:none;
		}
	
		
	.brandPIC, .brandPIC a {
		width:79px;
		height:32px;
		margin-right: 8px !important;
		margin-right: 14px;
		margin-bottom: 8px;
		float:left;
		padding:1px !important;
		padding:0px;
		}
		
	.brandPIC a:hover {
		border-style:solid;
		border-width:1px;
		border-color:#fe0000;
		}

/* Gros bordel de css pour le petit sous menu "int�ractif */		
	#choixmarque, #choixcylindree, #choixmodele, #choixmarque a, #choixcylindree a, #choixmodele a {
		background-repeat:no-repeat;
		height:44px;
		margin-left:50px;
		padding-top:12px;
		font-size:12px;
		color:#8a8a8a;
		font-weight:bold;
		}
	#choixmarque a:hover, #choixcylindree a:hover, #choixmodele a:hover  {
		color:#606060; text-decoration:none; }
		
	#choixmarque {
		background-image:url(../images/procedure/choixvehicule/choixmarque.jpg); }
		
	#choixcylindree {
		background-image:url(../images/procedure/choixvehicule/choixcylindree.jpg); }
		
	#choixmodele {
		background-image:url(../images/procedure/choixvehicule/choixmodele.jpg); }
		
	#choixmarqueon {
		margin-left:-15px; margin-right:55px; }
		
	#choixmarqueoff {
		margin-left:-15px; color:#CCCCCC; }
		
	#choixcylindreeon {	
		margin-left:5px; }
		
	#choixcylindreeoff {
		padding-left:5px; color:#CCCCCC; }
		
	#choixmodeleon {
	   margin-left:65px;}
	   
	#choixmodeleoff {
		margin-left:65px; color:#CCCCCC;}

/************************************************************
	Choix de la cylindr�e 			  ***********************
************************************************************/		
	.ListCC {
		list-style-type:none;
	}
	.ChoixCC {
		display:inline;	
	}
	.square, .twosquares, .threesquares, .foursquares, .fivesquares  {
		background-position:bottom left;
		background-repeat:no-repeat;
		padding-bottom:25px;	
		color:#828282;
		font-weight:bold;
		font-size:13px;	
		background-position: 50% 95%;
	}
	
	.square  {
		background-image:url(../images/procedure/square.png) !important;
		background-image:url(../images/procedure/square.gif);
		padding-right:5px;
	}
	.twosquares {
		background-image:url(../images/procedure/twosquares.png) !important;
		background-image:url(../images/procedure/twosquares.gif);
	}
	.threesquares {
		background-image:url(../images/procedure/threesquares.png) !important;
		background-image:url(../images/procedure/threesquares.gif);
	}
	.foursquares {
		background-image:url(../images/procedure/foursquares.png) !important;
		background-image:url(../images/procedure/foursquares.gif);
	}
	.fivesquares {
		background-image:url(../images/procedure/fivesquares.png) !important;	
		background-image:url(../images/procedure/fivesquares.gif);
		padding-right:8px;
		padding-left:8px;
	}
	.ContentChoixCC {
		display:inline;
		padding:10px;
		margin:10px;
		padding-bottom:30px;
		background-color:#f6f6f6;
		border:solid;
		border-width:1px;
		border-color:#d8d8d8;
		border-radius: 10px 10px; 
		-moz-border-radius: 10px;
	}
	
	.ContentChoixCC a:hover {
		color:#990000;
		text-decoration:none;
		}


/************************************************************
	Choix du modele					  ***********************
************************************************************/
		.VehiListStructurer
		{
		float:right;
		margin-right:5px;
		}
		.VehiList{
			list-style-type:none;
			display:block;
			float:left;
			margin:3px;
			padding:0;
			background-color:#f6f6f6;
			border:solid;
			border-width:1px;
			border-color:#e8e8e8;	
		}
		.VehiList2{
			list-style-type:none;
			display:block;
			float:left;
			margin:3px;
			padding:0;
			background-color:#f6f6f6;
			border:solid;
			border-width:1px;
			border-color:#e8e8e8;	
		}
		.VehiList3{
			list-style-type:none
			display:block;
			float:left;
			margin:3px;
			padding:0;
			background-color:#f6f6f6;
			border:solid;
			border-width:1px;
			border-color:#e8e8e8;	
		}
		.VehiContent{
			display:table-row;
			padding-left:10px;
			padding-right:10px;
			
		}
		
		.InfosVehiList{
			display:table;
			margin:0;
			padding:0;
		}
	
		.InfosVehiCC{
			display:table-cell;
			width:10px;
			padding:2px;
			font-size:12px;		
		}
		
		.InfosVehiModel{
			display:table-cell;
			width:178px;
			padding:2px;
			text-align:left;
			font-size:11px;			
		}
		.InfosVehiYear{
			display:table-cell;
			width:35px;
			padding:2px;
			font-size:12px;			
		}
		.IVCCTitle{
			display:table-cell;
			width:15px;
			padding:2px;
			font-size:11px;	
			font-weight:bold;
			text-align:center;
			background-color:#fafafa;
		}	
		.IVYTitle{
			display:table-cell;
			width:30px;
			padding:2px;
			font-size:11px;	
			font-weight:bold;
			text-align:right;
			background-color:#fafafa;
		}
		.IVMTitle{
			display:table-cell;
			width:178px;
			padding:2px;
			text-align:center;
			font-size:11px;	
			font-weight:bold;
			background-color:#fafafa;
		}
		
		.VehiListSpacer{
			display:block;
			float:left;
			margin:3px;
			padding:0;
			width:500px;	
		}
		
/************************************************************
	WORKSELECT 					  ***********************
************************************************************/		
		
	.warningbox {
		background-image:url(../images/procedure/warning-bg.png);
		background-repeat:repeat-x;
		background-color:#ffeda7;
		border:solid;
		border-width:1px;
		border-color:#ffc000;
		/*height:auto; */
		width: 550px;
		padding:2px 10px 2px 10px;
		margin-right:auto;
		margin-left:auto;
		margin-top:7px;
		margin-bottom:15px;
		}
	
	.warningTxT {
		display:block;
		background-image:url(../images/procedure/warning.png);
		background-repeat:no-repeat;
		background-position: 0 50%;
		font-size:12px;
		font-weight:bold;
		padding-left:35px;
		padding-top: 10px;
		/*height:23px; */
		color:#333333;
		}
		
	.workliststyle {
		list-style-type: none;
		width:650px;
		margin-left:20px !important;
		margin-left:60px;
		}
	
	.workcatinfos {
		font-size:12px;
		color:#828282;	
		padding-left:35px;
		padding-top:5px !important;
		padding-top:10px;
		}
	
	.workstyle {
		font-size:15px;
		background-color:#FFF4F4;
		border-style:solid;
		border-width:1px;
		border-color:#ffbebd;
		padding-bottom:4px;
		padding-top:4px;
		margin-bottom:6px;
		padding-left:15px;
		}
		
	.AvantArriere {
		float:right;
		margin-right:15px;
		margin-top:-10px;
		}
		
	.casedead {	
		display:block;
	    background-image:url(../images/procedure/case.png);
	    background-repeat:no-repeat;
		position:relative;
		top:10px;
		height:20px;
		width:150px;
		padding-left:27px;
		margin-bottom:8px;
		}
		
	.caseon {
		display:block;
	    background-image: url(../images/procedure/vu_form.png) !important;
		background-image: url(../images/procedure/vu_form.gif);
	    background-repeat:no-repeat;
		position:relative;
		top:10px;
		height:20px;
		width:150px;
		padding-left:27px;
		margin-bottom:8px;
		}
		
		
	.nocase {	
		display:block;
	    background-image: url(../images/procedure/cross.png) !important;
		background-image: url(../images/procedure/cross.gif);
	    background-repeat:no-repeat;
		position:relative;
		top:10px;
		height:20px;
		width:150px;
		padding-left:27px;
		margin-bottom:8px;
		}
		
		
	.linknext {
		padding-left:45px;
		}


/************************************************************
	PARTSELECT 	(PIECES)			    *********************
************************************************************/	

	.PartSelectTitle {
		clear:right;
		font-size:14px;
		font-weight:bolder;
		color:#000000;
		width:660px;
		height:15px;
		background-color:#ffbebd;
		margin: 0px auto 0px auto !important;
		margin: 0px auto 10px auto;
		padding-left:15px;
		padding-top:8px;
		padding-bottom:20px !important;
		padding-bottom:10px;
		}
	
	.PartSelectTitleText {
		float:left;
		}
		
	
	.PartSelectWorkPrice {
		font-size:10px;	
		color:#cc6062;
		position:relative;
		top:4px;
		/*color:#611F1F;*/
		}
	
	.PartSelectRightCrossBox {
		float:right;
		width:250px;
		margin-right:10px;
		font-size:11px;
		color:#611F1F;
		margin-top:9px;
		text-align:left;
		}
	
	.PartSelectContainer {
		float:right;
		width:673px;
		border-style:solid;
		border-width:1px;
		border-color:#ffbebd;
		margin-bottom:20px;
		padding-top:0px !important;
		padding-top:10px;
		padding-bottom:0px !important;
		padding-bottom:10px;
		position:relative;
		left:-53px;
		top:0px !important;
		top:-10px;
		background-color:#FFF4F4;
		}
		
	.PartSelectcaseon, .PartSelectcaseon2 {
	    background-image: url(../images/procedure/vu_form.png) !important;
		background-image: url(../images/procedure/vu_form.gif);
	    background-repeat:no-repeat;
		height:25px;
		padding-top:7px;
		padding-left:40px;
		background-position: 3% 0px;
		display:block;
		position:relative;
		top:-8px;
		}
	
	.PartSelectcasedead2, .PartSelectcaseon2
	{
		display:block;	
		}
	
	.PartSelectcasedead, .PartSelectcasedead2
	{	
	    background-image:url(../images/procedure/case.png);
	    background-repeat:no-repeat;
		padding-top:3px;
		padding-left:40px;
		background-position: 3% 50%;	
		color:#000000;
		}
	
	.PartSelectPneuList {
		list-style-type:none;
		width:270px;
		float:left;	
		font-size:11px;
		}

	.PartSelectPneuList li {
		    
}
	
	.PartSelectDiversList {
		list-style-type:none;
		font-size:11px;
		}
	
	li.PartSelectPneuList {
		text-align:left;
		}
	
	.PartSelectPneuTitre {
		font-size:11px;
		font-weight:bold;	
		}
	
	.PartSelectPneuRec {
		font-size:10px;
		color:red;
		font-weight:bold;
		margin-left:35px;
		}
		
		
	.PartSelectPneuRecAst {
		font-size:10px;
		font-weight:bold;
		color:red;
	}
	
	.PartSelectPneuDim {
		display:block;
		font-size:10px;
		color:#000000;
		width:659px;
		height:12px;
		background-color:#FFDBDA;
		margin: 0px auto 0px auto !important;
		margin: 0px auto 10px auto;
		padding-left:15px;
		padding-top:2px;
		padding-bottom:10px;
		text-align:left;
		}
	.PartSelectDim {
		font-size:11px;
		color:#525252;
		}

		
	/********CONFIRM**********************/
	.confirmtext1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		}
	
	.confirmtext2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		}
	
	.HiddenTyresPics {
			position:relative;
			width:100px;
			height:100px;
	}

	
/************************************************************
	PLACE SELECT 	(LIEUX)			    *********************
************************************************************/	
	#PlaceBlock{
		margin-top:30px;	
	}
	.placebox {
		margin-left:auto;
		margin-right:auto;
		}
	.placebox ul {
		list-style:none;
		}
		
	.placebox li {
		background-image:url(../images/procedure/lieux/doublebar.png) !important;
		background-image:url(../images/procedure/lieux/doublebar.gif);
		background-repeat:repeat-x;
		height:50px;
		display:block;
		vertical-align:middle;
		padding-top:10px;
		}
		
	.placename {
		font-weight:bold;
		padding-left:20px;
		font-size:16px;
		color:#333333;
		}
		
	.placeadresse, .placenumber {
		font-size:12px;
		color:#828282;
		padding-left:50px;
		}


/************************************************************
	VALIDATION 					  ***********************
************************************************************/	

	.ValidTitle {
		padding-left:10px;
		padding-top:5px;
		}
		
	.ValidTable { 
		font-size:12px;
		width:80%; 
		margin:18px 20% 0px 15px;
		}

		
	.confirmUL {
		list-style-type:none;
		margin:20px 0px 0px 0px;
		padding:0px;
		width:300px;
		color:#333333;
		}
		
	.confirmUL li {
		display:inline;
		width:120px;
		height:auto;
		background-image:none !important;
		background-image:none;
		background:none;
		font-weight:bold;
		font-size:11px;
		padding-top:1px;
		padding-bottom:1px;
		padding-left:5px;
		}
		
	.ConfListRed {
		background-color:#ffbebd;
		}
		
	.ConfListTitle {
		color:#606060;
		}
		
	.ConfListBigTitle {
		color:#000000;
		font-size:12px;
		padding-bottom:4px;
		}
		
	.confirmBox {
		float:left;
		display:block;
		height:452px;
		width:294px;
		background-image:url(../images/accueil/mid-box.png) !important;
		background-image:url(../images/accueil/mid-box.gif);
		background-repeat:no-repeat;
		margin: 10px 15px 15px 0px;
		text-align:left;
		padding-top:5px;
		}
		
	.confirmBox2 {
		float:left;
		display:block;
		height:452px;
		width:294px;
		background-image:url(../images/accueil/mid-box.png) !important;
		background-image:url(../images/accueil/mid-box.gif);
		background-repeat:no-repeat;
		text-align:left;
		margin: 10px 0px 15px 0px;
		padding-top:5px;
	}
	
	.finalTxT {
	 text-align:center;
	 margin-left:25px;
	 margin-right:25px;
	 font-size:12px;
	 font-weight:bold;
	 color:#333333;
	}
	
	.warningboxConfirm {
		background-image:url(../images/procedure/warning-bg.png);
		background-repeat:repeat-x;
		background-color:#ffeda7;
		border:solid;
		border-width:1px;
		border-color:#ffc000;
		/*height:auto; */
		width: 650px;
		padding:8px 8px 5px 8px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		}
		
	.TxTredConf {
		color:#990000;
		text-decoration:underline;
		}
</style>