/* CSS Document */

html, body{width:100%}
html{font-size:100%;}
body{
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	background:url(../medias/img/fond_1_accueil.gif) repeat-x left top;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#container{
	position:absolute;
	width:100%;
	min-height:215px;
	_height:215px;
	background:url(../medias/img/fond_2_accueil.gif) no-repeat 490px top;
}

#main{
	position:relative;
	width:981px;
	margin:0 auto;
}

#menuGenerique{
	float:left;
	width:981px;
	height:32px;
}

#menuLang{
	float:right;
	list-style-type:none;
	padding:7px 8px 0 9px;
	background:url(../medias/img/separateur_menu_generique.gif) no-repeat left 10px;
}
#menuLang li{padding:0 4px;}
#menuLang li, #menuLang li a, #menuLang li a img{
	float:left;
	display:block;
}
#menuLang li a{
	padding:1px;
	background:white;
	border:1px solid #ededee;
}
#menuLang li.active a, #menuLang li a:hover{border:1px solid #a1a1a1;}


#menuGlobal{
	list-style-type:none;
	float:right;
	padding:8px 1px 0 0;
	font:normal normal .7em/normal Arial, Verdana, sans;
	background:url(../medias/img/separateur_menu_generique.gif) no-repeat 63px 10px;
}
#menuGlobal li{
	float:left;
	padding:0 11px 0 20px;
	background:url(../medias/img/icons/letter.gif) no-repeat 1px 2px;
}
#menuGlobal abbr{border:none;}
#menuGlobal a{
	text-decoration:none;
	color:#6c6c6c;
}
#menuGlobal a:hover{text-decoration:underline;}

#tetiere{
	float:left;
	width:981px;
	height:137px;
	background:pink;
}
h1{padding:0 2px 0 60px;}
h1, h1 img{
	display:block;
	float:left;
	width:919px;
	height:137px;
}

#contenu{
	float:left;
	width:979px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	background:url(../medias/img/fond_contenu.gif) repeat-x left top;
}

#nobilMetal{
	float:left;
	width:979px;
	background:url(../medias/img/layout_nobilmetal.jpg) no-repeat right bottom;
}

#colGauche{
	float:left;
	width:282px;
}

#menuPrincipal{
	float:left;
	width:260px;
	list-style-type:none;
	padding:15px 7px 0 15px;
	background:url(../medias/img/fond_menu_principal.gif) no-repeat 8px top;
}
#menuPrincipal li, #menuPrincipal li h2, #menuPrincipal li h2 a, #menuPrincipal li h2 a img{display:block;float:left;min-height:30px;_height:30px;}
#menuPrincipal li{width:260px;}
#menuPrincipal li h2,#menuPrincipal li h2 a, #menuPrincipal li h2 a img{width:250px;}
#menuPrincipal li{
	border-bottom:1px solid #ececec;
	background:url(../medias/img/fond_li_menu_principal.gif) repeat-x left bottom;
}
#menuPrincipal li h2 a:hover img{visibility:hidden;}
#menuPrincipal li.materiel h2 a{border-left:10px solid #3a93c3;background:url(../medias/img/fr/menu_materiel_hover.gif) no-repeat left top;}
#menuPrincipal li.consommables h2 a{border-left:10px solid #9cbc13;background:url(../medias/img/fr/menu_consommables_hover.gif) no-repeat left top;}
#menuPrincipal li.partenariat h2 a{border-left:10px solid #ba006d;background:url(../medias/img/fr/menu_partenariat_hover.gif) no-repeat left top;}
#menuPrincipal li.societe h2 a{border-left:10px solid #27648d;background:url(../medias/img/fr/menu_societe_hover.gif) no-repeat left top;}
#menuPrincipal li.documents h2 a{border-left:10px solid #ef8600;background:url(../medias/img/fr/menu_documents_hover.gif) no-repeat left top;}

