/* CSS Document */

html, body{width:100%}
body{
	font:normal normal 12px/normal Arial, Verdana, sans;
	color:#00a8ff;
	background:#014481 url(../medias/img/body.gif) repeat-y center top;
}


body.pro{background:#014481 url(../medias/img/body_pro.gif) repeat center -152px;}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

/*----------------------------------------------GENERIC-------------------------------------------------*/
.clear {
	clear:both;
	height:0;
	line-height:0;
}

.container{
	position:relative;
	margin:0 auto;
}
.transfert-effect{
	z-index:30;
	border:1px dotted #ffffff;
	background:#000000;
	opacity:0.2;
}
/*----------------------------------------------GENERIC-------------------------------------------------*/

/*----------------------------------------------EDIT MODE-------------------------------------------------*/
.edit_mode{
	clear:both;
	float:left;
	width:895px;
	padding:30px;
	position:relative;
	left:-31px;top:0;
	border:1px dashed #dbc514;
	margin:10px 0 40px 0;
	background:#f0ecc9;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
.edit_mode p{margin:0 0 6px 0;text-transform:uppercase;}
.edit_mode div{margin:0 0 20px 0;}
.edit_mode p{
	color:#6d4814;
	font:normal bold 11px/normal Verdana, Arial, sans;
}
.edit_mode_title{
	color:#dbc514;
	padding:0 0 10px 0;
	font:italic bold 18px/normal Georgia, Times, serif;
}
/*----------------------------------------------EDIT MODE-------------------------------------------------*/

/*----------------------------------------------TOOLTIP-------------------------------------------------*/
#tooltip{
	z-index:35;
	position:absolute;
    background-color:#000000;
    padding:10px 15px;
    width:200px;
    display:block;
    color:#00a8ff;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
/*----------------------------------------------TOOLTIP-------------------------------------------------*/

/*----------------------------------------------SELECTList-------------------------------------------------*/
#selectList{
	z-index:35;
	position:absolute;
    background-color:#ffffff;
    border:1px solid #ffffff;
    padding:3px;
    width:200px;
    display:none;
    color:#ffffff;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}
#selectList ul{
	height:150px;
	overflow:auto;
	list-style-type:none;
}
#selectList ul li{
    color:#00a8ff;
	padding:3px 6px;
	cursor:pointer;
}
#selectList ul li:hover{
    color:#ffffff;
	background-color:#00a8ff;
}
#selectList .loading{
	padding:10px;
	background:url(../medias/img/ajax-loader.gif) no-repeat center center;
}
/*----------------------------------------------SELECTList-------------------------------------------------*/


/*----------------------------------------------HEADER-------------------------------------------------*/
#header{
	z-index:20;
	position:absolute;
	left:0;top:0;
	height:73px;
	width:100%;
	font-size:12px;
	background:url(../medias/img/header.png) repeat-x left top;
}
#header .container{width:895px;}

#logo{
	float:left;
	width:541px;
	padding:9px 0 0 9px;
	background:url(../medias/img/header.png) repeat-x left top;
}

#num_client_esp{
	position:absolute;
	left:350px;
	top:16px;
}

#headerTools{
	float:right;
	width:336px;
	padding:0 9px 0 0;
	background:url(../medias/img/header.png) repeat-x left top;
}

#headerTools dl{float:right;position:relative;}
#headerTools dd{
	display:none;
	position:absolute;
	/*left:-2px;top:71px;*/
	left:-74px;top:71px;
}
#headerTools dd .content{padding:0 2px 0 2px;}
#headerTools dd .bottom{
	height:7px;
	font-size:0;
}

#menuLang img{
	display:block;
	margin:2px 8px;
	float:left;
}
#menuLang dt{
	width:48px;
	padding:18px 0 39px 5px;
	cursor:pointer;
	background:url(../medias/img/menulang_puce.gif) no-repeat 5px 40px;
}
#menuLang dd{
	width:30px;
	margin-left:8px;
}
#menuLang dd .content{
	background:url(../medias/img/menulang_dd_content.png) repeat-y left top;
	width:180px;
}
#menuLang dd .bottom{width:184px;background:url(../medias/img/menulang_dd_bottom.png) no-repeat left top;}
#menuLang dd ul{
	padding:9px 0 3px 0;
	list-style-type:none;
	background:#d1d5df url(../medias/img/menulang_dd_ul.gif) repeat-x left top;
}
#menuLang dd ul li {
	border-bottom: 1px solid #CCC;
}

#menuLang dd ul li.lastChild {
	border-bottom: none;
}

#menuLang dd ul a{
	display:block;
	padding:3px 0 3px;
	width:180px;
	text-decoration:none;
	color:#051C4F;
}
#menuLang dd ul a:hover{background:#a2a8b6;}


#proArea dt{
	width:131px;
	height:53px;
	cursor:pointer;
	padding:18px 8px 0 6px;
	background:url(../medias/img/proarea.jpg) repeat-x left top;
}
#proArea:hover dt, #proArea dt.active{color:#051c4f;}
#proArea dt strong{
	color:#051c4f;
	font-weight:normal;
}
#proArea .puce{
	cursor:pointer;
	padding:4px 0 0 8px;
	background:url(../medias/img/mainmenu_dt_content_puce.gif) no-repeat right -33px;
}
#proArea dt img{
	float:left;
	padding:3px 6px 40px 0;
}
#proArea dd form, #proArea dd .userInfos{
	padding:12px 4px 2px 4px;
	background:#d1d5df url(../medias/img/menulang_dd_ul.gif) repeat-x left top;
}
#proArea dd p{padding:0 0 4px 0;}
#proArea dd input.text{
	width:125px;
	border:1px solid #c0c4cc;
	background:#ffffff;
	color:#9a9eaa;
	padding:2px 5px;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
#proArea dd .content{width:145px;background:url(../medias/img/proarea_dd_content.png) repeat-y left top;}
#proArea dd .bottom{width:149px;background:url(../medias/img/proarea_dd_bottom.png) no-repeat left top;}

#proArea dd .forgotPass{
	display:block;
	float:left;
	padding:0 9px 0 0;
	margin:2px 0 0 0;
	color:#00a8ff;
	font-size:11px;
	text-decoration:none;
	background:url(../medias/img/mainmenu_dt_content_puce.gif) no-repeat right -37px;
}
#proArea dd .forgotPass:hover{color:#000522;background-position:right -7px;}

#proArea dd .submit{text-align:right;}
#proArea dd .submit input{
	width:16px;
	height:16px;
	cursor:pointer;
	border:none;
	vertical-align:middle;
	background:url(../medias/img/proarea_submit.gif) no-repeat left top;
}
#proArea dd .submit input:hover{background-position:left -16px;}
#proArea dd .userInfos{
	color:#474a5e;
}
#proArea dd .userInfos p{padding:0 0 9px 0;}
#proArea dd .userInfos a{
	color:#00a8ff;
	text-decoration:none;
}
#proArea dd .userInfos a:hover{color:#051c4f;}


#links{
	float:right;
	height:53px;
	width:116px;
	margin:9px 0 0 0;
	padding:6px 17px 0 5px;
	list-style-type:none;
	background:url(../medias/img/links_sep.gif) no-repeat left top;
}
#links li{padding:3px 0 3px 0;}
#links li .content{
	color:#00a8ff;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
