@import url(pneusnet_header.css);
@import url(pneusnet_boxes.css);
@import url(pneusnet_footer.css);

body{
	font-family: verdana, arial,  helvetica;
	font-size:10px;
	color:#454A4E;
	text-align:center;
	margin:0;
	background: url(../images/design/background.jpg) repeat-x top;
}

/** blocs **/
#general{
	width:1000px;
	margin:auto;
	text-align:left;
}
#header{
	width:100%;
	height:167px;
	color:white;
}
#frameLeft{
	width:198px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}
#frameRight{
	width:198px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}
#frameCenter{
	width:604px;
	float:left;
	margin:20px 0 0 0;
	padding:0;
}
#contentCenter{
	margin:0 20px 0 20px;
	padding:0;
}
#footer{
	width:100%;
	clear:both;
	height:207px;
	background: url(../images/design/background_footer.png) no-repeat;
	margin-bottom:20px;
	text-align:center;
}


/********** CENTRE **********/

/*
#module_recherche{
	height: 230px;
	overflow:hidden;
	background: url(../images/design/background_centre_search.png) no-repeat;
	margin:20px 0 20px 0;
	padding:0 20px 0 20px;
}
#module_recherche h2{
	margin:10px 0 20px 0;
	font-size:18px;
	padding:0;
	color:#0891A1;
}
#module_recherche #criteres_recherche{
	
}
#module_recherche span{
	float:left;
	width:515px;
	margin-bottom:12px;
	border:1px black solid;
}
#module_recherche label{
	font-weight:bold;
	width:90px;
	float:left;
	color:#5E5D5D;
	font-size:12px;
	text-align:right;
	margin:0 7px 0 0;
	padding-top:3px;
}
#module_recherche .selectLargeCateg{
	font-weight:bold;
	color:#0891A1;	
	width:200px;
	font-size:13px;
	padding:1px;
	font-variant: small-caps;
}
#module_recherche .selectLarge{
	font-weight:bold;
	color:#5E5D5D;	
	width:200px;
	font-size:11px;
	padding:1px;
}
#module_recherche .selectLarge option, #module_recherche .selectLargeCateg option, #module_recherche .selectTailles option{
	margin:2px;
}
#module_recherche .selectTailles{
	font-weight:bold;
	color:#5E5D5D;	
	width:56px;
	font-size:11px;
	padding:2px;
}
*/

#module_vignettes{
	height: 309px;
	overflow:hidden;
	background: url(../images/design/background_centre_vignettes.png) no-repeat;
	margin:20px 0 20px 0;
}

#module_vignettes a{
	margin:15px 15px 0 15px;
	float:left;
}

#contentCenter h1{
	margin:0 0 20px 0;
	padding:0 0 2px 0;
	font-size:22px;
	border-bottom:2px solid;
}
#contentCenter h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#0F626C;
}
#contentCenter h4{
	margin:20px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px #F4F2F3 solid;
	background: url(../images/design/puceh4.png) no-repeat;
	text-indent:15px;
	color:#0891A1;
}
#contentCenter .strongBlue{
	font-weight:bold;
	color:#0891A1;
}
#contentCenter .strongRed{
	font-weight:bold;
	color:#CC0000;
}
#contentCenter p{
	text-align:justify;
	padding:5px;
	margin:0 0 5px 0;
}
#contentCenter .chapo{
	text-align:justify;
	padding:5px;
	color:#999999;
	margin:0;
}
#contentCenter a{
	color:#0891A1;
	text-decoration: none;
}
#contentCenter a:hover{
	text-decoration: underline;
}
#contentCenter ul.text{
	list-style:none;
	margin:10px 15px 10px 10px;
	padding:0;
	color:#0891A1;
	font-weight:bold;
}
#contentCenter ul.text li{
	padding: 3px 0 3px 0;
	color:#454A4E;
	font-weight:normal;
}

#navigation_bottom{
	margin:20px 0 15px 0;
	padding:0 10px 0 10px;
	clear:both;
	height:30px;
}
#navigation_bottom .linkLeft{
	float:left;
}
#navigation_bottom .linkRight{
	float:right;
}

/********** footer **********/
#footer ul{
	float:left	
}


