@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/products.css");
@import url("/skin/skin_default/custom.css");
@import url("/skin/skin_default/intro.css");
@import url("/skin/skin_default/brushtrucksfeatures.css");
@import url("/skin/skin_default/css-pdf-drop-inunnits.css");
@import url("/modules/SendPrintTools/module.css");
@import url("/modules/actualites/module.css");

html{
	margin: 0px;
	padding: 0px;
}
body{
	margin: 0px;
	padding: 0px;
	background: #000000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
}

.clearBoth{clear:both}
img{border: none;}
form{margin: 0px; padding: 0px;}

form label{
	display: block;
	padding-bottom: 8px;
	text-align: right;
	padding-right: 3px;
}

#top{
	background: #b32400 url(/images/bg-top.gif) 0px 0px repeat-x;
	width: 100%;

}


a{
	color: #ffcc00;
	text-decoration: underline;
}
a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#header{
	height: 0px;
	position: relative;
	width: 770px;
	margin: 0 auto;
	clear: right;
}
	#header .slogan {position:absolute;z-index:1000;top: -196px;left:164px;}
#menu{
	position: absolute;
	top: -196px;
	left: 0px;
	z-index: 11;
	padding-top: 31px;
	height: 165px;
}
#logo{
	position: absolute;
	top: -196px;
	left: 0px;
	z-index: 12;
	padding-left: 25px;
}
#plandusite{
	position: absolute;
	top: -196px;
	left: 0px;
	z-index: 12;
	text-align: right;
	background: #b32400 url(/images/bg-top.gif) 0px 0px repeat-x;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 770px;
	
}
	#plandusite div.top{
		background: #000000 url(/images/bg-header-bottom.gif) 0px 30px repeat-x;
		height: 31px;
		float: right;
	}
	#plandusite div.bottom{
		height: 22px;
		background:  url(/images/bg-header-left.gif) 0px 0px no-repeat;
		padding-left: 60px;
		padding-top: 9px;
		padding-right: 20px;
		float: left;
	}
	#plandusite a{
		color: #FFFFFF;
		text-decoration: none;
		padding: 0px 5px 0px 18px;
	}
	#plandusite a:hover{
		color: #ffcc00;
		text-decoration: underline;
	}
		#plandusite a.contact{background:  url(/images/bg-entete.gif) 0px 2px no-repeat;}
		#plandusite a:hover.contact{background:  url(/images/bg-entete.gif) 0px -18px no-repeat;}
		#plandusite a.plan{background:  url(/images/bg-entete.gif) 0px -38px no-repeat;}
		#plandusite a:hover.plan{background:  url(/images/bg-entete.gif) 0px -58px no-repeat;
		}#plandusite a.home{background:  url(/images/bg-entete.gif) 0px -78px no-repeat;}
		#plandusite a:hover.home{background:  url(/images/bg-entete.gif) 0px -98px no-repeat;}
#fifthy{
	width: 50%;
	float: right;
	background: #b32400 url(/images/bg-header.gif) 0px 0px repeat-x;
	z-index: 10;
	height: 196px;
}
#flash{
	width: 770px;
	height: 165px;
	background: url(/images/no-flash-bg.gif) center top no-repeat;
}
#noflash{
	text-align: left;
	padding: 27px 10px 10px 150px;
	font-size: 10px;
}
	#noflash p{
		padding: 0px;
		margin: 0px;
		line-height: 12px;
	}
#noflashmenu{
	text-align: left;
	margin: 0px;
	padding: 30px 10px 0px 10px;
	text-transform: uppercase;
	font: bold 14px Arial, Helvetica, sans-serif;
}
	#noflashmenu a{
		display: block;
		padding: 5px 8px;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		margin-left: 8px;
	}
	#noflashmenu a:hover{
		background: #930c00;
	}
#page{
	width: 770px;
	margin: 0 auto;
	background: #b32400;
}
#colLeft{
	width: 210px;
	float: left;
	text-align: left;
}
#colRight{
	width: 550px;
	margin: 0px 5px;
	float: right;
	background: #930c00 url(/images/bg-right-top.gif) 0px 0px no-repeat;
	display: inline;
	text-align: left;
}
#colFull{
	width: 760px;
	margin: 0px 5px;
	background: #930c00 url(/images/bg-full-top.gif) 0px 0px no-repeat;
	text-align: left;
}
	#colRight div.frame,
	#colFull div.frame{
		padding: 15px;
		
	}
	
