@charset "UTF-8";
/* CSS Document */

BODY						{font-family: Arial; font-size: 10pt; color:#042968}
TD							{font-family: Arial; font-size: 10pt}
A							{text-decoration: none; color: #0000FF}
A:hover						{text-decoration: underline; color: #0000FF}

.descPneu					{text-decoration: none; color: #6F6F6F; font-size:11px;}
.descPneu:hover				{text-decoration: underline; color: #0000FF}

.clientRed 					{font-family: Verdana; font-size: 12pt; color:#FF0000}
.clientEntete				{Background-color: #0000FF; color: #FFFFFF}

DIV.source  /*Important pour xplore*/
{
	padding:5px;
	font-family:Courier New;
	font-size:9pt;
	background-color:#FFFFFF;
	text:#000000;
	color:#000000;	
}

#DivEdit table {border-collapse:collapse;}
#DivEdit table td {border:1px dashed #DFDFDF;}

HR { margin:0px; height:1px; width:100%; color:#000000;}

LI { margin-top:6px;}

td.semaine 					{font-weight:bold; color:#FFFFFF; text-align:center;}
table.calendrier td			{font-family:Arial; font-size:11px;}

.table_promotions tr td{
	border-bottom: 1px solid #999;
	padding: 8px 4px 8px 4px;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


a{
	outline: none;
	color: #275B9F;
	
}

a:hover{
	text-decoration: underline;
	color: #275B9F;
}

/*#########################################################*/
/*####  Header  ###########################################*/

#header{
	position: relative;
	height: 150px;
}

#header a{
	color: #4a6d9e;
}

#logo_princ{
	position: absolute;
	display: block;
	width: 513px;
	height: 92px;
	bottom: 15px;
	left: 0;
}

#logo_princ img{
	border: none;
}

#top_menu{
	position: absolute;
	top: 0;
	right: 0;
	width: 303px;
	height: 28px;
	background: url(images/top_menu_back.png) no-repeat;
}

#top_menu ul{
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	/*background-color: yellow;*/
}

#top_menu ul li{
	float: left;
	display: block;
	font-size: 8pt;
	padding: 7px 0 0;
	margin: 0;
}

#top_menu ul li.top_menu_sep{
	height: 26px;
	width: 2px;
	margin: 0 8px;
	background: url(images/top_menu_sep.png) no-repeat;
}

#header_tire{
	position: absolute;
	bottom: 2px;
	right: 20px;
	height: 99px;
	width: 148px;
	background: url(images/tire_header.jpg) no-repeat;
}

/*#########################################################*/
/*####  3 ateliers  #######################################*/

#ateliers{
	height: 84px;
	width: 582px;
	padding: 0 0 0 190px;
	background: url(images/back_3_ateliers.jpg) no-repeat;
	position: relative;
	z-index: 7000;
	margin: 10px 0 10px;
	text-align: left;
}

.adresse_atelier{
	float: left;
	margin: 0 20px 0 0;
	width: 170px;
	font-family: Verdana, Geneva, sans-serif;
}

.adresse_atelier_last{
	margin: 0 0 0 20px;
}

.adresse_atelier h4{
	margin: 7px 0 5px;
	padding: 0;
	font-size: 10pt;
	font-weight: normal;
}

.adresse_atelier p{
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #5d5d5d;
}

#atelier_link{
	display: block;
	height: 82px;
	width: 762px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8000;
}

/*#########################################################*/
/*####  Section selecteur de pneus  #######################*/

#selecteur_pneus{
	width: 210px;
	height: 233px;
	padding: 95px 0 0 170px;
	background: url(images/back_select_big.png) no-repeat;
	position: relative;
}

#selecteur_pneus form {
	margin: 3px 0 0 0;
}

#vertical_select_table td{
	padding: 0px;
}

#ti_class_select{
	margin: 10px;
}

#selecteur_pneus form select{
	margin: 0 0 6px 6px;
	width:178px;
}

#select_tire{
	width: 130px;
	height: 208px;
	background:url(images/image_tire_big.jpg) no-repeat;
	position: absolute;
	bottom: 4px;
	left: 20px;
}

#select_bouton{
	position: absolute;
	bottom: 15px;
	right: 20px;
	height: 54px;
	width: 178px;
	background: url(images/button_trouver_big_c.jpg) no-repeat 0 0;
	display: block;
}

#select_bouton:hover{
	background: url(images/button_trouver_big_c.jpg) no-repeat 0 -54px;
}

#selecteur_pneus_results{
	width: 444px;
	height: 119px;
	padding: 50px 0 0 130px;
	margin: 0;
	background: url(images/back_select_tiny.png) no-repeat;
	position: relative;
}

