/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
body{
	background:url(../images/fond.gif) #b59264 repeat-x left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
}
label{cursor:pointer;}
hr{	
	display:none;
	border:0;
	height:3px;
	background:#bb996d;
	clear:both;
}
h1, h2, h3{	color:#fff; font-size:1.1em; font-weight:bold;}
h1 a{color:#fff; text-decoration:none}
ul{	list-style-type:none;}
fieldset{ margin:8px 0 0 0; border:#e8b680 1px solid; padding:10px 10px 10px 10px; background:#f4ede2;}
fieldset div{ margin: 5px 0 8px 0;}
fieldset div label{
	width:90px; 
	display:block;
	float:left;
}
textarea{
	border:#f4ede2 1px solid; 
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:300px;
	height:150px;
}
textarea:focus{background:#f8f4ee;}
input:focus{background:#f8f4ee;}
#contenu input.bouton{
	width:80px;
	height:17px;
	margin:10px 0 0 220px;
	background:url(../images/fond-details.gif) no-repeat left center;
	color:#FFF;
	font-weight:bold;
	padding:0 0 1px 0;
}
#contenu input.bouton:active, .block input.bouton:active{background:url(../images/bouton-active.gif) no-repeat left center;}
.right{text-align:right}
.floatright{float:right}
.floatleft{float:left}
.visible{display:block}
.clear{clear:both}
.skipper{display:none}
.red{color:#c40e00}
.small{font-size:0.9em}
.taille{width:330px}
.taillepartenaires{width:196px}
.tailledetails{width:545px}
#global{
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	background:#fff;
	padding:6px;
}
#header-recherche, #header-fiche{
	height:18px;
	background:#f4ede2;
	margin:0 0 6px 0;
	padding:6px;
}
#header-recherche p{	
	width:388px;
	float:left;
	line-height:17px !important;
}
#header-recherche a{color:#67492c; text-decoration:none;}
#header-recherche a:hover, #footer p a:hover, #blockgauche span a:hover, #header-fiche a:hover{text-decoration:underline;}
#header-recherche label{color:#e68200;}
#header-recherche input, #contenu input{
	width:112px;
	height:14px;
	border: #d5ccb4 1px solid;
	font-size:1em;
}
#header-recherche input.submit {width:20px; line-height:105%; vertical-align:middle;}
#header-recherche img{
	margin: 0 0px 0 8px;
	vertical-align:middle;
}
#header{
	height: 211px;
}
div#header { padding:0 0 0px 5px !important; padding:0 0 0px 3px}
#header p{
	float:left;
	background:url(../images/logo-quesne.jpg) no-repeat left center;
	height: 211px;
	width :228px;
	text-indent:-9999px;
	margin:0 5px 0 0;
}
#header span{
	border:3px #e6d5cb solid;
	margin:0px;
	float:right;
}
#menu{
	height:33px;
	background:#855d35;
	border:#a98869 4px solid;
	margin:0 0 6px 0; 
}
#menu li{
	display:inline;
	float:left;
}
#entreprise a{
	display:block;
	width:112px;
	height:33px;
	background:url(../images/entreprise.gif) no-repeat left top;
	text-indent:-9999px;
}
#cataloque a{
	display:block;
	width:165px;
	height:33px;
	background:url(../images/catalogue.gif) no-repeat left top;
	text-indent:-9999px;
}
#partenaires a{
	display:block;
	width:135px;
	height:33px;
	background:url(../images/partenaires.gif) no-repeat left top;
	text-indent:-9999px;
}
#vendez a{
	display:block;
	width:180px ;
	height:33px;
	background:url(../images/vendez-votre-machine.gif) no-repeat left top;
	text-indent:-9999px;
}
#promotions a{
	display:block;
	width:105px;
	height:33px;
	background:url(../images/promotions.gif) no-repeat left top;
	text-indent:-9999px;
}
#contact a{
	display:block;
	width:83px;
	height:33px;
	background:url(../images/contact.gif) no-repeat left top;
	text-indent:-9999px;
}
#entreprise a:hover{background:url(../images/entreprise-on.gif) no-repeat left top;}
#cataloque a:hover{	background:url(../images/catalogue-on.gif) no-repeat left top;}
#partenaires a:hover{background:url(../images/partenaires-on.gif) no-repeat left top;}
#vendez a:hover{background:url(../images/vendez-votre-machine-on.gif) no-repeat left top;}
#promotions a:hover{background:url(../images/promotions-on.gif) no-repeat left top;}
#contact a:hover{background:url(../images/contact-on.gif) no-repeat left top;}
#wrapper{
	margin:0 0 3px 0; 
	height:auto !important;
	min-height:300px;
	height:300px;	
}
#blockgauche{
	width:228px;
	margin: 0 6px 6px 0;
	float:left;
}
#blockgauche h2{
	height:17px;
	background:url(../images/fond-h2.gif) no-repeat left center;
	border-top:3px #e8b680 solid;
	border-bottom:3px #e8b680 solid;
	padding:1px 0 0 8px;
	margin: 0 0 3px 0;
}
#blockgauche ul{
	background:#f0e7d9; 
	padding:6px; 
	color:#67492c;
}
#blockgauche li{
	height:17px; 
	padding:2px 0 2px 0;
	line-height:16px;
	border-bottom:1px #cbb4a6 solid;
}
#blockgauche li a{
	background:url(../images/picto-susmenu.gif) no-repeat left top;
	color:#67492c;
	padding: 0 0 0 10px;	
	text-decoration:none;
}
#blockgauche li a:hover{
	background:url(../images/picto-susmenu-on.gif) no-repeat left top;
	padding: 0 0 0 10px;
	color:#e68200;
}
#blockgauche div{
	width:212px;
	height:82px;
	background:url(../images/fond-coordonnees.gif) no-repeat left top;
	padding:8px;
	color:#f0c290;
}
#blockgauche h3{margin:0 0 4px 0;}
#blockgauche span a{
	background:url(../images/picto-acces.gif) no-repeat left center;
	padding: 0 0 0 17px;
	color:#f0c290;
	text-decoration:none;
}
#contenu{
	float:left;
	width:554px;
	margin:0 0 8px 0 !important;
	margin:0 0 4px 0;
	height:auto !important;
	height:35px;
	min-height:35px;
}
#fond-contenu{background:url(../images/fond-articles.gif) repeat-y left center; float:left; padding: 5px 0 0 0;}
#contenu h1, #contenu-fiche h1, #contenu-fiche h2{
	height:17px;
	background:url(../images/fond-h1.jpg) no-repeat left center;
	border-top:3px #bb996d solid;
	border-bottom:3px #bb996d solid;
	padding:0px 0 0 8px;
	margin: 0px 0 8px 0;
}
#contenu p{ margin: 1px 0 0px 0;}
#contenu p a{color:#c36d12;}
/*page produits-------------------------------*/
#contenu div.items{
	float:left;
	width:266px;
	padding:8px 4px 8px 6px;
	height:auto !important;
	min-height:118px;
	height:118px;
	border-bottom:#bb996d 1px solid;
	
}
.items h4{
	background:url(../images/picto-h4.gif) no-repeat left top;
	text-indent:14px;
	font-size:1.0em;
	font-weight:bold;
	float:left;
}
.items p{
	height:auto !important;
	min-height:105px;
	height:105px;
}
.items div{
	color:#67492c;
	font-style:normal;
	margin:0 0 8px 0;
	display:block;
	height:auto !important;
	min-height:135px;
	height:135px;
	overflow:hidden;
	
}
.items span {
	float:right;
	color:#fff;
	font-weight:bold;
	display:block;
	height:17px;
	width:82px;
	background:url(../images/picto-prix.gif) no-repeat left center;
	text-indent: 18px;
	line-height:15px;
	margin: 0 4px 0 0;
}
.items span a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:17px;
	background:url(../images/fond-details.gif) no-repeat left center;
}
.items span a:hover{background:url(../images/fond-details-on.gif) no-repeat left center;}
.items img{margin:0 5px 0px 0px}
.page{display:block;margin:5px 0 0 0;}
.page a{color:#c40e00;}
.page a:hover{ text-decoration:none;}
/*---page partenaires------------------------------------*/
.partenaires{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom:#bb996d 1px solid;
	overflow:auto;
	width:555px !important;
	width:554px;
}
.partenaires h4{
	background:url(../images/picto-titre-part.gif) #f0e7d9 no-repeat left center;
	text-indent:14px;
	width:554px;
	font-size:1.0em;
	font-weight:bold;
	float:left;
	display:block;
}
.partenaires p{	padding:5px;}
.partenaires a{
	color:#c36d12; 
	background:url(../images/picto-partenaires.gif) no-repeat left center; 
	padding:0 0 0 15px;
	margin: 0 0 0 5px;
}
.partenaires img{margin:3px;}
.partenaires a:hover, .block a:hover{text-decoration:none;}
.cadreimage{
	float:right;
	margin:5px;
	font-size:0.8em;
}
.cadreimage img{border:#ebebeb 2px solid; margin:5px 0 0 0;}
/*-footer---------------------------------------------------*/
#footer, #footer-fiche{
	clear:both;
	background:#f4ede2;
	padding:6px;
	font-size:0.9em;
	margin:6px 0 0 0 !important;
	margin:0px 0 0 0;
	line-height:14px;
}
#footer p{
	width:600px;
	float:left;
	color:#b3a98f;
}
#footer p a, #footer-fiche p a{
	color:#67492c;
	text-decoration:none;
}
#footer span, #footer-fiche span{
	height:24px;
	display:block;
	margin:6px 0 0 0 !important;
	padding:0px 0 0 0 !important;
	padding:6px 0 0 0;
}
#footer span a, #footer-fiche span a{
	color:#c40e00;
	text-decoration:none;
}
#footer span a:hover, #footer-fiche span a:hover{text-decoration:underline;}
/*-------------------------- page details*/
#globalopup{
	margin-left: auto;
	margin-right: auto;
	width:554px;
	background:#fff;
	padding:6px;
}
#header-fiche p{
	width:270px;
	color:#67492c;
	float:left;
	line-height:17px !important;
}
#header-fiche a{color:#cf790c; text-decoration:none;}
.contenu-fiche{
	width:554px;
	margin:0 0 8px 0 !important;
	margin:0 0 4px 0;
}
.block{
	width:256px;
	padding: 10px;
	float:left;
}
.block a{color:#cf790c;}
.contenu-fiche li strong{color:#c40e00;}
#footer-fiche p{
	width:350px;
	float:left;
	color:#b3a98f;
}
.block input{
	width:152px;
	height:14px;
	border: #d5ccb4 1px solid;
	font-size:1em;
}
.block label{width:70px;}
.block input.bouton{
	width:80px;
	height:17px;
	margin:0px 10px 0 200px !important;
	margin:10px 7px 0 10px;
	background:url(../images/fond-details.gif) no-repeat left center;
	color:#FFF;
	font-weight:bold;
	padding:0 0 1px 0;
}
.curseur {cursor:pointer}
div#mapsite ul{
	list-style-type:disc;
	margin:20px;
	font-weight:bold;
}
div#mapsite ul ul{margin:5px 0 5px 20px; font-weight:normal;}
div#mapsite li {margin:2px}
div#mapsite ul a{text-decoration:none;	color:#865f2d;}
div#mapsite ul a:hover{ text-decoration:underline}

#ref{vertical-align:middle; color:#b3a98f;}
a.echangeLiens{ color:#b3a98f; text-decoration:none; font-size:1em;}