#colFull.col3{background: url(/images/bg-3cols-mid.gif) 0px 0px repeat-y;}
	#colFull.col3 div.frametop{
		background: url(/images/bg-3col-top.gif) 0px 0px no-repeat;
	}
	#colFull.col3 div.frame{
		padding: 0px;
		width: 760px;
	}
	
.subscribeHolder{
	position: relative;
}
.subscribeHolder img{
	position: absolute;
	top: 132px;
	left: 595px;
	cursor:pointer;
}


#printp{
	height: 320px;
	font-size: 12px;
}	html > body #printp{height: auto; min-height: 320px;}

	#printp h1{
		margin: 10px 10px 0px 10px;
		padding: 0px 0px 0px 0px;
		color: #ffcc00;
		font: 24px 'Lucida Sans', Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
	}
	#printp h2{
		margin: 20px 10px 5px 10px;
		padding: 0px 0px 0px 0px;
		color: #ffcc00;
		font: 20px 'Lucida Sans', Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
	}
	#printp h2.h2left{
		color: #ffe55e;
		margin: -35px 0px 11px 0px;
		padding: 0px 20px;
		text-align: right;
		text-transform: uppercase;
	}
	#printp h3{
		margin: 30px 10px 0px 10px;
		padding: 0px 0px 0px 0px;
		color: #FFFFFF;
		font: 18px Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
		text-transform: uppercase;
	}
	#printp h4{
		margin: 0px 10px 0px 10px;
		padding: 0px 0px 4px 0px;
		color: #ffcc00;
		font: 18px 'Lucida Sans', Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
	}
	#colFull #printp h1.boite{width: 710px; text-transform: uppercase;}
	#colRight #printp h1.boite{width: 500px; text-transform: uppercase;}
	#printp h1.boite{
		background: url(/images/bg-boite-top-right.gif) right bottom no-repeat;
	}
	#printp h1.detail{
		margin-top: 12px;
		font: 22px 'Lucida Sans', Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
	}
		#printp h1.boite span{
			float: left; 
			padding: 0px 90px 5px 20px;
			background: url(/images/bg-boite-label.gif) right bottom no-repeat;
		}
		#printp h1.fireapp{
			position:absolute;
			top:-10px;
			left:20px;
			background:none;
			text-transform:uppercase;
		}
		#printp h1.fireapp .span{
			background:none;
		}
		#printp h1.cafsvid{
			position:absolute;
			top:-10px;
			left:20px;
			background:none;
			text-transform:uppercase;
		}
		#printp h1.cafsvid .span{
			background:none;
		}
		#printp h1.detail span{
			padding: 0px 70px 5px 2px;
			text-transform: none;
		}
	#printp div.boite{
		background: #720800 url(/images/bg-boite-top-left.gif) left top no-repeat;
		margin: 0px 10px 10px 10px;
	}
	#colFull #printp div.boite-bottom{
		background: url(/images/bg-boite-bottom-full.gif) left bottom no-repeat;
		padding: 20px 0px 10px 0px;
	}
	#colRight div.boite{
		background: #720800 url(/images/bg-boite-top-left.gif) left top no-repeat;
	}
	#colRight #printp div.boite-bottom{
		background: url(/images/bg-boite-bottom.gif) left bottom no-repeat;
	}
	#printp p{
		margin: 0px;
		padding: 10px 10px;
		line-height: 18px;
	}
	#printp ul, #printp ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 11px;
	}
		#printp ul li{
			background: url(/images/bullet-square-med.gif) 6px 7px no-repeat;
			padding: 4px 5px 4px 20px;
		}
		#printp ul li ol{padding-top: 10px;}
		#printp ul li ol li{
			background: none;
			list-style: decimal;
			padding-left: 0px;
		}
	

#btMenuHolder{position:relative}
#btMenu{position:absolute;background:#B32400;top:10px;}