#links a{
	color:#00a8ff;
	padding:0 0 0 8px;
	text-decoration:none;
	background:url(../medias/img/links_puce.gif) no-repeat left center;
}
#links a:hover, #links li.active a{color:#000522;}
/*----------------------------------------------HEADER-------------------------------------------------*/



/*----------------------------------------------POSITIONNEMENT CONTENU-------------------------------------------------*/
#background{
	float:left;
	width:100%;
	background:url(../medias/img/content_int.png) repeat-y center top;
}
#container{
	width:903px;
	padding-top:71px;
}
#content{
	width:895px;
	padding:0 4px;
}
body.index #content{background:url(../medias/img/content.png) repeat-y left top;}
#contentBottom{
	clear:both;
	width:903px;
	height:3px;
	font-size:0;
	background:url(../medias/img/content_bottom.png) no-repeat left top;
}
#page{
	float:left;
	width:895px;
	background:#ebeef2;
}
#gradient{
	float:left;
	position:relative;
	width:895px;
	color:#7c7e8d;
	background:#ffffff url(../medias/img/degrade.jpg) repeat-x left top;
}
#gradient.addPaddings{width:877px;padding:9px;}
#gradient.dealer{background:#008de0;}
body.product #gradient{background-color:transparent;}

#productGradient{
	float:left;
	width:895px;
	background:#ffffff url(../medias/img/productgradient.gif) repeat-y left top;
}

#flashArea{height:449px;}
#flashAreaSmall{height:252px;}
#flashAreaProduct{width:294px;}
#flashAreaProduct.extended{width:auto;}
/*----------------------------------------------POSITIONNEMENT CONTENU-------------------------------------------------*/


/*----------------------------------------------DEALER MAP-------------------------------------------------*/
#dealerMap{
	width:100%;
	border-collapse:collapse;
}
#dealerMap td{
	width:50%;
	position:relative;
	padding:0 9px;
	vertical-align:top;
	border-right:1px solid #52b5ef;
}
#dealerMap td.lastChild{border:none;}
#dealerMap td .title{
	color:#ffffff;
	font:normal normal 18px/normal Arial, Verdana, sans;
	padding:0 0 8px 0;
}
#dealerMap td .title.absolutize{
	display:block;
	position:absolute;
	left:9px;
}
#dealerMap td img.map {
	display:block;
	margin:0 auto;
}
/*----------------------------------------------DEALER MAP-------------------------------------------------*/


/*----------------------------------------------TOOLS-------------------------------------------------*/
#tools{
	width:895px;
	position:relative;
}
#content .satellite{
	display:block;
	position:absolute;
	width:32px;height:46px;
	cursor:pointer;
}
#content .satellite:hover, #content .satellite.active{background-position:left -46px;}
#content .satellite.left{left:-32px;}
#content .satellite.right{right:-32px;}

#flashButton{
	display:block;
	top:79px;
	background:url(../medias/img/flashbutton.png) no-repeat left top;
}
#flashButton:hover{background-position:left -46px;}

#search{
	position:absolute;
	left:0;top:164px;
}
#search .satellite{background:url(../medias/img/search.png) no-repeat left top;}
#search .satellite:hover{background-position:left -46px;}
#search .satellite.active{background-position:left -92px;}

body.index #search{top:361px;}

#searchForm{
	display:none;
	width:295px;height:34px;
	padding:12px 0 0 7px;
	background:url(../medias/img/searchform.png) no-repeat left top;
}
#searchForm input.text{
	display:block;
	float:left;
	background:#4dbdf9;
	width:241px;
	border:none;
	color:#ffffff;
	padding:4px 7px;
	margin:0 6px 0 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
#searchForm input.submit{
	display:block;
	float:left;
	width:24px;height:24px;
	border:none;
	cursor:pointer;
	background:url(../medias/img/searchform_submit.gif) no-repeat center top;
}
#searchForm input.submit:hover{background-position:center -24px;}
/*----------------------------------------------TOOLS-------------------------------------------------*/



/*----------------------------------------------MAINMENU-------------------------------------------------*/
#mainMenu{
	position:relative;
	width:895px;
	background:#00b5ff;
}
#mainMenu .satellite{top:-45px;background:url(../medias/img/home.png) no-repeat left top;}
#mainMenu .satellite:hover{background-position:left -46px;}
#mainMenu .satellite.active{background-position:left -92px;}

#mainMenu .satellite.home{cursor:default;}
#mainMenu .satellite.home:hover{background-position:left top;}

#mainMenu dt{
	position:absolute;
	left:0;top:-45px;
	width:149px;height:42px;
	text-align:center;
	padding:3px 0 0 0;
	background:url(../medias/img/mainmenu_dt.png) repeat-x left top;
}
#mainMenu dt .content{
	display:block;
	cursor:pointer;
	height:30px;
	padding:12px 4px 0 4px;
	color:#00a8ff;
	text-decoration:none;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:url(../medias/img/mainmenu_dt_content_sep.gif) no-repeat right center;
}
#mainMenu dl#mainMenu_tab_1 dt{left:0;}
#mainMenu dl#mainMenu_tab_2 dt{left:149px;width:150px;}
#mainMenu dl#mainMenu_tab_3 dt{left:299px;width:144px;}
#mainMenu dl#mainMenu_tab_1 dt .content{border-left:1px solid #bdccd7;}
#mainMenu dl#mainMenu_tab_3 dt .content{padding-right:0;background:none;}

#mainMenu dt .bgRight{
	display:block;
	position:absolute;
	top:0;right:-5px;
	width:5px;
	height:45px;
	background:url(../medias/img/mainmenu_right.png) no-repeat left top;
}

#mainMenu dt .puce{
	cursor:pointer;
	padding:4px 0 0 12px;
	background:url(../medias/img/mainmenu_dt_content_puce.gif) no-repeat right -31px;
}

#mainMenu dl.active dt .content, #mainMenu dt .content:hover, #mainMenu dl#mainMenu_tab_3 dt .content:hover, #mainMenu dl#mainMenu_tab_3.active dt .content, #mainMenu dl#mainMenu_tab_3.selected dt .content, #mainMenu dl.selected dt .content{
	color:#00031e;
	background:url(../medias/img/mainmenu_dt_content.gif) repeat-x left top;
}
#mainMenu dl.active dt .content .bgRight, #mainMenu dt .content:hover .bgRight, #mainMenu dl.selected dt .content .bgRight{background-position:left -45px;}
#mainMenu dl.active dt .content .puce, #mainMenu dt .content:hover .puce, #mainMenu dl.selected dt .content .puce{background-position:right -1px;}


#mainMenu dd{
	display:none;
	color:#051c4f;
	background:#00b5ff url(../medias/img/mainmenu_dd.gif) repeat-x left bottom;
}
#mainMenu dl.active dd{display:block;}


#mainMenu dd{padding:6px 9px;}
#mainMenu dd#services{padding-bottom:0;}
#mainMenu table{
	width:100%;
	border-collapse:collapse;
}
#mainMenu table td{
	position:relative;
	vertical-align:top;
	padding:5px 18px 24px 4px;
	border-right:1px solid #55c9ff;
	border-bottom:1px solid #55c9ff;
}
#mainMenu dd#categories table td{width:33%;padding-top:16px;padding-right:105px;}
#mainMenu dd#services table td, #mainMenu dd#zodiacPremium table td{width:25%;}
#mainMenu dd#dealer table td{width:50%;}
#mainMenu dd#dealer table td.firstChild{width:50%;padding-bottom:0;}

