/*Navig horizontale ds les familles*/
#navig_scroll.pages{
	background-image: none;
	height: auto;
	margin: 0 0 15px 20px;
	
	/*background-repeat: no-repeat;
	 clear: both;
	margin: 10px 0px 0 20px;
	padding: 0 0px 0px  0;
	position: relative;*/
}
#navig_scroll.pages #content_scroll{
height: 120px; width: 980px;
/*position: relative;margin: 0 20px 0 10px; overflow: hidden; width: 970px;*/}
#navig_scroll.pages #content_scroll ul{ 
height: 120px; 
/*position: relative; overflow: hidden; height: 200px; list-type: none; padding: 0 20px 0 0; margin: 0; left: 0;*/}	
#navig_scroll.pages #content_scroll  ul li {
height: 100px; width: 148px; margin: 5px 5px; position: relative; text-align: center;
/* padding: 0; margin: 30px 5px; display: block; float: left; height: 130px; width: 220px; text-align: center;*/ }
#navig_scroll.pages #navig_scroll ul li a { text-decoration: none; color: #000}
#navig_scroll.pages #navig_scroll ul li a img {border: none;}

#navig_scroll.pages #content_scroll ul li p{
	position: absolute;display: none; font-family: "Trebuchet MS", Arial, Helvetica;
	background-Color: #ffffff; bottom: 2px; padding: 5px;
				color: #555555;
				width: 150px;
				text-align: left;
				padding-top: 5px;
				padding-bottom: 5px;
				opacity: .7;
		
}

#navig_scroll.pages #barre_scroll{/*display: none;*/
position: relative;top: 0; 
/*position: absolute; top: 96px; left: 16px;height: 35px; width: 970px; margin: 0 0 0 10px;padding:0; background-image: url("../img/fond-scroll.gif"); background-repeat: no-repeat; background-position: 0 0;*/}

/*#navig_scroll.pages #piste_scroll{position: absolute; left: 22px; top: 4px; height: 17px; width: 900px; }
#navig_scroll.pages #nav_scroll{position: absolute;cursor: pointer; margin: 0; left: 0; top: 0px; padding: 0}*/

/*Affichage des familles et sous familles*/
#corps {width: 832px;background-image: url("../img/fond-corps.jpg"); position: relative; z-index: 60; overflow: hidden;/*sinon #pied_corps depasse en haut sous ie*/}


#corps p {position: relative; z-index: 60; margin: 5px 20px 5px 80px ; width: 640px;  font-size: 14px; }
#corps p.quinca {width: 700px; clear: both; margin-bottom: 50px; height: auto;}
#corps p.quinca img{position: relative; float: right;   z-index: 60; clear: right;}
#corps p.quinca br.sep {clear: both;}

#chemin {height: 37px; background-image: url("../img/fond-chemin.jpg"); font-family: Trebuchet MS; font-size: 12px;position: relative; z-index: 60;margin-bottom: 30px;}
#chemin p {padding: 15px 0 0 20px; margin: 0; position: relative; z-index: 60; font-size: 12px;}
#chemin {color: #6c6c6c;}
#chemin a{color: #999; text-decoration: none;}

#chemin a:hover {text-decoration: underline;color: #6c6c6c;}
#pied_corps { height: 450px; width: 100%; background-image: url("../img/fond-pied-corps.jpg"); background-position: bottom left; background-repeat: no-repeat; position: absolute; bottom: 00px; z-index: 40;}



/*familles de produits*/
div.carres, div.carres_article {/*deux classe equivalentes graphiquement mais != pour appel js*/
	position: relative; float: left; width: 265px; height: 265px; background-image: url("../img/fond-carres.jpg"); margin-left: 5px;z-index: 100;
}
/*div.carres a {position: relative; z-index: 90}*/
div.carres a img,div.carres_article a img {border: none;}
#corps div.carres p, #corps div.carres_article p {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center; 
	width: 250px;
	height: 30px; 
	padding: 5px;
	margin: 0 0 0 0;	
}
div.carres p a, div.carres_article p a{color: #000; text-decoration: none;background-color: #FFF; padding: 3px;  opacity: 0.6; filter:alpha(opacity=60);font-family: Trebuchet MS; font-size: 12px; margin: 0;position: relative; z-index: 115}
div.carres p a:hover, div.carres_article p a:hover  {text-decoration: underline;opacity: .8; filter:alpha(opacity=80);}



div.carres_detail {
	position: absolute; /*border: 1px solid; background-color: red;*/
	z-index: 110;
	width: 260px; height: 260px;
	display: none;
	background-color: #FFF;/**/
	left: 0;
	top: 0;
	opacity: .8; filter:alpha(opacity=80);
	text-align: center;
}
div.carres_detail a{display: block; height: 100%;}
div.carres p a span {color: #726869;}


#menu {

	margin-right: -20px;
	
}


/*liens*/
#corps div.liens{
	border: 1px solid ;
	border-color: #eaf3e3 #eaf3e3 #e1edd7 #e1edd7;
	margin: 15px;
	position: relative;
	z-index: 60;	
}
#corps p.liens{
	text-align: right; margin: 0; padding: 0;
}
#corps div.liens p {line-height: 20px;}
#corps h1{
	font-size: 16px;
	color: #b4acac;
	border-bottom: 1px solid #e1edd7;
	padding-left: 20px;
	width: 200px;
	margin: 30px 0 20px 0;
	position: relative;
	z-index: 60;
}
#corps h2{
	font-size: 14px;
	padding-left: 30px;
	background-color: #f8fbf5;
	width: 180px;
	color: #b5a3a1;
	position: relative;
	z-index: 60;
}
/*details*/
#details {
	position: absolute;
	right: 0px; 
	top: 10px; 
	width: 950px; 
	height: 750px;
	padding: 5px;
	overflow: visible;
	background-color: #FFF;
	background-image: url("../img/ombre.png");
	background-repeat: no-repeat;	
	z-index: 120;
	/**/display: none;
	/*background-image: url("../img/fond-carres.jpg");
	background-position: right bottom;*/
	
	/*border: 1px solid #e9e9e9;*/
	padding: 0 10px 10px 0;
}
#details_content {position: absolute;top: 0; padding: 0; width: 920px;}
#details #details_content p {
	padding: 15px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	position: absolute;
	top: 5px;
	left: 15px;
	width: 500px;
	z-index: 480;
	color: #000;
	background-color: #FFF;
	}
#fond {
	position: absolute;
	z-index:80;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:#FFF;/*cbcbcb*/
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	display: none;
}
#details #loader {
	margin: 200px 0 0 450px;
}
#img_article{position: absolute; top: 20px; left: 20px;}
#img_article img {cursor: pointer;}

#fermer {position: absolute;top: 15px; right: 25px; z-index: 500;}
#fermer img{cursor: pointer;}
#table_article{width: 200px; position: absolute; right: 15px; top: 15px;}
span.details{position: absolute;top: 200px; display: none; width: 260px; text-align: center; text-decoration: none;}

/*glossaire*/
#ifr2{position: absolute; right: -70px; top: 250px; z-index: 1000; height: 450px; width: 300px;overflow: auto; border: 1px solid #d5d4cd;padding: 5px;display: none;}
h1.gloss {text-align: center;}
body.gloss{font-family: Trebuchet MS}
#f_gl {position: absolute;top: 0;}
#f_gl a img {border: none;}

/*recherche*/
#navig_res_rech {text-align: center}