body { margin:0; padding:0; font-family:"Lucida Grande",Arial, Helvetica, sans-serif; background:#fff url(images/phi_bg.gif) repeat-x;font-size:12px; color:#000000;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin:0; padding:0; list-style-type:none; }
img, fieldset { border:0; outline:none; }
a { outline:none; border:none; }
a.Link {color:#3C7CB6;text-decoration:none; }
a.Link:hover{text-decoration:underline;}
.FloatLeft { float:left }
.FloatRight { float:right }
.display { display: none }

#wrappercontent { width:100%; height:auto; float:left; background:url(images/body_bg2.gif) 50% 0 repeat-y;}
#wrapperheader{ width:100%; height:auto; float:left;  background:url(images/top_area.jpg) 50% 0 no-repeat;}
.wrapper { width:1000px; height:auto; margin:auto; }
#header { width:1000px; height:153px; float:left; padding:0px 0 0 0; background:url(images/navigati.jpg) left bottom no-repeat ; }

#header h1{ width:313px; height:99px; float:left; background:url(images/logo.png) no-repeat ;}
#header h1 a{ width:313px; height:99px; float:left; }
#header div.left p { padding:70px 0 0 0; float:left; font-size:14px;color:#ffffff;font-weight:bold;}

/* Sous-Menu principal */
#menu-sub li {margin-left: 15px;margin-right: 15px;display: inline;}
#menu-sub li a:hover, #menu-sub li a:focus, #menu-sub li a:active {border-bottom:8px solid #A1B03B;}
#menu-sub li.actif a {border-bottom:8px solid #fff;}


/*Homemenu*/
/* Root = Vertical, Secondary = Vertical */
ul#homemenu, ul#homemenu li, ul#homemenu ul {margin: 0;border: 0 none;padding: 0;width: 190px; /*For KHTML*/list-style: none;background: #FFF;color: #666;}
ul#homemenu h4{font-weight:bold; font-size:18px; color:#3f423b; letter-spacing:-1px; background:#FFF url(images/menu-cat.png) no-repeat; padding-top:10px; height:27px; line-height:27px; width: 190px; padding-left:10px; margin:1px; position:relative; font: bold 15px Verdana, Arial, Helvetica, sans-serif;color:#666; text-decoration: none;}
ul#homemenu:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#homemenu li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}
/* Root Menu */
ul#homemenu a {background:#f4f7f0 url(images/menu.png) no-repeat -39px 0px;line-height:38px; border:#EEE 1px solid;border-top:0px; border-right:#FFF 1px; border-bottom:0px; float:left;display:block; width:181px; color: #666;font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;padding-left:10px;padding-bottom:1px;height:30px;padding-top:8px;}
/* Root Menu Hover Persistence */
ul#homemenu a:hover, ul#homemenu li:hover a, ul#homemenu li.iehover a {/*background:url(images/menu-flash2.png) no-repeat -25px; font-weight:bold; text-decoration:none; */background: #558125;color: #FFF;}
/* 2nd Menu */
ul#homemenu li:hover li a, ul#homemenu li.iehover li a {background: #EEE;color: #666;float:left;border: 1px solid #FFF;border-right-color: #CCC;border-left-color: #FFF;height:30px;padding-top:6px;}
/* 2nd Menu Hover Persistence */
ul#homemenu li:hover li a:hover, ul#homemenu li:hover li:hover a, ul#homemenu li.iehover li a:hover, ul#homemenu li.iehover li.iehover a {color: #FFF;/*background: #558125;*/background:url(images/menu-flash2.png) no-repeat -10px; font-weight:bold; text-decoration:none;z-index: 99;width:195px;border: 0px;margin: 1px;}
ul#homemenu ul, ul#homemenu ul ul, ul#homemenu ul ul ul {display: none;position: absolute;top: 0;left: 192px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#homemenu li:hover ul ul, ul#homemenu li:hover ul ul ul, ul#homemenu li.iehover ul ul, ul#homemenu li.iehover ul ul ul {display: none;}
ul#homemenu li:hover ul, ul#homemenu ul li:hover ul, ul#homemenu ul ul li:hover ul, ul#homemenu li.iehover ul, ul#homemenu ul li.iehover ul, ul#homemenu ul ul li.iehover ul {display: block;}

/*Top Menu*/
/* Root = Horizontal, Secondary = Vertical */
ul#topmenu {margin: 0;border: 0 none;padding: 120px 0 0 200px;width: 800px; /*For KHTML*/list-style: none;height: 40px;}
ul#topmenu li {margin: 0;border: 0 none;padding: 0;float: left; /*For Gecko*/display: inline;list-style: none;position: relative;height: 24px;}
ul#topmenu ul {margin: 0;border: 0 none;padding: 0;width: 190px;list-style: none;display: none;position: absolute;top: 30px;left: 0;}
ul#topmenu ul:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#topmenu ul li {width: 190px;float: left; /*For IE 7 lack of compliance*/display: block !important;display: inline; /*For IE*/}
/* Root Menu */
ul#topmenu a {padding: 0 6px;float: none !important; /*For Opera*/float: left; /*For IE*/display: block;color: #fff;font: bold 15px/22px Arial, Verdana, Helvetica, sans-serif;font-variant: small-caps;text-decoration: none;height: auto !important;height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#topmenu a:hover, ul#topmenu li:hover a, ul#topmenu li.iehover a {color: #297eb9;}
/* 2nd Menu */
ul#topmenu li:hover li a, ul#topmenu li.iehover li a {float: none;background: #fff;color: #666;border-bottom:1px solid #eee;display: block;}
/* 2nd Menu Hover Persistence */
ul#topmenu li:hover li a:hover, ul#topmenu li:hover li:hover a, ul#topmenu li.iehover li a:hover, ul#topmenu li.iehover li.iehover a {background: #fff;color: #297eb9;border-bottom:2px solid #A1B03B;}
ul#topmenu ul ul, ul#topmenu ul ul ul {display: none;position: absolute;top: 0;left: 160px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#topmenu li:hover ul ul, ul#topmenu li:hover ul ul ul, ul#topmenu li.iehover ul ul, ul#topmenu li.iehover ul ul ul {display: none;}
ul#topmenu li:hover ul, ul#topmenu ul li:hover ul, ul#topmenu ul ul li:hover ul, ul#topmenu li.iehover ul, ul#topmenu ul li.iehover ul, ul#topmenu ul ul li.iehover ul {display: block;border: 1px solid #ccc;background: #fff;padding:10px;z-index: 999;}

/*Nav Menu*/
/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {margin: 0;border: 0 none;padding: 0;width: 160px; /*For KHTML*/list-style: none;z-index: 99;}
ul#navmenu:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
ul#navmenu li {float: left; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/display: inline; /*For IE*/position: relative;}
/* Root Menu */
ul#navmenu a {border: 1px solid #FFF;border-right-color: #CCC;border-bottom-color: #CCC;padding: 0 6px;display: block;background: #fff;font: 12px/22px Arial;text-decoration: none;height: auto !important;height: 1%; /*For IE*/color: #004080;}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background: #eee;color: #004080;font-weight: bold;}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {background: #eee;color: #004080;font-weight: normal;}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {background: #eee;color: #004080;font-weight: bold;}
ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {display: none;position: absolute;top: 0;left: 160px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display: block;}
#navmenu .catname {background: url('images/orange-arrow.gif') no-repeat;background-position:left;font-size:16px;font-weight: bold;margin-top:20px;padding-left:15px;}
#navmenu .formprice {margin:20px 15px 0 15px;}

.middleContainer{min-height:0px;width:1000px;margin:auto;float:left;padding:0;}
.dvContentTop{width:1000px; height:87px;float:left;}
.dvContentTop_Left{background:url(images/inner_to.gif) no-repeat;width:6px;height:43px;float:left;}
.dvContentTop_Right{background:url(images/inner_tp.gif) no-repeat;width:6px;height:43px;float:left; }
.dvContentTop_inner{background:url(images/inner_tq.gif) repeat-x;width:960px; height:auto;float:left;padding:14px;}
.dvContentTop_breadcrumb{width:600px; height:70px;float:left;padding-top:10px;}

/*.productSearchwrapper{}*/
.productSearchBar{padding-left:35px;width:305px;float:left;background:url(images/search_b.gif) no-repeat; float:right; height:auto;text-align:right;}
.productSearch_input_wrapper{border:0px;padding:9px 0px 0px 0px; height:20px;width:200px; float:left;}
.btnSearch{float:right;width:95px;height:33px;padding:2px 5px 0px 0px }   
.productSearch_input{border:0px;padding:0; height:20px;width:195px; float:left; font-size:20px;}

/*Crumbs*/
#crumbs ul, li {list-style-type:none;padding:0;margin:0;}		
#crumbs {height:2.3em;}
#crumbs li {float:left;line-height:2.3em;color:#777;padding-left:.75em;}		
#crumbs li a {background:url(images/crumbs.gif) no-repeat right center;display:block;padding:0 15px 0 0;font: bold 100%/165% Arial, "Lucida Grande", Lucida, Verdana, sans-serif;}							
#crumbs li a:link,
#crumbs li a:visited {color:#777;text-decoration:none;}	
#crumbs a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {color:#dd2c0d;}

.scroller_left{float:left;width:10px;height:201px; background:url(images/scroller.gif) left top no-repeat;margin-bottom:-5px;}
.scroller_right{float:left;width:10px;height:201px; background:url(images/scrolles.gif) left top no-repeat;margin-bottom:-5px;}
.scrollerwraper{float:left;width:980px; height:201px;background:url(images/scrollet.gif) repeat-x;margin-bottom:-5px;}

/*Products*/
.pt {background: url('images/background.gif') no-repeat bottom;border: 1px solid #eeeeee;font-family:Arial;font-size:12px;width:100%;border-collapse:collapse;}
.pt tr:hover {background-color: #E9F3FF;}
.pp {font-family: Verdana;font-weight: bold;color: #66bc29;font-size: 1.5em;text-align: center;display: block;position: relative;padding-bottom: 5px;padding-top: 5px;}
.pg {padding: 7px 10pt 5px 0px;background: transparent url(images/compare.gif) no-repeat scroll center bottom;text-align: center;display: block;position: relative;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;}
.pg a {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:none;}
.pg a:hover {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:underline;}

/*Search*/
.itemBox1 {position:relative;left:0px;top:0px;height:20px;width:174px;}
.itemBox {position:relative;left:0px;top:0px;height:260px;width:174px;background:url('images/fiche.gif') no-repeat;}
.title {position:absolute;padding: 10px 5px 10px 5px;width:164px;text-align:center;}
.title a {font-family:Arial;color:#004080;font-size:12px;font-weight:bold;text-decoration:none;}
.title a:hover {text-decoration:underline;}
.image {position:absolute;top:60px; left:27px;}
.price {position:absolute;bottom:60px;font-family:Verdana;font-size:1.4em;font-weight:bold;width:174px;text-align:center;color:#66bc29;}
.from {font-family:Verdana;color:#004080;font-size:11px;}
.store {position:absolute; bottom:40px;font-family:Verdana;font-size:11px;width:174px;text-align:center;}
.go {background: transparent url(images/compare.gif) no-repeat scroll center bottom;position: absolute;bottom: 10px;font-family: Verdana;font-size: 1.4em;font-weight: bold;width: 174px;text-align: center;color: #66bc29;margin-top: 0px;padding-top: 5px;padding-bottom: 4px;left: -10px;margin-left: 0;padding-right: 19px;}
.go a {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-align: left;text-decoration:none;}
.go a:hover {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:underline;}
.menubox{position:absolute;visibility: hidden;border:1px solid black;padding:8px;z-index: 100;background-color: white;width: 205px;}
.rev {position:absolute; left:0px; top:0px; height:16px; width:16px;}
.magn {position:absolute; right:0px; top:0px; height:16px; width:16px;cursor:pointer;}
#domainBox{margin: 0px 10px 2px 0px; background-color: #eeeeee; color: #333;}
.titlecat, .titlecat a {font-family:Arial;font-size:16px;font-weight:bold;color:#004080;text-decoration:none;margin-left:10px;}
.sort {font-family:Arial;font-size:12px;font-weight:bold;margin-right:10px;}
.sort a {font-family:Arial;font-size:12px;font-weight:bold;color:#004080;text-decoration:underline;margin-right:10px;}
.pricelist { position:relative; top:5px;font-family:Verdana;font-size:1.5em;font-weight:bold;text-align:center;color:#66bc29;}
.golist {position:relative; bottom:5px;background: url('images/compare.gif') no-repeat center bottom;padding: 2px 0 0 5px;height: 22px;width: 146px;text-align:left;}
.golist a {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:none;}
.golist a:hover {font-family:Verdana;color:#FFFFFF;font-size:14px;font-weight:bold;text-decoration:underline;}
.magnlist {position:relative;bottom:0px; height:16px; width:16px;cursor:pointer;}
.table {border: 1px solid #eeeeee;font-family:Arial;font-size:12px;text-align: left;border-collapse:collapse;}
.table td: {height:20px;}
.tableoffer {background: url('images/background.gif') no-repeat bottom;border: 1px solid #eeeeee;font-family:Arial;font-size:12px;width:95%;border-collapse:collapse;}
.tableoffer tr:hover {background-color: #E9F3FF;}
#table {border: 1px solid #eeeeee;font-family:Arial;font-size:12px;text-align: left;border-collapse:collapse;}
.oddtr{background-color:#EFF1F1;}
.eventr{background-color:#ffffff;}
.trover{background-color: #E8EAEA;}
.trclick{background-color: #00CCCC;}

/*Pagination*/
.pagination{padding: 2px;margin: 1em 0;clear: both;}
.pagination ul{margin: 0;padding: 0;text-align: center;font-size: 100%;}
.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}
*:first-child+html .pagination li{margin-right: 4px;}
* html .pagination li{margin-right: 4px;}
.pagination a, .pagination a:visited{padding: 0 5px;border: 1px solid #9aafe5;text-decoration: none;color: #2e6ab1;}
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5;color: #000;background-color: #FFFF80;}
.pagination a.currentpage{background-color: #2e6ab1;color: #FFF !important;border-color: #2b66a5;font-weight: bold;cursor: default;}
.pagination a.prevnext{font-weight: bold;}

/*Tabs*/
a:active {outline:none;}
:focus {-moz-outline-style:none;}
ul.tabs {list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #666;height:30px;}
ul.tabs li {float:left;	text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
ul.tabs a {background: url(images/blue.png) no-repeat -420px 0;font-size:11px;display:block;height: 30px; line-height:30px;width: 134px;text-align:center;text-decoration:none;font-size:12px;font-weight:bold;color:#333;padding:0px;margin:0px;position:relative;top:1px;}
ul.tabs a:active {outline:none;}
ul.tabs a:hover {background-position: -420px -31px;	color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-position: -420px -62px;cursor:default !important; color:#000 !important;}
ul.tabs a.s {background-position: -553px 0; width:81px;}
ul.tabs a.s:hover {background-position: -553px -31px;}
ul.tabs a.s.current  {background-position: -553px -62px;}
ul.tabs a.l {background-position: -248px -0px; width:174px;}
ul.tabs a.l:hover {background-position: -248px -31px;}
ul.tabs a.l.current {background-position: -248px -62px;}
ul.tabs a.xl {background-position: 0 -0px; width:248px;}
ul.tabs a.xl:hover {background-position: 0 -31px;}
ul.tabs a.xl.current {background-position: 0 -62px;}
div.css-panes div {display:none;border:1px solid #999;border-width:0 1px 1px 1px;min-height:150px;padding:15px 20px;background-color:#fff;}

/*Overlay*/
.simple_overlay {display:none;z-index:10000;background-color:#333;width:675px;min-height:200px;border:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}
.details {position:absolute;top:15px;left:425px;font-size:13px;color:#fff;width:230px;}
.details h3 {color:#aba;font-size:15px;margin:0 0 -10px 0;}
.details2 {position:absolute;top:15px;left:15px;font-size:13px;color:#fff;width:600px;}
.details2 h3 {color:#aba;font-size:15px;margin:0 0 -10px 0;}

/*Tooltip*/
#demotip {display:none;background:url(images/black_arrow_big.png);height:163px;width:310px;padding:40px 30px 10px 30px;font-size:11px;color:#fff;}
#demo img {border:0;cursor:pointer;}

/*Scrolable*/
.scrollable{float:left;}
.scrollable {position:relative;overflow:hidden;width: 580px;height:90px;border:1px solid #ccc;background:url(images/h300.png) repeat-x;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.scrollable a {float:left;margin:20px 5px 20px 21px;background-color:#fff;padding:2px;border:1px solid #ccc;cursor:pointer;width:80px;height:40px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.scrollable .active {border:2px solid #000;z-index:9999;position:relative;}
a.browse {background:url(images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:30px 10px;cursor:pointer;font-size:1px;}
a.right {background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover {background-position:-30px -30px;}
a.right:active {background-position:-60px -30px;} 
a.left {margin-left: 0px;} 
a.left:hover {background-position:-30px 0;}
a.left:active {background-position:-60px 0;}
a.up, a.down {background:url(images/vert_large.png) no-repeat;float: none;margin: 10px 50px;}
a.up:hover {background-position:-30px 0;}
a.up:active {background-position:-60px 0;}
a.down {background-position: 0 -30px;}
a.down:hover {background-position:-30px -30px;}
a.down:active {background-position:-60px -30px;} 
a.disabled {visibility:hidden !important;}

.foot {text-align:center; padding:100px;}
a.catname {background: url('images/orange-arrow.gif') no-repeat;background-position:left;color:#000000;text-decoration:none;font-size:16px;font-weight: bold;margin-top:20px;padding-left:15px;}