body {
	margin: 0;
	padding: 0;
	text-align: center;		/* pour corriger le bug de centrage IE 5.5 */
	color: #1a171b;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*line-height: 1.2em;*/
	background-color: #fff;
	background: url(../images/fond.gif) repeat;
}

img {
	border:0 none;
}

a {
}

h1 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #f39910;
}

h2 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f39910;
}

h3 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f39910;
}

p {
}

/* ---------------------------------------------------------------------------------------------------------------------- */
div.conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
	
	background-color: #fff;
}

div.site {
}

div.entete {
	height: 91px;
}

div.entete div#logo {
	float: left;
	width: 290px;
}

div.entete div#baseline {
	float: left;
	width: 440px;
}

div.entete div#recherche {
	float: left;
	width: 170px;
}

div.bandeau {
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 900px;
	height: 71px;
}

div#colgauche {
	float: left;
	width: 215px;
}

div#coldroite {
	background-color: #fff1e0;
	float: right;
	width: 625px;
	height: 615px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
div#page {
	border: none;
	margin: 0;
	padding: 0;
}

div#page div.colgauche {
	float: left;
	width: 180px;
	height: 466px;
	background-color: #f5f3f2;
}

div#page div.pagetexte {
	float: left;
	padding-left: 0px;
	width: 470px;
	height: 466px;
	background-color: #f5f3f2;
	font-size: 11px;
}

div#page div.pagetexte h1 {
	/*padding-top: 50px;*/
	padding-top: 15px;
}

div#page div.pagetexte p {
	margin-top: 0;
	margin-bottom: 7px;
}

div#page div.pagetexte ol, div#page div.pagetexte ul {
	margin-top: 0;
	margin-bottom: 7px;
}

div#page div.pagetexte a, div#page div.pagetexte a:visited {
	color: #0000ee;
}

div#page div.colsep {
	float: left;
	width: 80px;
	height: 466px;
}

div#page div.colnav {
	float: left;
	width: 170px;
	height: 466px;
	background-color: #353a48;
}


div#cartoucheactu {
	margin-top: 31px;
	margin-left: 21px;
	width: 139px;
	height: 126px;
	background: url(../images/cartouche-actu.gif) no-repeat;
}

div#cartouchesalon {
	margin-top: 28px;
	margin-left: 21px;
	width: 139px;
	height: 127px;
	background: url(../images/cartouche-salon.gif) no-repeat;
}

div#cartoucheactu h1, div#cartouchesalon h1 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #353a48;
	margin-left: 30px;
	margin-top: 2px;
	margin-bottom: 0px;
}

div#cartoucheactu p, div#cartouchesalon p {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #353a48;
	margin-left: 10px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#cartoucheactu a, div#cartouchesalon a {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f39910;
	text-transform: uppercase;
	text-decoration: none;
}

div#page div.pageproduit, div#page div.ficheproduit {
	width: 443px;
	height: 395px;
	background: url(../images/fondproduit.gif) no-repeat top left;
	margin-top: 30px;
	margin-left: 10px;
}

div#page div.pageproduit table {
	margin-top: 15px;
	text-align: center;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1a171b;
}

div#page div.pageproduit table a {
	color: #1a171b;
	text-decoration: none;
}

div#page div.pageproduit table a:hover {
	color: #f39910;
}

div#page div.ficheproduit table {
	margin-top: 15px;
	margin-left: 15px;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1a171b;
}

div#page div.ficheproduit table span {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 10px;
	font-weight: normal;
}

div#page div.ficheproduit h2 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1a171b;
}

div#salon table thead {
	background-color: #f39910;
	color: #fff;
}

div#minifiche {
	margin-top: 70px;
}

div#minifiche p, div#minifiche a {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

div#minifiche a {
	text-decoration: none;
}

div#minifiche .integration {
	font-size: 11px;
	font-weight: bold;
	color: #b4a5a5;
}

div#minifiche a.fiche {
	font-size: 11px;
	font-weight: bold;
	color: #f49910;
}

div#minifiche h3 {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
div#cartoucheproduits {
	margin-top: 30px;
	margin-left: 20px;
}

div#cartoucheproduits div.entete {
	width: 140px;
	height: 134px;
	background: url(../images/entetenavprod.gif) no-repeat top left;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1a171b;
}