/****** GENERALS ******/
#trailer{
	position:absolute;
	left:0;
	display:none;
}
form{
	margin:0;	
}
.bigger13{
	font-size:13px;
}
.clearBoth{
	clear:both;
	width:100%;
}
address{
	margin:0 0 10px 15px;
	padding-left:5px;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.imgFloatLeft{
	float:left;
	margin: 0 15px 5px 0;
}
.ancre{
	text-decoration:underline;
	float:right;
	margin-right:15px;
	color:#999999;
}

#loaderbarre{
	height:50px;
	width:100px;
	clear:both;
	text-align:center;
	margin-left:100px;
}
.red{
	color:red;
}
.alert{
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	width:550px;
	display:block;
	background-color:#EAECEB;
	border:1px #CCCCCC solid;
	margin:10px 5px 10px 5px;
	font-size:10px;
}
.messageStackWarning, .messageStackSuccess{
	color:#CC0000;
	font-weight:bold;
	font-size:10px;
}

/******** Formulaire contacts **********/
#form_contact{
	margin:20px 0 0 30px;
}
#form_contact label{
	float:left;
	width:170px;
	margin-top:3px;
}
#form_contact span{
	float:left;
	height:25px;
	width:525px;
	clear:both;
}
#form_contact input, #form_contact select, #form_contact textarea{
	font-size:10px;
	font-family: verdana, arial,  helvetica;

}
#form_contact input, #form_contact select{
	width:200px;
}
#form_contact textarea{
	width:350px;
	height:100px;
}
.messageStackError{
	color:#CC0000;
	font-size:11px;
	font-weight:bold;
	margin-bottom:20px;
}


/***** Centres montage *****/
#tablistDept{
	font-size:10px;
}

#add_centre{
	font-size:10px;
}
#add_centre td{
	/*vertical-align : top;*/
	padding:2px;
}

#add_centre input{
	font-size:11px;
} 
#add_centre .precision{
	font-size:10px;
	color:#666666;
}
#add_centre .libelle{
	font-size:9px;
	font-weight:bold;
	width:190px;
	background-color: #EAEAEA;
	padding:3px 0 3px 10px;
}

.list_separator{
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.listeCentres{
	margin:0px;
	padding:0px;
	width:560px;
}
.listeCentres h2{
	font-size:14px;
	margin:10px 0 5px 0;
	padding:3px;
	font-weight:bold;
	width:100%;
	background-color:#EFEDEF;
}


/***** listes de produits *****/
.rappelCriteres{
	float:right;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	/*border:1px black solid;*/
	position:relative;
	top:-17px;
	_margin-top:-3px;
	padding:0
}	
	
ul.listingPneus {
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}
ul.listingPneus li{
	margin:10px 0 10px 0;
}
.listingPneus .header{
	background-color:#F1F1E5;
	padding:2px 5px 2px 2px;
	width:563px;
}
.listingPneus .header strong{
	color: #87050F;
	font-size:13px;
	float:left;
	font-weight:bold;
	margin-right:5px;
	padding-top:3px;
}
.listingPneus .header h5{
	color:#0596AB;
	padding:0;
	margin:0;
	font-size:17px;
	font-weight:bold;
	
}
.listingPneus .content {
	height:75px;
	overflow:hidden;
	padding:0
}
.listingPneus .content  .bottomLeft {
	width:420px;
	float:left;
	/*border:1px black solid;*/
}
.listingPneus .content .bottomRight{
	width:137px;
	float:right;
	padding-top:15px;
	margin:0;
	/*border:1px black solid;*/
}
.listingPneus .content .bottomLeft img{
	float:left;
	margin-top:2px;
	margin-right:15px;
	padding:0;
}
.listingPneus  .content .bottomLeft .prix{
	position:relative;
	float:right;
	right:0;
	top:27px;
	/*color:#DF0209;*/
	font-size:18px;
}
.listingPneus  .content .bottomLeft .prixPromo{
	position:relative;
	float:right;
	right:0;
	top:15px;
	color:#DF0209;
	font-size:18px;
}
.listingPneus  .content .bottomLeft .prixPromo:first-line{
	font-weight:bold;
	color:#454A4E;
	font-size:14px;
	background: url(../images/design/linethrough.gif) repeat-x center left;
	*text-decoration: line-through;
}


.listingPneus  .content .bottomLeft .prixNoPrix{
	position:relative;
	float:right;
	right:0;
	top:27px;
	font-size:12px;
	font-weight:bold;
}
.listingPneus  .content .bottomLeft .ttc{
	color:#666666;
	font-size:9px;
}
.listingPneus  .content .bottomLeft .indices{
	color:#5D5D5D;
	display:block;
	padding:20px 0 0 0;
	margin:0;
	font-weight:bold;
	font-size:12px;
}
.listingPneus  .content .bottomLeft .type{
	color:#ACACAC;
	display:block;
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
}
.listingPneus  .content .bottomLeft .type img{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
.listingPneus  .content .bottomLeft .chargeVitesse{
	color:#999999;
	margin-left:10px;
	font-size:12px;
	font-weight:bold;
}
.paginate{
	font-size:10px;
	width:560px;
}

.listingPneus  .content .bottomRight a, .listingPneus  .content .bottomRight .submit{
	margin-bottom:5px;
	float:right;
	height:19x;
	width:125px;	
}
#noProducts{
	font-weight:bold;
	padding:10px;
	color:red;
	font-size:11px;
}

/***** module de recherche pages listing ******/

#module_recherche{
	height: 190px;
	/*height:230px;*/
	overflow:hidden;
	background: url(../images/design/background_centre_search.png) no-repeat;
	margin:20px 0 20px 0;
	padding:0 20px 0 20px;
}
#module_texte{
	height: 0px;
	/*height:0px;*/
	overflow:hidden;
	background: url(../images/design/background_centre_texte.png) no-repeat;
	margin:20px 0 20px 0;
	padding:0 20px 0 20px;
}
#module_recherche_listing{
	/*height: 190px;*/
	height:220px;
	background: url(../images/design/background_centre_searchS.png) no-repeat;
	margin:20px 0 20px 0;
	padding:0 20px 0 20px;
	overflow:hidden;
}
#module_recherche h2, #module_recherche_listing h2{
	margin:10px 0 10px 0;
	font-size:18px;
	font-weight:bold;
	padding:0;
	font-variant:small-caps;
	/*color:#0891A1;*/
}