#recherche{
	float:left;
	width:250px;
	min-height:75px;
	_height:75px;
	margin:12px 0 0 0;
	border-left:10px solid #9e9e9e;
	background:url(../medias/img/fond_recherche.gif) no-repeat left bottom;
}
#recherche input.champRecherche{
	width:127px;
	height:20px;
	padding:6px 4px 0 27px;
	background:url(../medias/img/fond_champ_recherche.gif) no-repeat left top;
	border:none;
	color:#c1c1c1;
	font:normal normal .7em/normal Arial, Verdana, sans;
	margin:0 0 0 15px;
}
#recherche input.champRecherche:focus{color:#3b7bb1;}
#recherche input.submit{
	width:26px;
	height:26px;
	background:url(../medias/img/ok.gif) no-repeat left top;
	border:none;
	cursor:pointer;
}

#colGauche a.forum, #colGauche a.forum img{
	display:block;
	float:left;
	padding:6px 0 4px 0;
}


#colCentre{
	float:left;
	width:402px;
	min-height:39px;
	background:url(../medias/img/fond_col_centre.gif) no-repeat right top;
	padding:23px 3px 0 20px;
}

#nouveautes{
	float:left;
	width:402px;
	min-height:305px;
	_height:305px;
	background:url(../medias/img/fond_nouveautes.jpg) no-repeat left top;
	list-style-type:none;
	font:normal normal .7em/normal Arial, Verdana, sans;
}

#nouveautes li{
	float:left;
	width:358px;
	padding:20px 22px;
	background:url(../medias/img/separateur_nouveaute.jpg) no-repeat center bottom;
}
#nouveautes li.lastChild{background:none;}
#nouveautes img.visuel{
	display:block;
	float:left;
	width:118px;
	height:103px;
	padding:0 2px 2px 0;
	margin:0 18px 0 0;
	background:url(../medias/img/fond_visuel.png) no-repeat right bottom;
}
#nouveautes li p.savoirPlus{text-align:right;}
#nouveautes li p.savoirPlus a{color:#3a93c3;}
#nouveautes h4{padding:0 0 5px 0;}


#colDroite{
	float:left;
	width:272px;
	min-height:109px;
	_height:109px;
	background:url(../medias/img/fond_col_droite.jpg) no-repeat left top;
}
#colDroite h2.sommesNous{
	position:relative;
	left:1px;
	padding:0 0 7px 0;
}
#colDroite p.detailSommesNous{
	font:normal normal .75em/normal Arial, Verdana, sans;
	color:#397ab0;
	padding:0 20px 20px 22px;
}
#offresPromotionelles {float:left;padding-top:5px;}
#offresPromotionelles div.offre{
	float:left;
	width:230px;
	min-height:35px;
	margin:3px 16px 3px 20px;
	_margin:3px 8px 3px 10px;
	padding:5px 3px 5px 3px;
	background:none;
	border-bottom:1px solid #b5dcfc;
}
#offresPromotionelles div.offre.impair{
	border:none;
	background:url(../medias/img/fond_encar_offre.png) repeat left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./medias/img/fond_encar_offre.png',sizingMethod='scale');
}
#offresPromotionelles div.offre img.icon{float:left;}
#offresPromotionelles div.offre p{
	color:#a2a077;
	font:normal normal .7em/1.1em Arial, Verdana, sans;
	padding:0 0 0 37px;
}
#offresPromotionelles div.offre p.liens{
	padding:3px 0;
}
#offresPromotionelles div.offre p.liens a{
	font-weight:bold;
	color:#ee0f00;
	text-decoration:none;
}
#offresPromotionelles div.offre p.liens a:hover{text-decoration:underline;}


#piedPage{
	position:absolute;
	width:100%;
	border-top:1px solid #e7e7e7;
	bottom:-17px;
	*bottom:-20px;
	left:0;
	font:normal normal .7em/normal Arial, Verdana, sans;
	color:#9c9b9b;
}
#piedPage p{float:left;}
#contenuPiedPage{
	position:relative;
	width:955px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	margin:0 auto;
	padding:3px 12px;
}
#piedPage ul{
	float:right;
	list-style-type:none;
	font-weight:bold;
}
#piedPage ul li{
	display:inline;
	border-right:1px solid #9c9b9b;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
}
#piedPage ul li a{color:#9c9b9b;text-decoration:none;}
#piedPage ul li a:hover{text-decoration:underline;}
#piedPage ul li abbr{border:none;}
#piedPage ul li.lastChild{padding:0;margin:0;border:none;}