#mainMenu table td.firstChild{padding-left:0;}
#mainMenu table td.lastChild{border-right:none;}
#mainMenu table tr.lastLine td{border-bottom:none;}

#mainMenu table td .relativeFixer{position:relative;}
#mainMenu dd .flashAnim{
	position:absolute;
	right:-105px;top:-18px;
}

#mainMenu table .title{
	color:#ffffff;
	padding:0 0 8px 0;
	font:normal normal 18px/normal Arial, Verdana, sans;
}
#mainMenu table .title.absolutize{
	position:absolute;
	left:9px;top:11px;
}

#mainMenu table .subTitle{
	color:#051c4f;
	padding:0 0 4px 0;
	font:normal normal 16px/normal Georgia, Times, serif;
}
#mainMenu table .title a{color:#ffffff;text-decoration:none;}
#mainMenu table .subTitle a{color:#051c4f;text-decoration:none;}
#mainMenu table .subTitle .puce{
	cursor:pointer;
	padding:4px 0 0 12px;
	background:url(../medias/img/categories_puce.gif) no-repeat right -1px;
}
#mainMenu dd#services table .subTitle a:hover{color:#ffffff;}
#mainMenu dd#services table .subTitle a:hover .puce{background-position:right -31px;}

#mainMenu table td.mrMsZodiac{height:220px;background:url(../medias/img/mainmenu_mr_ms_zodiac.png) no-repeat right bottom;}
#mainMenu table td.whereToFix{background:url(../medias/img/mainmenu_mr_ms_where.png) no-repeat right bottom;}
#mainMenu table td.mrMsZodiac .subTitle{padding-right:65px;}

#mainMenu table img.map{
	display:block;
	position:relative;
	left:0;top:-11px;
	margin:0 auto;
}
/*----------------------------------------------MAINMENU-------------------------------------------------*/


/*----------------------------------------------SUBMENU-------------------------------------------------*/
#subMenu{
	float:left;
	width:895px;
	color:#009dee;
	background:#f7f7f7;
	list-style-type:none;
	font:normal normal 12px/normal Arial, Verdana, sans;
	border-bottom:1px solid #dedfe2;
}
#subMenu li .content{
	display:inline;
	margin:0 auto;
	cursor:pointer;
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#009dee;
	padding:12px 9px 12px 26px;
	font:normal normal 12px/normal Arial, Verdana, sans;
}

#subMenu li.water_treatment .content{background-image:url(../medias/img/pictos/water-treatment.png);}
#subMenu li.cleaners .content{background-image:url(../medias/img/pictos/cleaners.png);}
#subMenu li.features .content{background-image:url(../medias/img/pictos/features.png);}
#subMenu li.dehumidification .content{background-image:url(../medias/img/pictos/dehumidification.png);}
#subMenu li.heating .content{background-image:url(../medias/img/pictos/heating.png);}
#subMenu li.filtration .content{background-image:url(../medias/img/pictos/filtration.png);}
#subMenu li{
	float:left;
	height:17px;
	cursor:pointer;
	width:149px;
	height:15px;
	padding:12px 0;
	text-align:center;
	background:url(../medias/img/submenu_sep.gif) no-repeat right center;
}

#subMenu li.lastChild{background-image:none;width:150px;}
#subMenu li.active{background:#eaebef;}
#subMenu li .content a{
	color:#009dee;
	text-decoration:none;
}
#subMenu li.active .content, #subMenu li:hover .content{background-position:left -41px;}
#subMenu li.active .content a, #subMenu li:hover .content a{color:#051c4f;}
/*----------------------------------------------SUBMENU-------------------------------------------------*/



/*----------------------------------------------TOOLBAR-------------------------------------------------*/
#toolBar{
	z-index:10;
	float:left;
	width:877px;
	position:fixed;
	left:-448px;bottom:0;
	margin:0 0 0 50%;
	padding:0 9px;
	background:#014480;
}
body.index #toolBar{
	float:left;
	width:877px;
	position:relative;
	left:0;top:0;
	padding:0 9px;
	margin:0;
	background:#014480;
}
#toolBar dt{
	float:left;
	width:284px;
	color:#91abc9;
	text-align:center;
	padding:7px 4px;
	cursor:pointer;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:url(../medias/img/toolbar_dt.gif) no-repeat right center;
}
#toolBar dl.center dt{width:285px;cursor:default;}
#toolBar dl.center dt span{cursor:default;}
#toolBar dl.lastChild dt{
	color:#ffe300;
	background:url(../medias/img/toolbar_dt_lastchild.gif) no-repeat right 5px;
}
#toolBar dl:hover dt, #toolBar dl dt.active{color:#000522;}
#toolBar dl.lastChild:hover dt, #toolBar dl.lastChild dt.active{color:#ffe300;}
#toolBar dl.center:hover dt{color:#91abc9;}
#toolBar dl.lastChild.active dt{background-position:right -20px;}
#toolBar dt .puce{
	cursor:pointer;
	padding:4px 0 0 12px;
	background:url(../medias/img/toolbar_dt_puce_grey.gif) no-repeat right 12px;
}
#toolBar dl.lastChild dt .puce{background-image:url(../medias/img/toolbar_dt_puce_yellow.gif);}

#toolBar dd{
	display:none;
	position:absolute;
	left:0;bottom:30px;
	width:895px;
}
#toolBar dl.active dd{display:block;}
#toolBar dd .pagination{right:25px;top:13px;}
#toolBar dd .top{
	width:895px;
	height:7px;
	font-size:0;
	background:url(../medias/img/toolbar_dd_top.png) no-repeat left bottom;
}
#toolBar dd .content{
	float:left;
	position:relative;
	width:889px;
	padding:6px 3px;
	background:#f8f9fa url(../medias/img/toolbar_dd_content.gif) repeat-x left top;
}
#toolBar dd .content#listeBookmark{background-image:url(../medias/img/toolbar_dd_content_bookmark.gif);background-color:#ffffff;}
#toolBar dd .listTitle{
	color:#051c4f;
	padding:0 4px 15px 4px;
	font:normal normal 18px/normal Arial, Verdana, sans;
}
#toolBar dd .list{list-style-type:none;}
#toolBar dd .list li{
	float:left;
	position:relative;
	width:139px;
	padding:0 5px 0 4px;
	min-height:105px;
	background:url(../medias/img/toolbar_list_sep.gif) no-repeat right bottom;
}
#toolBar dd .list li.lastChild{background:none;}
#toolBar dd .list .title{
	color:#00a8ff;
	padding:0 20px 3px 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
#toolBar dd .list .title a{
	text-decoration:none;
	color:#00a8ff;
}
#toolBar dd .list .title a:hover{color:#051c4f;}
#toolBar dd .list .puce{
	padding:4px 0 0 12px;
	background:url(../medias/img/toolbar_list_puce.gif) no-repeat right 12px;
}
#toolBar dd .list .removeItem{
	cursor:pointer;
	position:absolute;
	right:5px;top:0;
}
#toolBar dd .list .removeItem img{display:block;}
#toolBar dd .list .product{
	display:block;
	position:relative;
	margin:0 auto;
}