#diMenu{background:#B32400;padding-bottom:5px}

	#colFull.col3 #printp{
		font-size: 11px;
	}
	#colFull.col3 #printp h1,
	#colFull.col3 #printp h2,
	#colFull.col3 #printp h3,
	#colFull.col3 #printp h4{
		padding-top: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}
	#colFull.col3 #printp p{
		line-height: 14px;
		padding: 8px 20px;
	}
	#colFull.col3 div.col1{
		width: 240px;
		padding: 0px 0px;
		margin-right: 5px;
		float: left;
		background:#930c00;
	}
	#colFull.col3 div.col2{
		background:url(/images/block-top-col2.gif) #930c00 0px -5px no-repeat;
		width: 220px;
		padding:0px 0px 0px;
		margin: 0px 5px;
		float: left;
	}
	#colFull.col3 div.col3{
		/*background: url(/images/block-top-col3.gif) #930c00 0px -5px no-repeat;*/
		width: 280px;
		padding: 10px 0px 0px;
		margin-left: 5px;
		float: left;
	}
	#colFull.col3 div.header{
		float:left;
	}
	#colFull.col3 div.banner{position: relative;}
	#colFull.col3 div.banner img{
		position: absolute;
		top: -21px;
		left: -21px;
	}
	#colFull.col3 div.block{
		background: #720800 url(/images/block-col2-top.gif) 0px 0px no-repeat;
		margin: 0px 10px;
	}
	#colFull.col3 div.bcontent{
		background: url(/images/block-col2-bottom.gif) 0px bottom no-repeat;
		padding: 10px;
	}

#catalog{
	padding:0px;
	margin:0px;
	}
	
#colFull #pumps{
	padding:0px;
	margin:0px 0px 0px 13px;
}
	#colFull #printp #pumps h3{
		margin: 0px;
		padding: 0px 8px;
		font-size: 16px;
		word-spacing: 4px;
	}
	#colFull #printp #pumps h3 strong{
		font-size: 20px;
	}
	
#catalog img{
	padding:0px;
	margin:0px;

	}

img.homepumps{
	padding:0px;
	margin:10px 30px 0px 35px;
	}
	
#ppumps ul.home, #ppumps ul.home li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
	#ppumps ul.home{
		margin-left: 9px;
	}
	#ppumps ul.home li{
		float: left;
		padding: 0px 8px;
	}
		#ppumps ul.home li a{
			display: block;
			width: 114px;
			height: 16px;
			text-align: center;
			color: #737456;
			text-decoration: none;
			font: 10px Arial, Helvetica, sans-serif;
			background: url(/images/viewer-list.gif) 0px 0px no-repeat;
			padding-top: 30px;
		}
		#ppumps ul.home li a:hover{
			color: #55563b;
			background-position: 0px -46px;
		}
		#ppumps ul.home li.thumb a{background-image: url(/images/viewer-thumb.gif);}
		#ppumps ul.home li.texte{padding-bottom:5px;}
	
	#ppumps ul.home li.selected a,
	#ppumps ul.home li.selected a:hover{
		color: #ac4a01;
		background-position: 0px -92px;
	}

#tools{
	background: #b32400 url(/images/bg-tools.gif) right 0px no-repeat;
	height: 30px;
}
#footer{
	background: #b32400 url(/images/bg-bottom.gif) 0px bottom repeat-x;
	height: 31px;
}
#footer div{
	background: #000000 url(/images/bg-bottom.gif) 0px 0px repeat-x;
	height: 31px;
	width: 75%;
	float: left;
}
#footer div div{
	width: auto;
	float: none;
	background: url(/images/bg-footer.gif) right 0px no-repeat;
	height: 22px;
	text-align: right;
	padding-right: 50px;
	color: #513a25;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 9px;
}
	#footer a{
		font-weight: bold;
		color: #513a25;
		text-decoration: none;
	}
	#footer a:hover{
		color: #99816a;
		text-decoration: underline;
	}
	
a.btn{
	display: block;
	float: left;
}
	a.btn input{
		border: 1px solid #c57e00;
		text-transform: uppercase;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: normal;
		width: auto;
		color: #744c00;
		background: #ffe200 url(/images/bg-btn.gif) 0px -51px repeat-x;
		cursor: pointer;
		padding: 1px 12px;
	}
	a.btn:hover input{
		border: 1px solid #a52801;
		color: #FFFFFF;
		background: #f03a00 url(/images/bg-btn.gif) 0px 0px repeat-x;
	}

a.bigBtn{
	/*display: block;*/
}
	a.bigBtn input{
		border: 1px solid #ffce91;
		text-transform: uppercase;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: -1px;
		width: auto;
		color: #720800;
		background: #f19b00 url(/images/bg-bigBtn.gif) 0px 0px repeat-x;
		cursor: pointer;
		padding: 5px 8px 4px 7px;
		width: 0px;
		overflow: visible;
	} html > body a.bigBtn input{width: auto;}
	a.bigBtn:hover input{
		border-color: #e9b6b2;
		color: #FFFFFF;
		background: #890a00 url(/images/bg-bigBtn.gif) 0px -181px repeat-x;
	}
	a.disabled input,
	a.disabled:hover input{
		border-color: #F0F0F0;
		color: #7d7d7d;
		background: #c0c0c0 url(/images/bg-bigBtn.gif) 0px -381px repeat-x;
		cursor: default;
	}

