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


	

/*CSS PAR DEFAUTS*/

	* { margin:0; padding:0; border:0;}
	
	html { background: #2c2926; }
	
	body{
		font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #ccc;
		letter-spacing: 1px;
		background: #2c2926;
	}

	h1 { font: normal normal 14px/20px Verdana, Arial, Helvetica, sans-serif; color: #d01f28; letter-spacing: 2px;}
	h2 { font: normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0 0 5px 0; letter-spacing: 1px;}
	h3 { font: normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #929494; letter-spacing: 0px;}
	h4 { font: normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #d01f28; margin: 0 0 5px 0; letter-spacing: 1px;}
	h5 { font: normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #d01f28; margin: 0 0 5px 0; letter-spacing: 1px;}
	
	a:link, a:visited { color: #fff; }
	a:hover, a:active, a:focus { color: #d01f28; }

	ul { margin: 0 0 1em 4em; padding: 0; }
	ul li { list-style: url(../images/template/arrow-white.jpg); }
		

/*CSS CIBLER*/

	/*Admin Menu*/
	#admin-menu {
		width:100%;
		background:#000000;
		color:#ccc;
		text-align:right;
		padding:4px 0;
	}
	
		#admin-menu a {
			color:#990000;
			text-decoration:none;
		}
		
		#admin-menu a:hover {
			text-decoration:underline;
		}
		
		
	/*GLOBAL HEADER*/
	#global-header {
		width: 960px; height: 150px;
		margin: 0 auto 0 auto ;
	}
	
		/*HEADER*/
		#header {
			width: 960px; height: 150px;
		}
		
			/*Logo*/
			#logo { float:left;}
			
			/*NewsLetter*/
			#newsletter {
				float:right;
				width:720px; height:27px;
				padding: 3px 0 0 0;
				text-align: right;
				background: url(../images/template/border-dotte-horz-bg.jpg) bottom left repeat-x;
			}
			
				#newsletter form { float:right;}
					#newsletter form p { float: left; color: #666; }
						#newsletter form p input { float: left;}
				
						#newsletter .inputStyle {
							margin: 0 0 0 10px; padding:1px; 
							background: url(../images/template/border-dotte-obli-bg.jpg); 
						}
								
						#newsletter .inputText{
							width: 190px; height:18px;
							margin: 0 1px 0 0; padding: 2px 5px 0 5px;
							font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; 
							color: #eee;
							background: url(../images/template/input-bg.jpg) repeat-x;
						}
						
						#newsletter .inputButton {
							width: 29px; height:20px;
							font-size: 9px;
							background: url(../images/template/input-button-bg.jpg) no-repeat;
						}
			
				#newsletter2 form p { float: left; color: #666; }
				#newsletter2 form p input { float: left;}
					
				#newsletter2 .inputStyle {
					margin: 0 0 0 10px; padding:1px; 
					background: url(../images/template/border-dotte-obli-bg.jpg); 
				}
								
				#newsletter2 .inputText {
					width: 190px; height:18px;
					margin: 0 1px 0 0; padding: 2px 5px 0 5px;
					font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; 
					color: #eee;
					background: url(../images/template/input-bg.jpg) repeat-x;
				}
						
				#newsletter2 .inputButton {
					width: 29px; height:20px;
					font-size: 9px;
					background: url(../images/template/input-button-bg.jpg) no-repeat;
				}
			
			/*Main Menu*/
			#main-menu {
				float:right;
				height:50px;
				padding: 20px 0 20px 0;
				text-align: right;
				background: url(../images/template/main-menu-rub-bg.jpg) right center no-repeat;
			}
			
				#main-menu a {
					display:block;
					float:left;
					height: 35px;
					margin: 0 1px 0 0; padding: 15px 21px 0 21px;
					text-decoration: none;
					background: url(../images/template/main-menu-rub-bg.jpg) left center no-repeat;	
				}
				#main-menu a:link, #main-menu a:visited { color: #aaa; background: url(../images/template/main-menu-rub-bg.jpg) left center no-repeat;}
				#main-menu a:hover, #main-menu a.active, #main-menu a:focus { color: #d01f28; background: url(../images/template/main-menu-rub-hover-bg.jpg) repeat-x;}
			 
			 /*Infos*/
			#info {
				float:left;
				width:500px; height:24px;
				padding: 6px 0 0 0;
				color: #666;
				background: url(../images/template/border-dotte-horz-bg.jpg) top left repeat-x;
			}
			
			/*Flux Rss*/
			#flux-rss {
				float:right;
				width:460px; height:24px;
				padding: 6px 0 0 0;
				font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
				text-align:right;
				background: url(../images/template/border-dotte-horz-bg.jpg) top left repeat-x;
			}
			
				#flux-rss img{ margin: 0 0 0 20px; vertical-align:middle;}
				
					#flux-rss a:link, #flux-rss a:visited { color: #666; }
					#flux-rss a:hover, #flux-rss a:active, #flux-rss a:focus { color: #fff; }
		
	/*BANNER*/			
	#banner {
		height: 160px;
		text-align:center;
		background: #181818 url(../images/template/global-banner-bg.jpg) repeat-x;
	}
	
	/*CONTANER*/
	#container {
		width: 960px;
		margin: 0 auto 0 auto ; padding: 45px 0 0 0;
	}
	
		/*CONTANER-LEFT*/
		#container-left {
			float: left;
		}
			/*Main Product*/
			#main-product {
				float: left;
				width: 530px; 
				margin: 0 0 30px 0;
			}
			
				#main-product div { float: left;  }				
				#main-product a { text-decoration: none; }
				#main-product a:link img, #main-product a:visited img { padding:1px; background: url(../images/template/border-dotte-obli-bg.jpg); }
				#main-product a:hover img, #main-product a:active img, #main-product a:focus img { padding:1px; background: url(../images/template/border-dotte-obli-hover-bg.jpg); }
				#main-product a span { display:block; padding: 0 0 0 15px; }
				#main-product a:link span, #main-product a:visited span { background: url(../images/template/arrow-white.jpg) left center no-repeat; text-decoration: underline;}
				#main-product a:hover span, #main-product a:active span, #main-product a:focus span { background: url(../images/template/arrow-red.jpg) left center no-repeat; text-decoration: underline;}
				
				
				#main-product .jante { margin: 0 22px 0 0;}
				#main-product .pneu { margin: 0 0 0 22px;}
				
				
			/*Presentation page index.php*/
			#presentationTxt {
				float: left; clear:both;
				width: 530px;
			}
			
			#presentationTxt p { margin: 0 0 20px 0; }
				#presentationTxt P.marginBottomNone { margin-bottom: 0; }
			
				#presentationTxt h1, #presentationTxt h2 { text-align: left; }
				#presentationTxt h1 { margin: 0 0 8px 0;}
				#presentationTxt p { text-align: left; }
		
		
		/*CONTANER-RIGHT*/
		#container-right {
			float: left;
			margin: 0 0 0 80px;
		}
			
			/* Class gabaritPage */
			.gabaritPage { 
				float: left;
				clear:both;
			}
				
				.gabaritPage-left {
					float:left;
					width: 110px;
					padding: 0 20px 0 0;
				}
				
				.gabaritPage-right {
					float:left;
					width: 720px;
					padding: 0 10px 0 20px;
					background: url(../images/template/border-dotte-vert-bg.jpg) repeat-y;
				}
					
					/*Menu top*/
					#sub-menu-top { height: 50px; padding: 0 0 0 2px; background: url(../images/template/services-menu-rub-bg.jpg) left center no-repeat; }
					
						#sub-menu-top a {
							display:block;
							float:left;
							height: 20px;
							margin: 0 1px 0 0; padding: 15px 25px 15px 25px;
							text-decoration: none;
						}
						#sub-menu-top a:link, #sub-menu-top a:visited { color: #aaa; background: url(../images/template/services-menu-rub-bg.jpg) right center no-repeat;}
						#sub-menu-top a:hover, #sub-menu-top a:active, #sub-menu-top a:focus { color: #d01f28; background: url(../images/template/services-menu-rub-hover-bg.jpg) right center no-repeat;}
						#sub-menu-top a.active { color: #d01f28; background: url(../images/template/services-menu-rub-hover-bg.jpg) right center no-repeat; }
					
					
					/*Menu left*/
					#sub-menu-left { 
						float:right; 
						width:110px; 
						margin: 45px 0 0 0; padding: 0 0 1px 0;   
						text-align: right; 
						background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x; 
					}
					
						#sub-menu-left a {
							display: block;
							float:right; clear:both;
							width: 105px; 
							margin: 0 0 1px 0; padding: 5px 5px 5px 0;
							text-decoration: none;
							
						}
						#sub-menu-left a:link, #sub-menu-left a:visited { background: url(../images/template/border-dotte-horz-bg.jpg) repeat-x; }
						#sub-menu-left a:hover, #sub-menu-left a:active, #sub-menu-left a:focus { background: url(../images/template/sub-menu-left-rub-bg.jpg) top repeat-x; }
						#sub-menu-left a.active { color: #d01f28; background: url(../images/template/sub-menu-left-rub-bg.jpg) top repeat-x; }
						
					
					/*Catalogue*/		
					.catalogue {
						float: right;
						
						width: 720px;
						padding: 20px 0 20px 0;
						background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x;
					}
					
						.catalogue h1 { margin-bottom: 20px; }
						.catalogue h2 { font-size: 14px; margin-bottom: 15px; }
						.catalogue h3 { margin-bottom: 8px; }
						.catalogue h4 { margin-bottom: 2px; }
						.catalogue p { margin: 0 1em 1em 2em;}
												
					
						.item {
							float:left;
							width: 180px;
                                                        height:220px;
                                                        overflow:hidden;
							padding: 0 30px 30px 30px;
						}
							.item a { display: block; text-decoration: none; }
							.item a:link img, .item a:visited img { padding:1px; background: url(../images/template/border-dotte-obli-bg.jpg); }
							.item a:hover img, .item a:active img, .item a:focus img { padding:1px; background: url(../images/template/border-dotte-obli-hover-bg.jpg); }
							.item a span { display:block; padding: 0 0 0 15px; }
							.item a:link span, .item a:visited span { background: url(../images/template/arrow-white.jpg) left center no-repeat; text-decoration: underline;}
							.item a:hover span, .item a:active span, .item a:focus span { background: url(../images/template/arrow-red.jpg) left center no-repeat; text-decoration: underline;}
							
								
									
							.fiche-left{
								float:left;
								width: 250px;
								padding: 0 20px 0 20px;
							}
								.fiche-left a { display:block;}
								.fiche-left p { margin: 0 0 1em 0; }
								.fiche-left img { padding:1px;  background: url(../images/template/border-dotte-obli-bg.jpg); }
									
							.fiche-right{
								float: right;
								width: 380px;
								padding: 0px 20px 0 30px;
								background: url(../images/template/border-dotte-vert-bg.jpg) repeat-y;
							}
									
				
			/* Page Accueil - Module Mazout */	
			#mazout { 
				width: 350px;
				margin: 0 0 30px 0; 
			}
				#mazout .gabaritPage-right{ width: 190px; }
				#mazout em { font-size: 9px;}
						
			/* Page Accueil - Mod lastNews */	
			#lastNews { width: 350px; }
				#lastNews .gabaritPage-right{ width: 190px; }
			
			#page { width: 720px; }
	
	
	/*MENU SERVICES --> Présenté uniquement dans l'index*/	
	#service-menu {
		float:left;
		width: 960px;
		margin: 30px 0 0 0;
	}
		
		#service-menu h1 {
			float: left;
			height: 20px;
			margin: 15px 0 15px 0; padding: 0 20px 0 0;
			background: url(../images/template/main-menu-rub-bg.jpg) right center no-repeat;
		}
	
		#service-menu a {
				display:block;
				float:left;
				height: 20px;
				margin: 0 1px 0 0; padding: 15px 5px 15px 5px;
				font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
				letter-spacing: 0px;
				text-decoration: none;
			}
		#service-menu a:link, #service-menu a:visited { color: #aaa; background: url(../images/template/services-menu-rub-bg.jpg) right center no-repeat;}
		#service-menu a:hover, #service-menu a:active, #service-menu a:focus { color: #d01f28; background: url(../images/template/services-menu-rub-hover-bg.jpg) right center no-repeat;}
			
			#service-menu a img { margin: 0 10px 0 0 ; }
	
	
	/* FOOTER */
	#footer {
		float: left;
		overflow: auto;
		width: 100%;
		text-align: center;
		margin: 0 auto 30px auto;
		padding: 10px 0 10px 0;
		background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x; 
	}
		#footer  > div {
			float: left;
		}
			/*Signature webmade*/
			#webmade {
				float: left;
				text-align: center;
				font: normal normal 9px/40px Verdana, Arial, Helvetica, sans-serif;
				color: #433e3b;
			}
				#webmade a:link, #webmade a:visited { color: #514b47;}
				#webmade a:hover, #webmade a:active, #webmade a:focus { color: #eee;}
			
			
			/* membre mif */
			.membreMif {
				float: left;
				padding: 0;
			}
				.membreMif a {
					display: block;
				}