#toolBar dd.empty{min-height:80px;}
#toolBar dd p.msg{
	color:#7c7e8d;
	padding:0 4px 10px 4px;
} dd .bottom{
	position:absolute;
	left:0;bottom:-7px;
	width:895px;
	height:7px;
	font-size:0;
	background-repeat:no-repeat;
	background-position:left top;
}
#toolBar dd#toolbar_1 .bottom{background-image:url(../medias/img/toolbar_dd_bottom1.png);}
#toolBar dd#toolbar_2 .bottom{background-image:url(../medias/img/toolbar_dd_bottom2.png);}
#toolBar dd#toolbar_3 .bottom{background-image:url(../medias/img/toolbar_dd_bottom3.png);}

#toolBar dd .close{
	z-index:3;
	display:block;
	cursor:pointer;
	position:absolute;
	right:3px;top:7px;
	width:20px;height:20px;
	background:url(../medias/img/close.gif) no-repeat 5px 5px;
}
#toolBar dl.lastChild dd .close{background-image:url(../medias/img/close-confirm.gif);}
#toolBar dd .close:hover{background-position:5px -15px;}
/*----------------------------------------------TOOLBAR-------------------------------------------------*/

/*----------------------------------------------TOOLBAR PRODUCT-------------------------------------------------*/
#productToolBar{
	z-index:9;
	float:left;
	width:895px;
	height:44px;
	position:fixed;
	left:-448px;bottom:30px;
	margin:0 0 0 50%;
	padding:0 0;
	color:#00a8ff;
	font:normal bold 12px/normal Arial, Verdana, sans;
	background:url(../medias/img/producttoolbar.gif) repeat-x left bottom;
}
#productToolBar .satellite{
	top:0;
	background:url(../medias/img/toolbarproduct_satellite.png) no-repeat left top;
}
#productToolBar ul{
	float:left;
	list-style-type:none;
}
#productToolBar ul.left{width:452px;}
#productToolBar ul.right{width:302px;padding:0 0 0 141px;background:url(../medias/img/producttoolbar_ul_top_off.png) repeat-x left top;}
#productToolBar li{
	float:left;
	width:151px;
	text-align:center;
	background:url(../medias/img/producttoolbar_ul_top_off.png) repeat-x left top;
}
#productToolBar ul.right li{background:none;}
#productToolBar li.product{width:150px;background:url(../medias/img/producttoolbar_ul_top.png) no-repeat center top;}
#productToolBar li .content{
	display:block;
	width:133px;
	padding:9px 9px 12px 9px;
	margin:8px 0 0 0;
	cursor:pointer;
	color:#00a8ff;
	text-decoration:none;
	background:url(../medias/img/producttoolbar_li_sep.gif) no-repeat right 6px;
}
#productToolBar li .content img{vertical-align:top;padding:0 9px 0 0;line-height:13px;}
#productToolBar li .content .signal{padding:0 0 0 6px;}
#productToolBar li.lastChild .content{background:none;}
#productToolBar li .content:hover{color:#051c4f;}
#productToolBar li.product .content{
	color:#00031e;
	width:132px;
	border-left:1px solid #e8e9ec;
}
/*----------------------------------------------TOOLBAR PRODUCT-------------------------------------------------*/