#module_recherche span,#module_recherche_listing span{
	float:left;
	width:515px;
	margin-bottom:6px;
	/*border:1px black solid;*/
}
#module_recherche label, #module_recherche_listing label{
	font-weight:bold;
	width:90px;
	float:left;
	color:#5E5D5D;
	font-size:12px;
	text-align:right;
	margin:0 7px 0 0;
	padding-top:3px;
}
.selectLargeCateg{
	font-weight:bold;
	color:#0891A1;	
	width:200px;
	font-size:11px;
	padding:1px;
	font-variant: small-caps;
}
.selectLarge{
	font-weight:bold;
	color:#5E5D5D;	
	width:200px;
	font-size:11px;
	padding:1px;
}
.selectLargeVitesse{
	font-weight:bold;
	color:#CC0000;	
	width:200px;
	font-size:12px;
	padding:3px;
}

.selectLargeTri{
	font-weight:bold;
	color:#5E5D5D;	
	width:200px;
	font-size:11px;
	padding:1px;
}
.selectLarge option, .selectLargeCateg option, .selectLargeVitesse option{
	margin:2px;
}

.selectTailles{
	font-weight:bold;
	color:#CC0000;	
	width:56px;
	font-size:13px;
	padding:1px;
}
.selectTailles option{
	margin:1px;
	color:#CC0000;	
}

#search_button{
	margin-right:12px;
	/*top:510px;
	left:370px;
	*top:150px;
	*left:390px;
	*margin-left:0px;*/
}
#search_button_search{
	
	margin-right:12px;
	/*top:400px;
	left:370px;
	*top:150px;
	*left:387px;
	*margin-left:0px;*/
}
#search_button_cart{
	margin-right:12px;
	/*position:absolute;
	margin-left:365px;
	top:420px;
	left:370px;
	*top:150px;
	*left:387px;
	*margin-left:0px;*/
}

/******** FICHE PRODUIT ********/

#produitLeft{
	float:left;
	width:230px;
	text-align:center;
	overflow:hidden;
}
#produitLeft .noncontractuel{
	font-size:9px;
	color:#999999;
	display:block;
	margin-bottom:20px;
}
#produitRight{
	float:right;
	width:305px;
}
#produitRight span{
	width:300px;
	float:left;
	margin:0 0 5px 10px;
	padding-bottom:8px;
	font-size:11px;
	font-weight:bold;
	background: url(../images/design/transp.gif) repeat-x bottom;
	
}
#produitRight label{
	width:115px;
	float:left;
	font-weight:bold;
	color:#0891A1;
	font-size:10px;
}

#produitRight .performance{
	width:120px;
	float:left;
	font-weight:bold;
}
#produitRight .performance label{
	margin-left:10px;
}
#produitRight .performance span{
	font-size:11px;
	font-weight:normal;
	padding: 5px 5px 10px 0;
}
#produitRight span.prix {
	font-size:15px;
}
#produitRight .prix label{
	color:red;
	font-size:13px;
	padding-top:2px;
}
#produitRight .ttc, #produitRight .franc{
	font-weight:normal;
	color:#666666;
	font-size:9px;
	font-style:normal;
}
#produitRight .prixAvantPromo{
	font-weight:bold;
	color:#666666;
	font-style:normal;
	font-size:13px;
}
#produitRight .barre{
	background: url(../images/design/linethrough.gif) repeat-x center left;
}