div#cartoucheproduits div.entete a {
	color: #1a171b;
	text-decoration: none;
}

div#cartoucheproduits div.entete a.active {
	color: #f39910;
	text-decoration: none;
	font-weight: bold;
}

div#cartoucheproduits div.entete a:hover {
	color: #f39910;
}

div#cartoucheproduits div.entete ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 0px;
}

div#cartoucheproduits div.entete ul li {
	margin-bottom: 10px;
}

div#cartoucheproduits div.corps {
	width: 140px;
	height: 215px;
	background: url(../images/fondnavprod.gif) no-repeat top left;
}

div#cartoucheproduits div.corps2 {
	width: 140px;
	height: 349px;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #1a171b;
	background: url(../images/fondnavprod2.gif) no-repeat top left;
}

div#cartoucheproduits div.corps2 ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 0px;
}

div#cartoucheproduits div.corps2 ul li {
	margin-bottom: 10px;
}

div#cartoucheproduits div.corps2 a {
	color: #1a171b;
	text-decoration: none;
}

div#cartoucheproduits div.corps2 a.active {
	color: #f39910;
	text-decoration: none;
	font-weight: bold;
}

div#cartoucheproduits div.corps2 a.active2 {
	color: #f39910;
	text-decoration: none;
	font-weight: normal;
}

div#cartoucheproduits div.corps2 a:hover {
	color: #f39910;
}

div#cartoucheproduits div.pied {
	width: 140px;
	height: 44px;
}

div#cartoucheproduits div.pied p {
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}

div#cartoucheproduits div.pied div.piedINSBRAC {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-insertba.gif) no-repeat top left;
}

div#cartoucheproduits div.pied div.piedINSFONTE {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-insertft.gif) no-repeat top left;
}

div#cartoucheproduits div.piedPOELE {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-poele.gif) no-repeat top left;
}

div#cartoucheproduits div.piedRECUPCH {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-recupch.gif) no-repeat top left;
}

div#cartoucheproduits div.piedCHEMIN {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-chem.gif) no-repeat top left;
}

div#cartoucheproduits div.piedACCESS {
	width: 140px;
	height: 44px;
	background: url(../images/piednavprod-access.gif) no-repeat top left;
}



/* ---------------------------------------------------------------------------------------------------------------------- */
div.piedsite {
	background-color: transparent;
	font: 11px arial, verdana, helvetica, serif;
	color: #B4A6A6;
	border: none;
}

div.piedsite a {
	text-decoration: none;
	color: #B4A6A6;
}

/* ------------- formulaire --------------------------------------------------------------------------------------------- */
#formulaire {
	font: 11px arial, verdana, helvetica, serif;
	color: #1a171b;
	margin: 0px 0px 0px 20px;
	padding: 0;
	text-align: left;
}

#formulaire h1 {
	margin: 0;
	border: none;
}

#formulaire table {
	margin: 0px 0px 0px 0px;
}

#formulaire input, select, textarea {
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire td {
	/*text-align: left;*/
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire td.prompt, #formulaire td.promptb {
	text-align: right;
	font: normal 11px arial, verdana, helvetica, serif;
}

#formulaire td.promptb {
	font-weight: bold;
}

#formulaire .star {
	font-size: 11px;
	font-weight: bold;
	color: #f00;
}

#formulaire .note {
	font: 11px arial, verdana, helvetica, serif;
}

#formulaire .bouton {
	font: 11px arial, verdana, helvetica, serif;
}


/* -------------------------------- TOOLTIP ----------------------------------------------------------------------------- */
.tooltip {
	width: 450px;
	margin: 0;
	padding: 5px;
	font-size: 11px;
	color: #666;
	background: #fff;
	border: 5px solid #ccc;
}

.tooltip p {
	margin: 5px 0px 0px 0px;
	text-align:justify;
}

.tooltip ul, .tooltip ol {
	margin: 5px 0px 0px 0px;
	text-align:justify;
}

.tooltip p.fermer {
	margin: 5px 0px 0px 0px;
	text-align: right;
}

.tooltip a.fermer {
	color: #f39910;
}

.tooltip h2 {
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	text-align: left;
}

#tooltip1, #tooltip2, #tooltip3, #tooltip4, #tooltip5, #tooltip6 {
	z-index:100000;
}