/*----------------------------------------------CLASSIC FORM STYLES-------------------------------------------------*/
form.formStyles{color:#9a9eaa;}
form.formStyles fieldset{
	border:none;
	padding:0 4px;
}
form.formStyles legend{
	color:#7c7e8d;
	font:normal normal 14px/normal Arial, Verdana, sans;
}

form.formStyles legend.bilpi{
	color:#7c7e8d;
	font:normal normal 14px/normal Arial, Verdana, sans;
	font-weight:bold;
}

form.formStyles label{
	cursor:pointer;
}
form.formStyles p{
	padding:9px 0 0 0;
}
form.formStyles select, form.formStyles input.text{
	color:#9a9eaa;
	border:1px solid #c0c4cc;
	font:normal bold 12px/normal Arial, Verdana, sans;
	padding:0 0 0 0;
	margin:0 7px 0 0;
}
form.formStyles input.text{
	padding:1px 3px;
}

form.formStyles input.text.small{width:131px;}
form.formStyles input.text.large{width:280px;}
form.formStyles select.small{width:139px;}
form.formStyles select.large{width:288px;}

form.formStyles p.submit{padding-top:20px;padding-bottom:30px;}
form.formStyles p.submit input.submit{
	display:block;
	width:139px;height:33px;
	border:none;
	cursor:pointer;
	padding:0 30px 1px 10px;
	text-align:left;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:none;
	background-repeat:no-repeat;
	background-position:left top;
}
form.formStyles p.submit input.submit.yellow{
	color:#000522;
	background-image:url(../medias/img/confirmform_submit_yellow.gif);
}
form.formStyles p.submit input.submit.blue{
	color:#ffffff;
	background-image:url(../medias/img/confirmform_submit_blue.gif);
}
form.formStyles input.simple{
	display:inline;
	border:none;
	cursor:pointer;
	text-align:left;
	color:#00a8ff;
	padding:0 8px 0 0;
	font:normal normal 12px/normal Arial, Verdana, sans;
	background:url(../medias/img/link_special_puce.gif) no-repeat right 7px;
}
form.formStyles input.simple:hover{color:#051c4f;}

form.formStyles.variant select, form.formStyles.variant input.text{
	font-weight:normal;
}
/*----------------------------------------------CLASSIC FORM STYLES-------------------------------------------------*/

/*----------------------------------------------CLASSIC TABLE STYLES-------------------------------------------------*/
table.classicTable{
	border:none;
	border-collapse:collapse;
}
table.classicTable td{
	width:292px;
	padding:9px 6px;
	border-right:1px solid #ebedf1;
	border-bottom:1px solid #ebedf1;
	vertical-align:top;
}
table.classicTable.removeBorders td{border:none;}
table.classicTable td.firstChild{width:299px;padding-left:0;}
table.classicTable td.lastChild{width:299px;padding-right:0;border-right:none;}
table.classicTable tr.firstLine td{padding-top:0;}
table.classicTable tr.lastLine td{padding-bottom:0;border-bottom:none;}

table.classicTable td img.img_left{margin-bottom:0;}

table.classicTable a{color:#7c7e8d;text-decoration:none;}
table.classicTable a:hover{color:#00a8ff;}

table.classicTable a.dark_blue{color:#051c4f;text-decoration:none;}
table.classicTable a.dark_blue:hover{color:#00a8ff;}

table.classicTable td .puce{
	padding:4px 0 0 12px;
	background:url(../medias/img/link_special_puce.gif) no-repeat right 12px;
}

table.classicTable img{vertical-align:middle;}
table.classicTable img.premiumDealer{cursor:pointer;}
table.classicTable span.premiumDealer{display:none;}

table.classicTable img.product{
	display:block;
	position:relative;
	margin:0 auto;
}
/*----------------------------------------------CLASSIC TABLE STYLES-------------------------------------------------*/

/*----------------------------------------------PAGINATION-------------------------------------------------*/
.pagination{
	position:absolute;
	right:10px;top:30px;
	list-style-type:none;
	font-size:12px;
}
.pagination li{
	display:inline;
	color:#051c4f;
	padding:0 2px 0 7px;
	background:url(../medias/img/toolbar_pagination_sep.gif) no-repeat left center;
}
.pagination li.firstChild{background:none;}
.pagination li a{
	color:#009dee;
	text-decoration:none;
}
.pagination li a:hover{color:#051c4f;}
/*----------------------------------------------PAGINATION-------------------------------------------------*/


/*----------------------------------------------DATA CENTER-------------------------------------------------*/
.dataCenter table.classicTable{margin-bottom:18px;}
.dataCenter table.classicTable td{width:134px;}
.dataCenter table.classicTable td.firstChild{width:140px;}
.dataCenter table.classicTable td.lastChild{width:141px;}

ul.datas{
	list-style-type:none;
	padding:3px 0 0 0;
}
ul.datas li{padding:0 0 1px 0;}
ul.datas li a{
	display:block;
	color:#00a8ff;
	padding:1px 0 2px 21px;
	background:url(../medias/img/data-plus.gif) no-repeat left top;
}
ul.datas li a:hover{color:#051c4f;}
/*----------------------------------------------DATA CENTER-------------------------------------------------*/


/*----------------------------------------------FEATURES-------------------------------------------------*/
.features table.classicTable td{width:134px;}
.features table.classicTable td.firstChild{width:140px;}
.features table.classicTable td.lastChild{width:141px;}

.features table.classicTable td .title{
	color:#7c7e8d;
	padding:0 0 12px 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
.features table.classicTable td .title a{
	color:#00a8ff;
	padding:0 15px 0 0;
	background:url(../medias/img/link_special_puce.gif) no-repeat right center;
}
.features table.classicTable td .title a:hover{color:#051c4f;}
/*----------------------------------------------FEATURES-------------------------------------------------*/


/*----------------------------------------------BREADCRUMBS-------------------------------------------------*/
#breadcrumbs{
	position:relative;
	background:#008de0;
	padding:10px 9px;
	color:#ffffff;
	font:normal normal 18px/normal Arial, Verdana, sans;
	background-position:right top;
	background-repeat:no-repeat;
}
#breadcrumbs.cleaners{background-image:url(../medias/img/breadcrumbs_cleaners.gif);}
#breadcrumbs.water_treatment{background-image:url(../medias/img/breadcrumbs_water-treatment.gif);}
#breadcrumbs.heating{background-image:url(../medias/img/breadcrumbs_heating.gif);}
#breadcrumbs.dehumidification{background-image:url(../medias/img/breadcrumbs_dehumidification.gif);}
#breadcrumbs.features{background-image:url(../medias/img/breadcrumbs_features.gif);}
#breadcrumbs.filtration{background-image:url(../medias/img/breadcrumbs_filtration.gif);}

#breadcrumbs a{
	color:#051c4f;
	text-decoration:none;
}
#breadcrumbs a:hover{color:#ffffff;}
#breadcrumbs .sep{
	padding:0 0 0 19px;
	background:url(../medias/img/breadcrumbs_sep.gif) no-repeat 6px 6px;
}

#breadcrumbs .satellite{
	top:-3px;
	background-image:url(../medias/img/breadcrumbs_satellite.png);
}
/*----------------------------------------------BREADCRUMBS-------------------------------------------------*/

/*----------------------------------------------SEARCH ENGINE-------------------------------------------------*/
#searchEngine{
	float:left;
	width:895px;
	position:relative;
}
#searchEngine .satellite{
	top:-3px;
	background:url(../medias/img/searchengine_sattelite.png) no-repeat right top;
}
#searchEngine .title{
	position:absolute;
	left:32px;top:3px;
	width:264px;
	color:#009dee;
	padding:13px 26px 13px 9px;
	background:#eaebef url(../medias/img/searchengine_title.gif) no-repeat right top;
	font:normal normal 14px/normal Arial, Verdana, sans;
}


#searchEngine .titlePro{
	position:absolute;
	left:32px;top:3px;
	width:264px;
	color:#009dee;
	padding:13px 26px 13px 9px;
	background:#eaebef url(../medias/img/searchengine_title.gif) no-repeat right top;
	font:normal normal 14px/normal Arial, Verdana, sans;
}

#searchEngine .satellite.active{background-position:right -92px;}
#searchEngine .satellite.active .title{background-position:right -42px;}
#searchEngine .satellite:hover .title{background-color:#dfe2e9;}

#pictureSize{
	float:left;
	width:877px;
	height:12px;
	padding:15px 9px;
	background:#f7f7f7;
	text-align:right;
	color:#7c7e8d;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
#pictureSize .selector{
	display:block;
	float:right;
	font-size:0;
	width:10px;height:10px;
}
#pictureSize.ready .selector{cursor:pointer;}
#pictureSize .selector.right{
	margin:0 0 0 5px;
	background:url(../medias/img/picturesize_selector_right.gif) repeat left top;
}
#pictureSize .selector.left{
	margin:0 6px 0 0;
	background:url(../medias/img/picturesize_selector_left.gif) repeat left top;
}
#pictureSize.ready .selector{background-position:left -10px;}
#pictureSize.ready .selector:hover{background-position:left -20px;}
#pictureSize .bar{
	display:block;
	float:right;
	font-size:0;
	position:relative;
	left:-1px;top:0;
	height:4px;width:168px;
	margin:4px 0 0 0;
	/*background:#b7b8c0;*/
	background:transparent;
	border:none !important;
	border-top:2px solid #b7b8c0 !important;
	cursor:pointer;
}
/*#pictureSize .bar:hover{background:#00a8ff;}*/
#pictureSize .cursor, #pictureSize .ui-slider-handle, #pictureSize .ui-state-hover, #pictureSize .ui-state-focus{
	display:block;
	position:absolute;
	left:50%;top:-6px;
	height:10px;width:4px;
	font-size:0;
	background:#00a8ff;
	border:none !important;
}
#pictureSize .cursor:hover{background:#00031e;}
#pictureSize .controllerTitle{float:right;display:none;}
#pictureSize.ready .controllerTitle{display:block;}
#pictureSizeController{
	display:none;
	float:right;
	width:200px;
	position:relative;
	left:0;top:2px;
	margin-left:18px;
}

#searchEngineConfigurator{
	float:left;
	width:887px;
	padding:6px 4px 0 4px;
	display:none;
	border-top:1px solid #d5d7dd;
	background:#ebeef2;
	font-size:12px;
}
#searchEngineConfigurator table{
	border-collapse:collapse;
}
#searchEngineConfigurator table td{
	vertical-align:top;
	padding:2px 0;
}
#searchEngineConfigurator .col{
	padding:2px 5px 9px 5px;
	border-right:1px solid #bcbfc8;
}
#searchEngineConfigurator .lastChild{border-right:0;}
#searchEngineConfigurator .small{width:136px;}
#searchEngineConfigurator .large{width:288px;}
#searchEngineConfigurator .large.firstChild{width:284px;}
#searchEngineConfigurator .large.lastChild{width:284px;border:none;}

#searchEngineConfigurator .lineTitle{
	color:#000522;
	padding:0 0 3px 0;
	font:normal bold 12px/normal Arial, Verdana, sans;
}
#searchEngineConfigurator .addMargin{margin-bottom:15px;}
#searchEngineConfigurator .col input{position:relative;top:-5000px;}
#searchEngineConfigurator .col input.show{display:inline;top:0;}
#searchEngineConfigurator .col input.checkbox{
	margin:0 3px 0 0;
	position:relative;
	left:0;top:2px;
}
#searchEngineConfigurator .col table{
	width:100%;
	border-collapse:collapse;
}
#searchEngineConfigurator .col table td{width:25%;vertical-align:bottom;}
#searchEngineConfigurator .col table td.large{width:50%;}
#searchEngineConfigurator .col label{cursor:pointer;}
#searchEngineConfigurator .col table td label{
	display:block;
	height:14px;
	color:#9a9eaa;
	padding:0 0 0 21px;
	position:relative;
	overflow:hidden;
}
#searchEngineConfigurator .col table td label img{
	position:absolute;
	left:0;top:2px;
}
#searchEngineConfigurator .col table td label:hover, #searchEngineConfigurator .col table td label.active{color:#000522;}
#searchEngineConfigurator .col table td label:hover img, #searchEngineConfigurator .col table td label.active img{top:-12px;}