/*CLASS*/

	/*Bordure en  pointier haut, bat, milieu*/
	.borderDotteTop { 
		display:block; 
		float:left; 
		clear:both; 
		width:100%; height:1px; 
		padding: 0 0 10px 0;  
		background: url(../images/template/border-dotte-horz-bg.jpg) top repeat-x; 
	}
	.borderDotteBottom { 
		display:block; 
		float:left; 
		clear:both; 
		width:100%; height:1px; 
		padding: 10px 0 0 0;  
		background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x;
	}
	
	.borderDotteMiddle { 
		display:block; 
		float:left; 
		clear:both; 
		width:100%; height:1px; 
		padding: 5px 0 5px 0;  
		background: url(../images/template/border-dotte-horz-bg.jpg) center repeat-x;
	}
	
	/*LISTE DE LIENS*/							
	ul#listLinks {
		margin: 10px 20px 20px 20px;
		background: url(../images/template/border-dotte-horz-bg.jpg) top repeat-x;
	}
		ul#listLinks li { 
			padding: 8px 0 8px 30px;
			font: normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
			list-style: none;
			text-decoration: none;
			background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x; 
		}
			ul#listLinks li a { padding: 0 0 0 30px; text-decoration: none;  }
			ul#listLinks li a:link, ul#listLinks li a:visited { background: url(../images/template/arrow-white.jpg) left center no-repeat; }
			ul#listLinks li a:hover, ul#listLinks li a:active, ul#listLinks li a:focus { background: url(../images/template/arrow-red.jpg) left center no-repeat; }
		
	/*LISTE POINTIER*/	
	ul#listDotte {
		margin: 0px; padding: 0px;
		background: url(../images/template/border-dotte-horz-bg.jpg) top repeat-x; 
	}
			ul#listDotte li { 
				list-style: none;
				font: normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
				padding: 5px;
				background: url(../images/template/border-dotte-horz-bg.jpg) bottom repeat-x; 
			}
				ul#listDotte li img { margin: 0 10px 0 10px; } 
				
				ul#listDotte li ul li{ 
					list-style: none;
					padding: 5px 0 0 20px;
					line-height: 16px;
					background: none; 
				}

	/*Couleur*/
	.color-red { color: #d01f28;}
	
	/* pour news */
	.cache {
		text-align:right;
		display:none;
	}

	.montre {
		text-align:right;
		display:block;
	}
	
	a.biglink {
		font-size:1.4em;
		color:#e3001b;
	}
	
	a.biglink:hover {
		color:#FFFFFF;
	}
	
	
/*CLASS GENERIQUE*/
.marginBottomNone { margin-bottom: 0; }
.marginTop10px { margin-top: 10px; }
.marginTop20px { margin-top: 20px; }
.marginTop25px { margin-top: 25px; }