#produitRight .prixPromo{
	font-weight:normal;
	color:#DF0209;
	font-style:normal;
	font-size:18px;
}

/******* Formulaire envoyer a un ami *******/
.tableForm{
	font-size:10px;
	margin:10px 0 0 17px;
}
.inputField input{
	width:200px;
	font-size:11px;
	padding:2px;
}
.inputField textarea{
	width:500px;
	height:100px;
	font-size:11px;
	font-family: verdana, arial,  helvetica;
	padding:5px;
}

/******* Formulaire creation compte *******/
#create_account span.fields, #create_account span.fields_radio{
	width:550px;
	float:left;
	margin:0 0 5px 15px;
	padding-bottom:8px;
	
}
#create_account label{
	width:120px;
	float:left;
	font-weight:bold;
	color:#0891A1;
	font-size:10px;
}
#create_account .fields input{
	width:210px;
	font-size:10px;
}
#create_account .fields textarea{
	width:210px;
	font-size:11px;
	font-family: verdana, arial,  helvetica;
}
#create_account .inputRequirement{
	color:red;
	margin-left:4px;
}
#create_account .adresse{
	color:#CC0000;
	margin:20px 0 10 15px;
	display:block;
	font-weight:bold;
}
#create_account .adresseChoix{
	margin:5px 0 0 15px;
	font-weight:bold;
	display:block;
}
#create_account .adresseChoix label{
	float:none;
	display:inline;
	color:#666666;
	width:300px
}
#create_account .message textarea{
	width:480px;
	height:100px;
	font-size:11px;
	font-family: verdana, arial,  helvetica;
	margin-top:10px
}


/****** panier *****/

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  font-size:10px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003366;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;

}

.tabListingHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images/header/backgroundTrailer.gif);
}

.tableCart{
	font-size:10px;
}
.tableCart table{
	font-size:10px;
}


.general {
	font-size:11px;
	margin-bottom:10px;
}

/**** FORMULAIRES PAGES MON COMPTE ****/

#form_account span.fields{
	width:540px;
	float:left;
	margin:0 0 5px 15px;
	padding-bottom:8px;
}
#form_account label{
	width:150px;
	float:left;
	font-weight:bold;
	color:#0891A1;
	font-size:10px;
}
#form_account .fields input{
	width:210px;
	font-size:10px;
}
#form_account .fields textarea{
	width:210px;
	font-size:11px;
	font-family: verdana, arial,  helvetica;
}
#form_account .inputRequirement{
	color:red;
	margin-left:4px;
}


/*** STYLES DE LA V1 ***/

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.txtBleuGrasSmall {
	font-size: 10px;
	font-weight: bold;
	color: #6782A9;
	text-decoration: none;
}
.txtBleuGras {
	font-size: 12px;
	font-weight: bold;
	color: #6782A9;
	text-decoration: none;
}
.txtRougeGrasSmall {
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.txtBleuGrasListing {
	font-size: 12px;
	font-weight: bold;
	color: #6782A9;
	text-decoration: underline;
}


/***** LOGIN ****/
#login{

}
#loginMembre, #loginNouveauClient{
	width:266px;
	height:246px;
	color:white;
	font-size:11px;
}
#login p{
	padding:70px 15px 15px 15px;
}

#loginMembre{
	background: url(../images/design/login_membre.png) no-repeat;
	margin-right:20px;
}
#loginMembre a{
	color:#CCCCCC;
	font-style:italic;
}
#loginMembre a:hover{
	color:white;
	text-decoration: underline;
}
#loginNouveauClient{
	background: url(../images/design/login_nouveauclient.png) no-repeat;
}
#login span{
	line-height:25px;	
	float:left;
}
#login label{
	width:90px;
	float:left;
	display:block;
	font-weight:bold;
	font-size:10px;
}
#login .field input {
	padding:2px;
	font-size:10px;
	width:140px;
}
#login .submit{
	float:right;
	margin: 10px 7px 0 0;
}


/**** plan site ****/
#planSite{
		margin-left:30px;
		width:90%
}

#planSite ul{
		font-weight: bold;
		list-style-type:none;
		color:#0891A1;
}

#planSite ul ul {
		font-weight: normal;
		padding-left:20px;
}