#searchEngineConfigurator .col select{
	background:#ebeef2;
	border:1px solid #c0c4cc;
	color:#9a9eaa;
	padding:0;
	width:136px;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
#searchEngineConfigurator .col select:focus{background-color:#ffffff;}

/*#searchEngine p.submit{padding-top:30px;}*/
#searchEngine input.submit{
	display:block;
	visibility:visible;
	position:absolute;
	right:9px;top:auto;bottom:9px;
	width:136px;height:33px;
	border:none;
	cursor:pointer;
	padding:0 30px 1px 10px;
	text-align:left;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:none;
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff;
	background:url(../medias/img/searchengine_search.gif) no-repeat left top;
}

#searchEngine .filterBar{
	font-size:0;
	width:286px;
	height:5px;
	background:#c8cbd2;
	border:1px solid #c8cbd2;
	margin:21px 0 18px 0;
}
#searchEngine .filterBar input{position:absolute;}
#searchEngine .filterBar .value{
	display:block;
	position:relative;
	float:left;
	width:20%;
	height:5px;
	color:#000522;
	cursor:pointer;
	background:url(../medias/img/filterbar_border.gif) no-repeat right top;
}
#searchEngine .filterBar .value.lastChild{background:none;}
#searchEngine .filterBar .value.active, #searchEngine .filterBar .value.cumulativeHover{background-color:#00a8ff;}
#searchEngine .filterBar label span{
	display:block;
	width:100%;
	text-align:right;
	position:absolute;
	right:-10px;top:-15px;
	font-size:12px;
}
#searchEngine .filterBar .value.lastChild span{right:0;}
/*----------------------------------------------SEARCH ENGINE-------------------------------------------------*/

/*----------------------------------------------CONTENU-------------------------------------------------*/
#leftCol{
	float:left;
	width:285px;
	padding:0 5px 0 9px !important;
}
#leftCol img.illustration{
	padding:18px 0 0 0;
}

/*--------------------------------------------
TRUCS ET ASTUCES
/*--------------------------------------------*/
#leftCol-truc{
	float:left;
	width:294px;
	padding:0 5px 0 0;
}

/*--- trucs et Astuces accueil ---*/

h1.title-trucs-astuces {
	font:48px Arial, Helvetica, sans-serif;
	color:#474A5E;
	margin:0;
	padding:0;
}

h2.liens-trucs-astuces {
	font:48px Arial, Helvetica, sans-serif;
	color:#474A5E;
	margin:0;
	padding:0;
}

div#actu {
	position:relative;
	float:left;
	margin: 0 0 0 0;
	padding: 0;
}

.actu-titre {
	font: normal 48px Arial, Helvetica, sans-serif;
	color:#474A5E;
	margin:0 0 13px 0;
	padding:0 0 0 0;	
}

.actu-sous-titre a {
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color:#00A8FF;
	text-decoration:none;	
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.actu-sous-titre a:hover {
	color:#00A8FF;
	text-decoration:none;
}

div#actu .actu-numerotation {
	position:absolute;
	top:280px;
	left:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#00a8ff;
}	

a.actu-numero {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#00a8ff;
	margin:0 0 0 5px;
	padding:0 0 0 0;
}

a.actu-numero:hover {
	font-size:24px;
	text-decoration:none;
	color:#051c4f;
}

a.actu-numero.selected {
	font-size:24px;
	text-decoration:none;
	color:#051c4f;
}

/*--- trucs et Astuces page interieures ---*/
h1.title-trucs-astuces-int {
	font:26px Arial, Helvetica, sans-serif;
	color:#474A5E;
	margin:0;
	padding:0;
}
h2.sous-title-trucs-astuces-int {
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#474A5E;
	margin:0 0 32px 0;
	padding:0;
}

/*--- trucs et Astuces accordeon ---*/
#accordion-truc-astuces dl{
	padding:0 0 18px 0;
}

#accordion-truc-astuces dt {
	color:#00a8ff;
	cursor:pointer;
	padding:0 0 0 22px;
	margin:0 0 8px 0;
	height:32px;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:url(../medias/img/plus-moins.gif) no-repeat left top;
}

#accordion-truc-astuces dt img {
	float:left !important; 
}

#accordion-truc-astuces dl.active dt{
	background-position:left -32px;
}

#accordion-truc-astuces dd {
	display:none;
}
#accordion-truc-astuces dl.active dd {
	display:block;
}

/*--------------------------------------------
         FIN TRUCS ET ASTUCES
/*--------------------------------------------*/


#rightCol{
	float:left;
	width:583px;
	padding:16px 9px 0 4px;
}

#rightCol.proType{
	float:left;
	width:588px;
	padding:16px 4px 0 4px;
}
#rightCol.proType  hr{ clear:both;  color:#EFF1F4; background:#EFF1F4; height:1px; width:100%;}

#rightCol div.proproduct {
	float:left;
	width:33%;
}

#flashAreaProduct{
	float:left;
	width:294px;
	/*margin:18px 0 0 0;*/
}
#flashAreaProduct.maximized{width:737px;}

#product{
	float:left;
	width:434px;
	padding:16px 4px 0 8px;
	background:#ffffff url(../medias/img/degrade.jpg) repeat-x left top;
}
#product.absolutize{
	position:absolute;
	left:294px;top:0;
}
#product .price{
	color:#00a8ff;
	position:relative;
	left:0;top:-30px;
	padding:6px 0 0 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}



#accordion dl{
	padding:0 0 18px 0;
}
#accordion dt{
	color:#00a8ff;
	cursor:pointer;
	padding:0 0 0 22px;
	margin:0 0 8px 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:url(../medias/img/product_dt.gif) no-repeat left top;
}

#accordion dl.active dt{
	background-position:left -16px;
}

#accordion dd{display:none;}
#accordion dl.active dd{display:block;}
#accordion dd.columns{
	column-width:208px;
	column-gap:18px;
	-moz-column-width:208px;
	-webkit-column-width:208px;
	-moz-column-gap:18px;
	-webkit-column-gap:18px;
}





#product p.button{padding:0 0 50px 0;}
#product.absolutize p.button{padding-bottom:9px;}
#product p.button a{
	display:block;
	width:105px;height:33px;
	border:none;
	cursor:pointer;
	padding:0 30px 1px 10px;
	text-align:left;
	font:normal normal 14px/32px Arial, Verdana, sans;
	background:none;
	color:#ffffff;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../medias/img/product_button.gif);
}
#product p.button a:hover{color:#00031e;}

.halfBlock{
	float:left;
	width:47%;
	padding:0 3% 0 0;
}

/*#product #accordion ol{
	padding-bottom:12px;
}

#product #accordion table{
	color:#3e3c3c;
	border-collapse:collapse;
	font:normal normal .90em/normal Arial, Verdana ,sans;
	margin:10px 0 0 0;
}
#product #accordion table tr{
	height:40px;
}

#product #accordion table tr td{
	background-color:#d1d1d1;
	padding:2px 5px;
}

#product #accordion table tr.paire td{
	background-color:#fafafa;
}*/
/*----------------------------------------------CONTENU-------------------------------------------------*/