#selecteur_pneus_results form select{
	margin: 0 0 4px 4px;
	width:203px;
}

#select_tire_results{
	width: 83px;
	height: 112px;
	background:url(images/image_tires_small.jpg) no-repeat;
	position: absolute;
	bottom: 2px;
	left: 35px;
}

#select_bouton_results{
	height: 42px;
	width: 129px;
	background: url(images/button_trouver_small_c.jpg) no-repeat 0 0;
	display: block;
}

#select_bouton_results:hover{
	background: url(images/button_trouver_small_c.jpg) no-repeat 0 -42px;
}

#selecteur_pneus_results_wa{
	height: 28px;
	width: 75px;
	background:url(images/white_arrows.jpg) no-repeat;
	position: absolute;
	bottom: 24px;
	right: 148px;
}

/*#########################################################*/
/*####  Colonne de droite  ################################*/

#bloc_promos_autos{
	display: block;
	height: 214px;
	width: 186px;
	margin: 0 0 9px 10px;
	background: url(images/bloc_promotions.jpg) no-repeat;
	text-indent: -9999px;
}

#bloc_promos_lourds{
	display: block;
	height: 105px;
	width: 186px;
	margin: 0 0 0 10px;
	background: url(images/bloc_lourds.jpg) no-repeat;
	text-indent: -9999px;
}

/*#########################################################*/
/*####  Bloc intro  #######################################*/

#bloc_intro{
	background: url(images/back_text_intro_haut.jpg) no-repeat top #E7E7E7;
}

#bloc_intro div{
	width: 536px;
	min-height: 110px;
	padding: 20px;
	line-height: 1;
	background: url(images/back_text_intro_bas.jpg) no-repeat bottom;
	margin: 10px 0 0;
}

#bloc_intro h1{
	font-size: 150%;
	color: #2f60a6;
	padding: 0 0 0 50px;
	margin: 0;
	background: url(images/blue_arrows.png) no-repeat 0 5px;
}

#bloc_intro p{
	font-weight: normal;
	color: #1a1a1a;
	line-height: 1.5em;
	margin: 10px 0 0;
}

/*#########################################################*/
/*####  Colonne de gauche  ################################*/

#menu_gauche{
	width: 169px;
	position: relative;
	padding: 19px 0 0;
}

#menu_top{
	position: absolute;
	top: 0;
	left: 0;
	height: 19px;
	width: 169px;
	background:url(images/menu_top.jpg) no-repeat;
}

#menu_gauche ul{
	padding: 0;
	margin: 0;
	width: 169px;
	list-style: none;
	background: url(images/back_menu.png) repeat-y;
}

#menu_gauche ul li{
	margin: 0 5px 0 0;
}

#menu_gauche ul li a{
	color: #fff;
	display: block;
	padding: 5px 0 5px 10px;
	text-align: left;
}

#menu_gauche ul li a:hover{
	background: url(images/back_menu_hover.png) repeat-y;
}

#menu_gauche ul ul{
	width: 169px;
	list-style: none;
	background: url(images/back_sous_menu.png) repeat-y;
	padding: 5px 0 5px;
}

#menu_gauche ul ul li a{
	padding: 5px 0 5px 25px;
	background: url(images/blue_arrow_small.png) no-repeat 10px 8px;
	font-size: 90%;
}

#menu_gauche ul ul li a:hover{
	background: url(images/blue_arrow_small.png) no-repeat 10px 8px;
}

#menu_middle{
	height: 14px;
	width: 169px;
	background: url(images/menu_middle.jpg) no-repeat;
}

#section_marchand{
	background: url(images/back_acces_marchand.png) repeat-y;
	width: 164px;
	padding: 10px 5px 10px 0;
}

#login_marchand{
	width: 164px;
	position: relative;
}

#fleche_grise_one, #fleche_grise_two{
	position: absolute;
	left: 15px;
}

#fleche_grise_one{
	top: 35px;
}

#fleche_grise_two{
	top: 60px;
}

#section_marchand h4{
	margin: 0 5px 10px 0;
	font-size: 120%;
}

#section_marchand input{
	width: 110px;
}

#pass_text{
	position: relative;
	z-index: 6;
}

#pass_pass{
	display: none;
	position: relative;
	z-index: 5;
}

#bouton_entrer{
	height: 23px;
	width: 84px;
	display: block;
	background:url(images/button_entrez.png) no-repeat;
	margin: 10px 0 0;
}

#menu_bottom{
	height: 15px;
	width: 169px;
	background: url(images/bottom_menu.jpg) no-repeat;
}

/*#############################################*/

#partenaires_first_row td{
	padding: 0 0 15px;
}