@import url(png.css);

/* CSS Document */
body { background:url(../images/bg_all.jpg) repeat-x #f4f4f4;font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin: 0; line-height:15px;}
#all {margin:12px auto; width:909px; position:relative;}


.clear { clear:both;}
.bold { font-weight:bold;}

input.submit { background:url(../images/bg_go.gif) no-repeat; height:18px; width:42px; border:none; font-size:11px; margin:8px 0 0 0; padding:0 0 3px 0;}
*:first-child+html input.submit { margin:0 -10px 0 0; padding:0}
input.send { background:url(../images/bg_send.gif) no-repeat; height:18px; width:100px; border:none; font-size:11px; margin:8px 0 0 0; padding:0 0 3px 0; text-align: center;}
input.text { border:1px solid #999999; font-size:10px; height:15px; margin:8px 10px 0 0; width:190px; padding:0;}
form { margin:0; padding:0;}
input.login { border:1px solid #999999; font-size:10px; height:15px; margin:8px 10px 0 0; width:65px; padding:0 10px; color:#999999;}
input.password { border:1px solid #999999; font-size:10px; height:15px; margin:8px 10px 0 0; width:65px; padding:0 10px;color:#999999;}
#intro_result form { width:847px}



h1, h1 p { font-size:24px; font-weight:bold; color:#0b408e; margin:0; line-height:28px; }
p { /*margin:7px 0;line-height:20px;*/ margin:0;}
ul { margin:0; padding:0;}
a img { border:0;}
ul li,.inside_selectbox ul.listeAPuce li.depth_1 { list-style:none; padding:0 0 0 10px; background:url(../images/bullet_square_selected.gif) no-repeat left 7px; margin:5px 0 5px 15px;}


#link_right { width:100%; text-align:right; margin:15px 0 0 0;color:#b8b8b8;}
#link_right a { color:#b8b8b8; text-decoration:underline;}
#link_right a:hover { text-decoration:none;}



.content{min-height:400px;}
*html .content{height:400px;}
#cat{min-height:400px;}
*html #cat{height:400px;}


/* -----------------------------------*/ 
/* >>>>>>>>>>>> HEADER <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#header { background:url(../images/bd_top.jpg); width:874px; height:64px; padding:5px 35px 0 0;}

#header_top {text-align:right; color:#000000;width:500px;float:right;}

#language { text-align:right; color:#000000; width:70px; float:right;}
#language a { color:#000000; text-decoration:none;font-size:9px;}
#language a:hover { text-decoration:underline;font-size:9px;}
#language .visited { color:#0a50b8; font-weight:bold; text-decoration:none;font-size:9px;}

#log { float:right; text-align:right; background-color:#e5e5e5;  width:350px; height:18px; padding:2px 5px 0 5px; font-size:10px; color:#999999;}
#log_name {float:left; text-align:left; }
#log_name a {font-size:12px; color:#777777; text-decoration:none;font-weight:bold;}
#log_name a:hover {text-decoration:underline;}
#log_link {float:right; text-align:right; }
#log_link a {font-size:12px; color:#777777; text-decoration:none;}
#log_link a:hover {text-decoration:underline;}

#menu { text-align:right; margin:13px 0 0 0; width:550px; float:right;}
#menu a { color:#000000; text-decoration:none; font-size:14px; font-weight:normal;}
#menu a:hover { text-decoration:underline;}
#menu .visited {color:#0a50b8; font-weight:bold; text-decoration:none;}


#logo a {position:absolute;top:6px;left:21px;display:block; width:301px; height:49px;}


/* -----------------------------------*/ 
/* >>>>>>>>>>>> MAIN <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#main {margin:12px auto; width:909px; margin:0; padding:0}
#main_top { background:url(../images/bd_top_main.gif); height:16px;}
#main_middle {}
#main_middle_left { width:10px; float:left;}
#main_middle_middle { width:887px; float:left; background:url(../images/bd_middle.jpg) repeat-x #FFFFFF;}
#main_middle_right {width:11px; float:left;}
#main_bottom {background:url(../images/bd_bottom_main.gif); /*height:41px;*/height:37px;}




/* -----------------------------------*/ 
/* >>>>>>>>>>>> FOOTER <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#footer {margin:12px auto; width:909px; color:#6798dd; margin:0; padding:0;}
#footer_left { float:left; width:657px; padding:12px 0 0 10px; text-align:left;font-size:11px; margin:0 0 20px 0;}
#footer_center { float:left;margin:0 0 20px 0;}
#footer_center a { display:block; background:url(../images/get_adobe_reader.gif) no-repeat; width:112px; height:33px;}
#footer_center a span { display:none;}
#footer_right { float:left; width:120px; padding:12px 10px 0 0; text-align:right;font-size:11px;margin:0 0 20px 0; }
#footer a {/*color:#6798dd;*/color:#4D78B4; text-decoration:none;font-size:11px;}
#footer a:hover { text-decoration:underline;}



/* -----------------------------------*/ 
/* >>>>>>>>>>>> HOMEPAGE <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#intro_text { width:847px; margin:0 20px; padding:20px 0; /*line-height:20px;*/ text-align:justify;}
#intro {width:410px; float:left; height:200px; margin:0 15px 15px 15px; color:#9ab0cf; font-size:12px;}
*html #intro {margin:0 25px 15px 7px;}
#intro .entete { /*font-size:14px;*/ font-weight:bold;}
.content.height {min-height:10px;}
* html .content.height { height:10px;}
#intro_text.header_texte {min-height:103px;border-bottom:1px dashed #999999;color:#333333;padding:0;}
*html #intro_text.header_texte {height:103px; }
#intro_text.header_texte .entete{font-size:14px;font-weight:bold;line-height:18px;margin:15px 0 5px 0; }
#intro_text.header_texte p {margin:0;}
/**html #intro_text.header_texte .entete{height:36px;}*/
#news {width:410px; float:left; height:200px; margin:0 15px 15px 15px; background:url(../images/bg_news.jpg) repeat-y;/* padding:10px;*/}
#news .img_inside img { width:410px;}
*html #news {margin:0 0 15px 7px;}
#intro_text.header_texte .title { margin:0;}
#news .title, #intro_form .title {color:#595556; font-size:16px; font-weight:bold;}
#news_left { float:left; width:205px;}
#news_right { float:left; width:185px;}

#no_news {width:390px; float:left; height:180px; margin:0 15px 15px 15px; background:#e4ecf7; padding:10px; text-align:center;}
* html #no_news{width:390px; margin:0 0 15px 8px; }
#no_news #product_left{ width:185px; float:left;}
#no_news #product_right{ width:185px; float:left;}
#no_news .cat_title { display:block;}
#no_news img { width:150px; margin:20px auto 10px auto; display:block; }

#no_news .sub_title { display:block; font-weight:bold; width:130px; margin:0 auto;}
#no_news .sub_title a {font-size:12px; font-style:italic; text-align:center; color:#000; text-decoration:none;}


#search1_left { width:380px; float:left;  height:48px; margin:0 15px 15px 15px; padding:0px 20px 10px 10px; text-align:right; position:relative; }
.search1_fr{ background:url(../images/bg_search1.gif);}
.search1_nl{ background:url(../images/bg_search1.gif);}
*html #search1_left {margin:0 25px 8px 7px; height:58px;padding:0px 10px 0 10px; width:390px;}


#search1_title{height:16px;margin:5px 0 3px 0;text-align:left;color:white;font-weight:bold;}
#search2_title{height:16px;margin:5px 0 3px 0;text-align:left;color:white;font-weight:bold;}
.search_maj {font-size:16px;}

#search1_form{}

#search2_right { width:380px; float:left;  height:48px; margin:0 15px 15px 15px; padding:0 20px 10px 10px; text-align:right; position:relative;}
 .search2_fr{ background:url(../images/bg_search2.gif);}
 .search2_nl{ background:url(../images/bg_search2.gif);} 
*html #search2_right {margin:0 0 8px 7px; padding:0 10px 0 10px;height:58px;width:390px;}
#search2_right_a { float:left; width:128px;}
#search2_right_b { float:right; width:245px; margin:0 7px 0 0;}
*html #search2_right_b  { width:250px; margin:0;}


#search2_right #infoBulleExplains, #search1_form #infoBulleExplainsLeft { position:absolute; left:120px; top:-50px; background:#FFF; width:160px; height:95px; background:url(../images/infobulle.png) no-repeat; padding:10px 15px 10px 10px; text-align:left;color:#0A50B8;} 

#search2_left_c { color:#FFFFFF;float:left;padding:10px 5px 0 0;width:153px;}
#search2_left_d { float:right;margin:0 7px 0 0;width:215px;}
*html #search2_left_d  { width:220px; margin:0;}
#search2_left_d input.text { width:160px;}

#search1_left_a { color:#FFFFFF;float:left;padding:10px 5px 0 0;width:153px;}
#search1_left_b { float:right;margin:0 7px 0 0;width:215px;}
*html #search1_left_b  { width:220px; margin:0;}
#search1_left_b input.text { width:160px;}

ul.result_nomenclature li{ list-style:none; float:left; background:none; margin:0; padding:0;}
ul.result_nomenclature li td { font-size:12px;}
ul.result_nomenclature li table {margin: 0 5px 0 0;}


#table_price { float:left; color:#FFFFFF; font-size:xx-small;}
#table_price a { color:#FFFFFF; font-size:xx-small; text-decoration:underline;}
#table_price a:hover { text-decoration:none;}


#search3_left { width:410px; float:left; background:url(../images/homepict01.jpg); height:272px; margin:0 15px; position:relative;}
*html #search3_left {margin:0 25px 15px 7px;}
#cat_title { text-align:left; margin:0; font-weight:bold; font-size:22px; width:220px; /*float:right; margin:20px 0 0 0*/ position:absolute; top:15px; left:220px;line-height:28px;}
#cat_title img { margin:5px 0 0 85px}

#search4_right { width:410px; float:left; background:url(../images/homepict02.jpg); height:272px; margin:0 15px; position:relative;}
#search4_right p {margin:7px 0;}
*html #search4_right {margin:0 0 15px 7px;}

#table_price2 {float:left; color:#FFFFFF; /*font-size:xx-small;*/ margin:10px 0 0 0; padding:0; }

/* -----------------------------------*/ 
/* >>>>>>>>>>>> CONTACT <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#form_contact { font-size:12px; padding:10px 0;}
#form_contact select { height:20px; padding:2px 0;} 

#intro_form { margin:0 20px 10px 20px; width:847px; height:102px; border-bottom:1px dashed #999999;}
#form1 { float:left; border-right:1px solid /*#999999*/#aac1ca; margin:0 0 0 20px; padding:0 20px 0 0; width:262px; min-height:350px}
*html #form1 {padding:0 5px 0 0;height:350px}
#form2 { float:left; border-right:1px solid #aac1ca; margin:0 0 0 20px; padding:0 20px 0 0; width:262px; min-height:350px}
*html #form2 {padding:0 5px 0 0;height:350px}
#form3 { float:left;margin:0 20px 0 0; padding:0 0 0 20px; width:240px; }
*html #form3 {padding:0 0 0 5px;}
/*.activite { font-size:9px;}*/
.champs { font-size:10px; color:red;}
input.activiteinput { border:1px solid /*#999999*/#7f9db9; font-size:10px; height:18px; margin:8px /*10px*/0 0 0; width:160px; padding:0;}
input.activiteinputselect { border:1px solid /*#999999*/#7f9db9; font-size:10px; height:18px; margin:8px /*10px*/ 0 0 0; width:160px; padding:0; background:/*#e0e1dc*/#dce9ee;}
input.inputError { border:2px solid #FF0000; font-size:10px; height:15px; margin:8px 0 0 0; width:160px; padding:0;}
input.inputErrorselect { border:2px solid #FF0000; font-size:10px; height:15px; margin:8px 0 0 0; width:160px; padding:0; background:#e0e1dc}
select.inputErrorselect { border:2px solid #FF0000; font-size:10px; height:15px; margin:8px 0 0 0; width:160px; padding:0; background:#e0e1dc}
#form_btn { border-top:1px dashed #999999; margin:/*10px*/0 20px 0 20px; /*padding:20px 0 0 0;*/width:847px; text-align:right;}
#send-btn{ width: 130px; height: 25px; background: #333 url(../images/submit.gif) no-repeat; outline: none; border:none; font-size:10px; color:#666; margin:0; padding:0;}
#select {margin:8px 10px 0 0; padding:0; background:#e0e1dc}
#select2 {margin:8px 10px 0 0; padding:0; background:#fff}
#label_f_email2,#label_f_password2 { color:#707d82; font-weight:normal;}
.boxerror {color:#FF0000;font-size:9px;}


/* -----------------------------------*/ 
/* >>>>>>>>>>>> RESULT <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#crumbtrail {border-bottom:1px dashed #999999; padding:0 0 15px 0; margin:0 20px 0 20px; width:847px; color:#333333; }
* html #crumbtrail {padding:6px 0 15px 0; }
#crumbtrail a {color:#333333; text-decoration:none;}
#crumbtrail a:hover {text-decoration:underline;}
.crumselect { font-weight:bold; color:#0a50b8; }

#intro_result {width:847px; border-bottom:1px dashed #999999; margin:0 20px 0 20px; padding:20px 0;}
#intro_result a {/* color:#6798dd;*/color:#4D78B4; text-decoration:underline}
#intro_result a:hover { text-decoration:none;}
#intro_result .title {font-weight:bold; color:#0a50b8; font-size:16px; margin-bottom:10px;}
#intro_result .subtitle { font-size:15px; margin:0 0 10px 0;}
#intro_result .subtitle,#intro_result .legend {color:#707070;}
.objets { color:#999999;}


#intro_text p{ margin-bottom: 10px;}
#intro_text a { color:#4d78b4; text-decoration:underline}
#intro_text a:hover { text-decoration:none;}
#intro_text .title {font-size:24px; font-weight:bold; color:#0b408e; margin-bottom: 20px; line-height: 30px;text-align: left;}
#intro_text .entete { font-size:14px;  line-height: 18px; font-weight:bold; margin-bottom: 20px;}

#navigation_top {border-bottom:1px solid #999999;margin:0 20px 10px 20px; width:847px; text-align:center; padding:10px 0;}
#resultsearch #navigation_top { border:none; margin:0;}
#navigation_top a { color:#6798dd; text-decoration:underline}
#navigation_top a:hover { text-decoration:none;}

#navigation_bottom {border-top:1px solid #999999; width:847px; text-align:center; padding:10px 0 0 0;margin:0 20px 10px 20px;}
#navigation_bottom a { /*color:#6798dd;*/color:#4D78B4; text-decoration:underline}
#navigation_bottom a:hover { text-decoration:none;}
#resultsearch #navigation_bottom {margin:0;}

#result {margin:0 20px 0 20px; width:847px; padding:10px 0; }
#resultsearch #result { margin:0 auto; width:770px;}


#product_line { width:847px; margin:0 0 15px 0;}

#product_result { width:130px;}
#titre_result { color:#FFFFFF; font-weight:bold; background:url(../images/bg_titre_result.gif) repeat-y;width:120px; padding:5px; margin:5px 0 5px 0;}
#product_result1 { width:130px; margin:0 49px 0 0; float:left; background:url(../images/bg_result.jpg) repeat-y;}
#product_result5 { width:130px; margin:0; float:left;background:url(../images/bg_result.jpg) repeat-y;}
#product_line a {color:#0a50b8; text-decoration:underline;}
#product_line a:hover { text-decoration:none}
#detail_result_left { float:left; text-align:left; width:115px;}
#detail_result_right { float:left; text-align:right; width:15px;}


#resultsearch { text-align:left; padding:0 20px;}
#resultsearch table.result_details { width:100%; float:left; border-bottom:4px solid #ccc;border-top:4px solid #CCCCCC; margin:15px 0;}
#resultsearch table.result_details td,#resultsearch table.result_details th{ padding:10px 0}
#resultsearch table.result_details td { border-bottom:1px dashed #ccc;}
#resultsearch table.result_details th { background:#e4e4e4;border-bottom:2px solid #ccc;}
#resultsearch .result_legend { color:#707070; padding:0 0 5px 0; border-bottom:1px solid #ccc;}
#resultsearch .pager{ text-align:center; padding:15px 0 0 0;}
#resultsearch .pagenr  { /*width:50%; margin:0 auto;float:left;*/}
#resultsearch .next { /*text-align:right; display:block; width:25%; float:left;*/ margin:0 0 0 15px; padding:0 0 0 10px; border-left:1px solid #ccc;}
#resultsearch .prev { /*text-align:left; display:block; width:25%; float:left;*/ margin:0 15px 0 0;padding:0 10px 0 0; border-right:1px solid #ccc;}
#resultsearch a{color:#6798DD;text-decoration:none;}
#resultsearch .pagenr a { margin:0 5px; }
#resultsearch a:hover { text-decoration:underline;}
#resultsearch a.active {color:#fff; font-weight:bold; background:#0A50B8; padding:0 3px}
#resultsearch a.active:hover { text-decoration:none;}

/* -----------------------------------*/ 
/* >>>>>>>>>>>> CATALOGUE <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#cat {margin:10px 20px 0 20px; width:847px; padding:0; background:url(../images/bg_cat.gif) repeat-y;}
#cat_main { float:left; width: 607px;}
.cat_title { font-size:16px; color:#0a50b8; font-weight:bold;}
#cat_intro { border-bottom:1px solid #999; padding:0 0 10px 0;}
#cat_entete {border-bottom:1px solid #dbdbdb; padding:0 0 10px 0; margin:10px 0 0 0;}
.entete_title { font-size:14px; color:#0a50b8; font-weight:bold;}

#menu_bottom {width:240px; padding:20px 10px 10px 15px; background:url(../images/bg_menu_bottom.gif) no-repeat;}

#product_linecat a {color:#0a50b8; text-decoration:underline;}
#product_linecat a:hover { text-decoration:none}
#detail_cat_left { float:left; text-align:left; width:105px; margin:0 0 0 5px; padding:3px 0 0 0;}
#detail_cat_right { float:left; text-align:right; width:15px;margin:0; padding:0 0 5px 0;}


#box-login, #box-forget { position:absolute;left:390px;top:200px;background:url(../images/bg_boxerror.jpg) repeat-x;; width:300px; height:160px; padding:20px; color:#FFF; border:1px solid #444;}
#box-error{ position:absolute;left:390px;top:290px; background-color:#FFF; width:250px; height:50px; padding:10px 30px; color:#bc0000 ; border:1px solid #bc0000;}
.boxlink{text-decoration:none;color:#FFFFFF}

.fauxselect{ background:url(../images/bkgd_input.jpg) no-repeat right top #FFFFFF; padding: 0 26px 0 0 px; border:1px solid #999; width:160px; margin:5px 0 0 0;}
.ajaxlist{ position: absolute; background:#FFFFFF; padding: 5px; border: 1px solid #999; margin: 2px 0 0 0; z-index: 250;}
*:first-child+html .ajaxlist {margin:25px 0 0 -165px;}
* html .ajaxlist {margin:25px 0 0 -165px;}

#div_gender a, #div_cty a, #div_Lang a {color:#000; text-decoration:none; font-size:11px}
#div_gender a:hover, #div_cty a:hover, #div_Lang a:hover { text-decoration:underline}

h3.toggler1, h3.toggler2, h3.toggler3, h3.toggler4, h3.toggler5 {font-size:12px; color:#556772; font-weight:normal;}





.black_overlay{ 
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	min-height:1000px;
	background-color: black;
	z-index:50;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.white_content {display: none; 	position: absolute;	top: 15%;left: 33%;	width: 400px;	height: 210px;	border: 8px solid #777777;	background-color: white;	z-index:51;	overflow: auto;	display: none;}
.box_all {height:17px;background:#777777;padding:5px;color:#FFFFFF;}
.box_close {float:right;width:30%;text-align:right;}
.box_title {float:left;width:50%;text-align:left;}
.box_error {position:absolute;background:#FFFFFF;top:150px;left:200px;width:200px;height:75px;text-align:center;display:none;border:3px solid #777777;color:#bc0000;}
#box_error p {padding-bottom:10px;}
.box_close a{text-decoration:none;color:#FFFFFF;}
.white_content_inner {padding: 15px;}
#myList {border: 1px solid #999999;padding:0 10px 0px 10px;margin:5px 0 0 5px;}
#myList2 {border: 1px solid #999999;padding:0 10px 0px 10px;margin:5px 0 0 5px;}
.myListTitle{border-bottom:1px dashed #999999;width:260px;}
.myListPagination{border-top: 1px dashed #999999;}
.myListTitle2{border-bottom:1px dashed #999999;width:210px;}

.pdf_titre {color:#000000;font-size:24px;}
.pdf_ss_titre {color:#666666;font-size:20px;}
.pdf_ss_ss_titre {color:#666666;font-size:16px;border-bottom:1px dashed ##C4C4C4;margin-left:15px;}
.pdf_pagination {font-size:10px; text-align:center;}
.white_content2 {display: none; 	position: absolute;	top: 50%;left: 50%;	width: 47px;	height: 39px; padding: 15px; z-index:51;overflow: auto; margin:-27px 0 0 -38px; background-color:white}

#news2_left{float:left;margin:15px;width:240px;}
#news2_left img{width:240px;}
#news2_right{float:left;margin:15px;width:550px;}
.date{font-weight:normal;color:#aaaaaa;font-style:italic;}
#page{text-align:center;padding:10px 0 0 0;}
#page a,#display_news a{color:#0A50B8; text-decoration:none;}
#page a:hover,#display_news a:hover{text-decoration:underline;}

#jobs_content {margin:15px 20px;}

.inox{ background: url(../images/legend_inox.gif) no-repeat left top; padding: 0px 0 7px 35px; float: right; height:26px;}
.inox.colLeft { float:none; font-weight:bold;}
ul.cat_menu li.linox {padding-top:15px;background: none;}
ul.cat_menu li.linox a { padding-left:15px;background: none;} 
ul.cat_menu p { line-height:20px;}

/* -----------------------------------*/ 
/* >>>>>>>>>>>> NAVIGATION <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 
ul.cat_menu{ float:left; width:220px; list-style: none; margin:0 20px 0 0;}
ul.cat_menu ul{ list-style: none; margin-top: 0;}
ul.cat_menu li{ background:url(../images/bg_menu_onglet.gif) repeat-x /*#c7d7e3*/; margin:0; padding:0;}
ul.cat_menu li p{ background: #c7d7e3 url(../images/bg_menu_onglet.gif) repeat-x; margin:0;}

*HTML ul.cat_menu li{ border-bottom: 1px solid #e9f0f6;}
ul.cat_menu li.menu_bottom_item{ font-size: 11px; border-bottom: 1px dashed #73828c; background: none;}

ul.cat_menu ul li.menu_bottom_item{ margin-left: 25px; margin-right: 20px;}
ul.cat_menu ul ul li.menu_bottom_item{ margin-left: 37px;}
ul.cat_menu ul ul ul li.menu_bottom_item{ margin-left: 42px;}

ul.cat_menu a{ text-decoration: none; padding: 2px 0; display: block; color: #556772; font-size: 12px;}
ul.cat_menu li a{ background: url(../images/bullet_off.gif) no-repeat; background-position: 10px 7px; padding-left: 25px;}
ul.cat_menu li a.on{ background: url(../images/bullet_norm.gif) no-repeat; background-position: 10px 7px;}
ul.cat_menu li a.selected{ background: url(../images/bullet_selected.gif) no-repeat; background-position: 10px 7px; color: #0a50b8; font-weight:  bold;}
ul.cat_menu li li a, ul.cat_menu li li a.on, ul.cat_menu li li a.selected{ background-position: 25px 7px; padding-left: 40px;}
ul.cat_menu li li li a, ul.cat_menu li li li a.on, ul.cat_menu li li li a.selected{ background-position: 40px 7px; padding-left: 55px;}
ul.cat_menu li a.upStep{ background: url(../images/ico_menu_onglet_up.gif) no-repeat; background-position: 7px 2px; color: #4382bc;}
ul.cat_menu li a.rootstep{ background: #c7d7e3 url(../images/bg_menu_onglet.gif) repeat-x; color: #4382bc; padding-left: 10px;}
ul.cat_menu li.menu_bottom_item a{ background: url(../images/bullet_square.gif) no-repeat; background-position: 0 10px; padding: 5px 10px; display: block;}
ul.cat_menu li.menu_bottom_item.selected a{ background: url(../images/bullet_square_selected.gif) no-repeat;  background-position: 0 10px;color: #0a50b8; font-weight: bold;}


/* -----------------------------------*/ 
/* >>>>>>>>>>>> PRODUCT <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 
.product{ position: relative; float: left; margin-right: 15px; cursor: pointer; width: 140px; background: url(../images/bg_productpdf.gif) no-repeat; margin-top: 15px;}
.product.last{ margin-right: 0;}
.product div{ width: 100%; text-align: center; color: #FFF; font-weight: bold;}
.product .inox{ position: absolute; background: url(../images/legend_inox.gif) no-repeat left top; padding: 21px 0 7px 20px; float: right; left: 5px; top: 5px;}
.product .catImg{ padding-top: 20px;/* height:80px;*/}
.product .titre_cat{ background:url(../images/bg_titre_result.gif) repeat-y #618ac4; padding: 5px; height:30px; width: 130px;}

.product a { display:block;cursor:pointer; }
/* -----------------------------------*/ 
/* >>>>>>>>>>>> FAUX DROP DOWN <<<<<<<<<<<<<<<-*/ 
/* -----------------------------------*/ 

#search4_right .positionSelectBox { position:absolute; top:220px; left:200px;width: 164px; z-index:2000;}
#intro_result .positionSelectBox { position:relative;width: 164px; float:left; margin: 0 0 0 10px;}
.selectbox{ position: relative; background: #FFF; padding: 0px; width: 162px; /*margin-left:200px; margin-top: 50px;*/}
.top_selectbox a,#intro_result .top_selectbox a { border: 1px solid #7b95ac; font-size:11px; padding: 6px 20px 6px 6px; background: url(../images/arrow_selectbox.gif) no-repeat right 1px; width: 134px; text-decoration: none; color:#333; display:block;}
#intro_result .top_selectbox a,#intro_result .top_selectbox a { width:200px;} 
.inside_selectbox{ background: #FFF; position:absolute; top: 28px; /*left: 5px;*/ border: 1px solid #CCC; overflow:auto; /*height: 200px;*/}
.inside_selectbox ul{ margin: 0; padding: 5px; list-style: none; font-size: 11px; color:#999;}
.inside_selectbox ul.listeAPuce{ list-style: square;}
.inside_selectbox ul a,#intro_result .inside_selectbox ul a{ color: #333; text-decoration: none;}
.inside_selectbox ul li{ padding-bottom: 3px;}
.inside_selectbox ul.listeAPuce li{margin-left:10px; background:none;}
.inside_selectbox ul li.depth_1{ padding-left: 0;}
.inside_selectbox ul li.depth_2{ padding-left: 10px;}
.inside_selectbox ul li.depth_3{ padding-left: 15px;}
.inside_selectbox ul li.depth_4{ padding-left: 20px;}
.inside_selectbox ul li.depth_5{ padding-left: 25px;}
.inside_selectbox .bold{ font-weight: bold;}

.carte{ width: 150px; height: 82px; /*margin: 87px 0 0 111px;*/ font-size: 15px; font-weight: bold; text-align: center; position:absolute; left:110px; top:85px;}


.lineproduct {width:550px;float:left;}
.lineproduct a {margin-right:7px;}

#popup{ position: absolute; width: 100%; font-family: Arial, Helvetica, sans-serif;display:none;z-index:51;}
*:first-child+html #popup {width: 80%;}
#popup-contenair{background: #4c4c4c; margin: 5% auto; padding: 20px;}
#popup-contenair h1{ line-height:12px; margin: 0 0 10px 0; padding: 0; font-size: 11px; color: #FFF; font-weight: normal; float:left;}
#popup-contenair a{ font-size: 11px; color:#000;}
#popup-contenair a.close-popup{ float: right; background: url(../images/btn-close.gif) no-repeat right top; padding-right: 20px; color:#FFFFFF;}
#popup-contenair .border{ width: 100%; background:#FFF; float: left; height: 10px; overflow: hidden;}
#popup-contenair .border .left{ float: left;}
#popup-contenair .border .right{ float: right;}
#popup-contenair .border .left, #popup-contenair .border .right{ width: 10px; height: 10px;}
#popup-contenair .border.top .left{ background:url(../images/border-left-top.gif) no-repeat;}
#popup-contenair .border.top .right{ background:url(../images/border-right-top.gif) no-repeat;}
#popup-contenair .border.bot .left{ background:url(../images/border-left-bot.gif) no-repeat;}
#popup-contenair .border.bot .right{ background:url(../images/border-right-bot.gif) no-repeat;}
#popup-contenair .content-popup, #popup-contenair .content-popup2{ background: #FFF; padding: 5px; font-size: 11px;position:relative;}
#popup-contenair .content-popup {min-height:185px;}
*html #popup-contenair .content-popup{height:185px;}
#popup-contenair .content-popup.mini {min-height:80px;}
*html #popup-contenair .content-popup.mini{height:80px;}
#popup-contenair ul#actionpopup{ margin: 10px 0 0 0; padding: 0; list-style: none; float: right;}
#popup-contenair ul#actionpopup li{ margin: 0 0 0 0; padding: 0; display: inline;}
#popup-contenair ul#actionpopup li a{ text-indent: -9999px; margin-left: 10px; height: 23px; display: block; float: right;}
#popup-contenair ul#actionpopup li a.ok{ background:url(../img/btn-ok.jpg); width: 38px;}
#popup-contenair ul#actionpopup li a.cancel{ background:url(../images/btn-cancel.jpg); width: 58px;}
.clear{ clear: both; height: 0px; overflow: hidden;}
#popup-contenair .border.bot .clear{ height: 0;}
.pictowait {position:absolute;margin:-20px 0 0 -24px;top:50%;left:50%;width:47;height:39px;text-align:center;display:none;}

.inox.colLeft:hover {cursor:pointer;}

/*GESTION DES PNG*/
* html img,* html .png, * html #infoBulleExplains, * html #infoBulleExplainsLeft{
behavior: expression((this.runtimeStyle.behavior="none")
(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/transp.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().
replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); border:0;}