/*----------------------------------------------CTXBOX-------------------------------------------------*/
#ctxBox{
	float:right;
	width:148px;
	padding:100px 7px 0 0;
}
#ctxBox p{
	padding:0 6px 9px 6px;
	color:#00a8ff;
	font:normal normal 10px/normal Arial, Verdana, sans;
}
#ctxBox .box{
	float:left;
	width:148px;
	margin:0 0 7px 0;
}
#ctxBox .box .bottom{
	float:left;
	width:148px;
	height:3px;
	font-size:0;
	background:url(../medias/img/ctxbox_box_bottom.gif) no-repeat left top;
}
#ctxBox .box .top{
	float:left;
	width:148px;
	height:3px;
	font-size:0;
	background:url(../medias/img/ctxbox_box_top.gif) no-repeat left bottom;
}
#ctxBox .box .content{
	float:left;
	width:142px;
	padding:0 3px;
	background:url(../medias/img/ctxbox_box_content.gif) repeat-y left top;
}
#ctxBox .box .gradient{
	float:left;
	width:142px;
	min-height:77px;
	padding:9px 0 0 0;
	background:url(../medias/img/ctxbox_box_gradient.gif) repeat-x left top;
}
#ctxBox .box .title{
	color:#00a8ff;
	padding:0 3px 18px 3px;
	font:normal normal 26px/26px Arial, Verdana, sans;
}
#ctxBox .box p{
	color:#7c7e8d;
	padding:0 3px 6px 3px;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
#ctxBox .box p a{
	color:#7c7e8d;
	text-decoration:none;
}
#ctxBox .box p a:hover{color:#00a8ff;}
#ctxBox .box img{display:block;}
#ctxBox .box p img{display:inline;}
/*----------------------------------------------CTXBOX-------------------------------------------------*/


/*----------------------------------------------PRODUCT LIST-------------------------------------------------*/
#productList{
	float:left;
	width:877px;
	padding:12px 9px;
}
#productList .header{
	float:left;
	width:877px;
	padding:0 0 30px 0;
}
#productList .infoTitle{
	float:left;
	width:287px;
	color:#474a5e;
	padding:0 9px 0 0;
	font:normal normal 26px/normal Arial, Verdana, sans;
}
#productList .desc{
	float:left;
	width:581px;
	color:#474a5e;
	padding:12px 0 0 0;
	font:normal normal 14px/normal Georgia, Times, serif;
}
#productList .listTitle{
	color:#051c4f;
	padding:0 0 12px 0;
	font:normal normal 18px/normal Arial, Verdana, sans;
}

#productList .list{
	float:left;
	padding:0 0 30px 0;
	list-style-type:none;
}
#productList .list li{
	float:left;
	width:138px;
	position:relative;
	padding:9px 4px 0 4px;
	/*min-height:105px;*/
	border-right:1px solid #eff1f4;
	border-bottom:1px solid #eff1f4;
	/*background:url(../medias/img/toolbar_list_sep.gif) no-repeat right bottom;*/
}
#productList .list li.firstChild{padding-left:0;clear:both;}
#productList .list li.lastChild{background:none;padding-right:0;border-right:0;}
#productList .list li.noBorder{border-bottom:none;}
#productList .list .title{
	position:relative;
	color:#00a8ff;
	padding:0 2px 3px 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
#productList .list .title a{
	text-decoration:none;
	color:#00a8ff;
}
#productList .list .title a:hover{color:#051c4f;}
#productList .list .puce{
	padding:4px 0 0 12px;
	background:url(../medias/img/toolbar_list_puce.gif) no-repeat right 12px;
}
#productList .list .product{
	display:block;
	position:relative;
	margin:0 auto;
}
#productList .list img.logo{
	z-index:1;
	/*position:absolute;*/
	left:0;
	/*bottom:-14px;*/
}

#productList.ratio_0 .list li{width:64px;}
#productList.ratio_25 .list li{width:88px;}
#productList.ratio_50 .list li{width:138px;}
#productList.ratio_75 .list li{width:210px;}
#productList.ratio_100 .list li{width:283px;}

#productList a.productLinkImg {display:block;overflow:hidden;width:140px;height:83px;}
/*----------------------------------------------PRODUCT LIST-------------------------------------------------*/


/*----------------------------------------------SITEMAP-------------------------------------------------*/
.sitemap .title{
	color:#7c7e8d;
	padding:0 0 12px 0;
	font:normal normal 14px/normal Arial, Verdana, sans;
}
.sitemap a.link1{
	color:#00a8ff;
	padding:0 15px 0 0;
	background:url(../medias/img/link_special_puce.gif) no-repeat right center;
}
.sitemap a.link1:hover{color:#051c4f;}

.sitemap p{padding:0 0 3px 0;}

.sitemap ul{
	list-style-type:none;
	padding:0 0 6px 0;
}
.sitemap ul li a{
	color:#00a8ff;
	padding:0 15px 0 0;
	font:normal normal 12px/normal Arial, Verdana, sans;
	background:url(../medias/img/link_special_puce.gif) no-repeat right center;
}
.sitemap ul li a:hover{color:#051c4f;}

.sitemap table.classicTable td{width:207px;}
.sitemap table.classicTable td.firstChild{width:213px;}
.sitemap table.classicTable td.lastChild{width:214px;}

.sitemap table h2{
	padding:0 0 3px 0;
	font:normal normal 12px/normal Arial, Verdana, sans;
}
/*----------------------------------------------SITEMAP-------------------------------------------------*/


/*----------------------------------------------FOOTER-------------------------------------------------*/
#footer{
	clear:both;
	float:left;
	width:887px;
	padding:5px 4px 30px 4px;
	color:#7c7e8d;
	font:normal normal 11px/normal Arial, Verdana, sans;
}
body.index #footer{padding-bottom:30px;color:#000522;}
body.product #footer{padding-bottom:74px;background:url(../medias/img/productgradient.gif) repeat-y scroll left top;}
#footer a{
	color:#7c7e8d;
	text-decoration:none;
}
body.index #footer a{color:#000522;}
#footer a:hover{color:#00a8ff;}
body.index #footer a:hover{color:#ffffff;}

#footerLinks{
	float:left;
	padding:0 0 6px 9px;
	list-style-type:none;
}
#footerLinks li{
	float:left;
	padding:0 7px 0 0;
	margin:0 6px 0 0;
	background:url(../medias/img/footerlinks_puce.gif) no-repeat right 10px;
}
#footerLinks li.lastChild{background:none;width:887px;color:#91ABC9;padding-top:5px;}

#moreInformation{
	float:right;
	cursor:pointer;
	padding:0 9px 0 15px;
	margin:0 0 6px 0;
	background-image:url(../medias/img/moreinformation.gif);
	background-repeat:no-repeat;
}
#moreInformation a:hover{color:#00a8ff;}
body.index #moreInformation:hover{color:#ffffff;}
#moreInformation.expand{background-position:left -13px;}
#moreInformation.collapse{background-position:left -43px;}
body.index #moreInformation.expand{background-position:left 2px;}
body.index #moreInformation.collapse{background-position:left -28px;}
#moreInformation.expand:hover{background-position:left 2px;}
#moreInformation.collapse:hover{background-position:left -28px;}
body.index #moreInformation.expand:hover{background-position:left -13px;}
body.index #moreInformation.collapse:hover{background-position:left -43px;}