#demande-info{padding: 10px 15px;}
#demande-info table.tblForm{width: 490px;}
#demande-info table.tblForm em{
	color: #ffcc00;
	padding: 0px 0px 0px 8px;
	font: bold 16px "Courier New", Courier, monospace;
}
#demande-info table.tblForm tr.info em{padding: 0px;}
#demande-info table.tblForm th{
	padding: 9px 0px;
	color: #dfb7b3;
	font-size: 11px;
}
#demande-info table.tblForm td.question{
	
}
#demande-info table.tblForm td.question div{
	padding-top: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #dfb7b3;
}
#demande-info table.tblForm hr{
	border: none;
	border-top: 1px solid #be6d66;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#demande-info table.tblForm input,
#demande-info table.tblForm textarea{
	border: 1px solid #670900;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px;
}	#demande-info table.tblForm input.radio{border: none;}
#demande-info table.tblForm select{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#demande-info table.tblForm input.omInvalid{
	border: 1px solid #ffcc00;
	color: #FFFFFF;
	background: #930c00;
}
#demande-info table.tblForm span.omError{
	display: block;
	color: #FFFFFF;
	padding: 5px 0px 10px 0px;
	font-size: 9px;
}

fieldset{
	border: 0px;
	border-top: 1px solid #be6d66;
	margin: 0px;
	padding: 0px 10px 30px 10px;
	overflow: visible;
}
fieldset legend{
	font: 18px 'Lucida Sans', Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 0px;
	color: #FFFFFF;
}
	fieldset div{
		padding: 5px 0px;
		clear: left;
	}
		fieldset div label{
			display: block;
			float: left;
			width: 130px;
			text-align: left;
			padding: 5px 0px;
			color: #dfb7b3;
			font-size: 11px;
			font-weight: bold;
		}
		fieldset div.label label{
			float: none;
		}
	fieldset input,
	fieldset textarea{
		border: 1px solid #670900;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 5px;
	}	fieldset  input.radio{border: none;}
	fieldset select{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
	fieldset input.omInvalid,
	fieldset select.omInvalid,
	fieldset textarea.omInvalid{
		border: 1px solid #ffcc00;
		color: #FFFFFF;
		background: #930c00;
	}
	fieldset span.omError{
		display: block;
		color: #ffcc00;
		padding: 5px 0px 10px 132px;
		font-size: 9px;
	}	fieldset div.alone span.omError{padding-left: 0px;}
p.info em,
fieldset em,
div.tabcontent fieldset em{
	color: #ffcc00;
	padding: 0px 0px 0px 8px;
	font: bold 16px "Courier New", Courier, monospace;
}
p.info em{padding: 0px;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

.links a{
	padding-left: 7px;
	background: url(/images/bg-links.gif) 0px 5px no-repeat;
}	.links a:hover{background-position: 0px -90px;}

#printp ul.zebra, #printp ul.zebra li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
	#printp ul.zebra li{
		margin: 0px 20px;
		padding: 0px;
	}
	#printp ul.zebra li a{
		display: block;
		width: 240px;
		color: #FFFFFF;
		text-decoration: none;
		background: url(/images/bg-links.gif) 7px 9px no-repeat;
		cursor: pointer;
	}
		#printp ul.zebra li a span{
			display: block;
			padding: 5px 10px 5px 15px;
		}
	#printp ul.zebra li.rowTrue a{background: #7d0a00 url(/images/bg-links.gif) 7px 9px no-repeat;}
	#printp ul.zebra li a:hover{
		color: #FFFFFF;
		background-position: 7px -86px;
		background-color: #ac0900;
	}

#public_message{position: relative; width: 770px;}
#public_message #message{
	position: absolute;
	background: #f8bf00;
	font-size: 14px;
	font-weight: bold;
	top: 45px;
	left: 20px;
	padding: 20px 20px;
	width: 688px;
	border: 1px solid #ffd200;
	border-top: 1px solid #f3a101;
	border-right: 1px solid #f3a101;
	color: #990000;
}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}
.noScreen{display:none;}
.back{
	padding: 10px 10px 0px 10px;
}
	.back a{
		padding-left: 7px;
		background: url(/images/bg-links-back.gif) 0px 6px no-repeat;
	}	.back a:hover{background-position: 0px -89px;}

.noWeb{display: none;}