#footerMore{
	padding:6px 9px 6px 9px;
	border-top:1px solid #e0e3e9;
}
body.index #footerMore{border-color:#00a8ff;}
#footerMore.collapsed{display:none;}
#footerMore.expanded{display:block;}
#footerMore .title{
	padding:0 0 6px 0;
	font:normal bold 11px/normal Arial, Verdana, sans;
}

#reseaux_sociaux{
	position:absolute;
	left:460px;
	bottom:-60px;
	width:115px;
}

#reseaux_sociaux p{
	margin-bottom:5px;
	text-align:center;
}

#reseaux_sociaux img{
	border:0;
}

/*----------------------------------------------FOOTER-------------------------------------------------*/


/*----------------------------------------------ESPACE PRO BILPI---------------------------------------*/
/*
#param_perso label, #form_rech_client label{
	width: 180px; 
	display: block;
	float:left;
}

#rech_bilans p.transformLabel label, #form_interieur p.transformLabel label{
	width: 120px; 
	display: block;
	float:left;
}

#tab3 label, #tab4 label{
	margin-top:2px;
	float:left;
	width:125px;
}

#tab3 input, #tab4 input{
	margin-top:2px;
	float:left;
	margin-right:5px;
}
#tab3 input.lastchild, #tab4 input.lastchild{
	float:left;
}
*/




/*----------------------------------------------STYLES FORMULAIRES---------------------------------------*/
#recherche, #resultat{
	z-index:20;
	position:fixed;
	right:10px;top:82px;
	width:300px;
	padding:10px;
	background:#ffffff;
	-moz-box-shadow:0px 0px 18px #1a1e26;
	-webkit-box-shadow:0px 0px 18px #1a1e26;
	box-shadow:0px 0px 18px #1a1e26;
}
#resultat{top:auto;bottom:10px;}
.formStyles_pro{
	float:left;
	width:100%;
}
.formStyles_pro .title_3{padding:0 0 18px 0;}
.formStyles_pro .p_standard{clear:both;}
.formStyles_pro em{color:#00a8ff;font-style:normal;}

.formStyles_pro table.formAdjust{
	width:100%;
	border:0;
	padding:0;margin:0;
	border-collapse:collapse;
	border-spacing:0;
}
.formStyles_pro table.formAdjust td{
	width:280px;
	padding: 0 18px 0 0;
	vertical-align:bottom;
}
.formStyles_pro table.formAdjust td.lastChild{
	padding-right:0;
}

.formStyles_pro .col{
	display:block;
	float:left;
	width:280px;
	padding: 0 18px 0 0;
}
.formStyles_pro .col.size2{width:578px;}
.formStyles_pro .col.size3{width:876px;}
.formStyles_pro .col.lastChild, .formStyles_pro .col.size3{padding-right:0;}

.formStyles_pro p.submit{padding-top:20px;padding-bottom:30px;}

.formStyles_pro input, .formStyles_pro select, .formStyles_pro textarea{
	width:100%;
	border:1px solid #c0c4cc;
	color:#9a9eaa;
	font:bold 12px Arial,Verdana,sans;
}
.formStyles_pro input.inline, .formStyles_pro select.inline, .formStyles_pro textarea.inline{width:auto;}
.formStyles_pro input.half, .formStyles_pro select.half, .formStyles_pro textarea.half{width:50%;}
.formStyles_pro input[type="checkbox"], .formStyles_pro input[type="radio"]{width:auto;border:none;margin:0 2px 0 9px;padding:0;vertical-align:middle;}

body.pro .question{
	color:#051c4f;
	font-weight:bold;
	padding:0 0 0 9px;
	font-style:normal;
	background:url(../medias/img/pro_question_puce.gif) no-repeat left 4px;
	font-size:12px;
}
body.pro .spacer{
	display:block;
	font-size:0;
	width:100%;
	height:18px;
}

.formStyles_pro .fieldButton{
	display:inline-block;
	width:19px;height:19px;
	vertical-align:middle;
	margin:0 0 0 3px;
	position:relative;
	left:0;top:-1px;
	*top:-2px;
}

.formStyles_pro label[for]{cursor:pointer;}
.formStyles_pro label.inline{
	display:inline-block;
	width:47%;
	min-height:19px;
	padding:3px 0 0 0;
	vertical-align:bottom;
}


.formStyles_pro p.submit input.submit{
	display:block;
	width:139px;height:33px;
	border:none;
	cursor:pointer;
	padding:0 30px 1px 10px;
	text-align:left;
	font:normal normal 14px/normal Arial, Verdana, sans;
	background:none;
	background-repeat:no-repeat;
	background-position:left top;
}
.formStyles_pro p.submit input.submit.yellow{
	color:#000522;
	background-image:url(../medias/img/confirmform_submit_yellow.gif);
}
.formStyles_pro p.submit input.submit.blue{
	color:#ffffff;
	background-image:url(../medias/img/confirmform_submit_blue.gif);
}

body.pro .bilan{
	position:absolute;
	right:9px;top:9px;
	background:#ffffff;
	padding:9px;
	border:1px solid #cccccc;
}
/*----------------------------------------------STYLES FORMULAIRES---------------------------------------*/



















/*-------------------------*/
/*GREYBOX*/
/*-------------------------*/

/* CSS Document */

#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:#000000;
}

/*----Greybox structure----*/

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:0;
	top:50px;
	margin:0 0 0 50%;
	-moz-box-shadow:0px 0px 18px #1a1e26;
	-webkit-box-shadow:0px 0px 18px #1a1e26;
	box-shadow:0px 0px 18px #1a1e26;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:18px;
	width:768px;
	font-size:0;
}
#greyBox .top{
	background:url(../medias/img/greybox/top.png) no-repeat left top;
}
#greyBox .bottom{
	bottom:-18px;
	background:url(../medias/img/greybox/bottom.png) no-repeat left top;
}
#greyBox .content{
	float:left;
	/*width:724px;
	min-height:200px;*/
	padding:9px;
	background:#ffffff;
	overflow:auto;
}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:-18px;top:-18px;
}
#greyBox .close img{display:block;}

#greyBoxLoader{
	float:left;
	/*width:724px;*/
	min-height:200px;
	background:url(../medias/img/ajax-loader.gif) no-repeat center center;
}


#rightCol .promo{

    width: 575px;
}
a.btnDownload{
	background: url("../medias/img/confirmform_submit_yellow.gif") no-repeat scroll left top transparent;
	text-align:center;
    border: medium none;
    color: #000522;
    cursor: pointer;
    display: inline-block;
    font: 14px/28px Arial,Verdana,sans;
    height: 33px;
    width: 139px;
	line-height:33px;	
    text-decoration: none;
    text-transform: uppercase;
	margin-top:8px;
}
#points_vente{
	padding: 10px 0 0 0;
}
#points_vente .coment{
 text-align:right;
}
#find_points_vente{
 text-align:center;
}
.customer_sec{    
    float: left;
	clear: left;
	padding: 10px 0 0 0;   
	width: 100%;
	border-bottom: 1px solid #BCBCBC;
}
.customer{       
    float: left;
    height: 110px;
    padding: 10px;
    width: 271px;
}

.customer img{
	float:left; 
	padding:0 8px 0 0;
}

.bgcolor{
	background-color:#000522;
}
