/*mise en page generale*/
body{ background-image:url(images/deco/bkgd.jpg)}
#conteneur{ display:block; margin-left:auto; margin-right:auto; width:810px; background-image:url(images/deco/bkgd_content_repeat.jpg); background-repeat:repeat-y }
#top{display:block;clear:both; width:763px;; height:17px;background-image:url(images/deco/bkgd_header.jpg); background-repeat:no-repeat }
#content{ display:block;clear:both; padding: 0 10px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999}
#content_dyna{ display:block; clear:inherit;width:645px; border:1px solid #ccc; margin:auto; background-image:url(images/deco/bkgd_block_dyna.jpg); background-repeat:repeat-y; text-align:center}
#content_detail{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC}

#footer{ display:block;clear:both;width:810px; height:67px; background-image:url(images/deco/footer.jpg); background-repeat:no-repeat}
#bloc_header{display:block; float:left; height:80px; background-image:url(images/deco/header.jpg); background-repeat:no-repeat;  width:100% }
.logo{display:block; float:left; height:44px; width:183px; background-image:url(images/deco/logo.jpg);background-repeat:no-repeat;margin:10px 0 0 10px}
.logo a{display:block; float:left; height:60px; width:290px;}

.img_left{ display:block; float:left; margin:3px 15px 15px 3px; padding:5px;  background-image:url(images/deco/bkgd_link.jpg)}
.img_left_header{ display:block; float:left;width:100px; height:80px; float:left; z-index:99; background-image:url(images/deco/top_img.gif)}
.img_right{ display:block; float:right; margin:3px 3px 15px 15px;padding:5px; background-image:url(images/deco/bkgd_link.jpg)}

.link_picto_top{ display:block; float:right; width:300px; height:40px;  padding: 25px 40px 0 0}
.link_picto_top span a{ display:block; float:right; width:30px;height:30px; margin: 0 0 0 25px}
.index_bloc{ display:block; float:left;width:550px; color:#333; text-align:justify; padding: 10px 0 40px 120px}
.index_link{ display:block; float:right;margin:20px 0px 0px 0px; width:200px; color:#3399CC}
.top { display:block; clear:both; float:leftt; margin: 0 0 15px 65px ; color:#33CC33; font-size:9px;}
.top a{ color:#33CC00; background-image:url(images/deco/top.jpg); background-position:left middle; background-repeat:no-repeat; padding: 0 0 0 20px}
.top a:hover{  color:#ccc; background-image:url(images/deco/top_on.jpg); background-position:left middle; background-repeat:no-repeat; padding: 0 0 0 20px; text-decoration:none}

.select_cat_all{ display:block; float:left; margin: 80px 0 80px 50px; padding-bottom:80px}
.select_cat{ display:block; float:left; padding:5px; margin:5px;}
.select_cat a{ display:block;  border:1px solid #fff}
.select_cat a:hover{ border:1px solid #c00}

.signature{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccc; height:37px; padding:14px 0 0 0 ; clear:both;margin-top:10px; width:775px;display:block; margin-left:auto; margin-right:auto; display:block; background-image:url(images/deco/footer_signature.jpg); background-position:top; background-repeat:no-repeat}
.footer_link_main {color:#ccc;}
.footer_link_main a{ color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.footer_link_main a:hover{color:#fff}
.footer_link_main_on a{color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.footer_link_main_on a:hover{color:#fff}

/*chemin des pages*/
.breadcrumb{font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;color:#ccc; margin:0 0 0 8px}
.breadcrumb .active{background: transparent url(images/deco/breadcrumb.gif) no-repeat center left;text-decoration: none;padding:0 0px 0 9px; /*adjust bullet image padding*/color:#666}
.breadcrumb a{background: transparent url(images/deco/breadcrumb.gif) no-repeat center left;text-decoration: none;padding:0 4px 0 9px; /*adjust bullet image padding*/color:#ccc}
.breadcrumb a:visited, .breadcrumb a:active{color: #ccc;}
.breadcrumb a:hover{text-decoration: underline;color: #ccc;}

/*pagination*/
.pagination{ clear:both; display:block; padding: 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:500px; }
.pagination ul{margin: 0;padding: 0;text-align: center; /*Set to "right" to right align pagination interface*/font-size: 16px;}
.pagination li{list-style-type: none;display: inline;padding-bottom: 1px;}
.pagination a, .pagination a:visited{padding: 0 5px;border: 1px solid #333;text-decoration: none; color: #999;font-family:Arial, Helvetica, sans-serif; font-size:10px}
.pagination a:hover, .pagination a:active{border: 1px solid #333;color: #000;background-color: lightyellow;font-family:Arial, Helvetica, sans-serif; font-size:10px}
.pagination li.currentpage{font-weight: bold;padding: 0 5px;border: 1px solid #333;background-color: #333;color: #FFF;font-family:Arial, Helvetica, sans-serif; font-size:10px}
.pagination li.disablepage{padding: 0 5px;border: 1px solid #666;color: #333;font-family:Arial, Helvetica, sans-serif; font-size:10px}
.pagination li.nextpage{font-weight: bold;font-family:Arial, Helvetica, sans-serif; font-size:10px}
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/margin-right: 5px;padding-right: 0;}


/*style texte gnral*/
a{ font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:11px; text-decoration:none}
a:hover{ text-decoration:underline}
.bolder{ font-weight:bold}
.align_center{ text-align:center}

.liste_cat{display:block; width:585px; height:575px; padding-top:35px}
.liste_detail{display:block; width:520px; height:575px; padding-top:35px;}


/*mise en page liste de produit large*/
.liste_prod{ display:block; float:left; clear:both; width:740px; margin:8px; background-image:url(images/deco/bkgd_liste_prod.jpg); background-repeat:repeat-y}
.liste_prod_header{ display:block; float:left; clear:both; width:740px; height:25px;  background-image:url(images/deco/header_liste_prod.jpg);}
.liste_prod_footer{ display:block; float:left; clear:both; width:740px; height:25px;  background-image:url(images/deco/footer_liste_prod.jpg);}

.liste_prod .img{ display:block; float:left; clear:both; border:1px solid #ddd; padding:8px; margin:8px}
.liste_prod .bloc_right{ display:block; float:left; width:490px}
.liste_prod .bloc_right a{ background-image:url(images/deco/more_detail.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; font-weight:normal}
.liste_prod .bloc_right a:hover{}
.liste_prod .titre{ display:block; float:left; font-weight:bold; color:#990000;  clear:both; font-size:14px; margin-bottom:8px}
.liste_prod .content{ display:block; float:left; clear:both; color:#666; text-align:justify}
.liste_prod .a{clear:both; width:100%; float:left; color:#006699; margin-top:15px}

/*mise en page liste de produit etroite*/
.liste_prod_small{ display:block; float:left; clear:both; width:564px; margin:8px 8px 8px 55px; background-image:url(images/deco/bkgd_liste_prod_small.jpg); background-repeat:repeat-y}
.liste_prod_header_small{ display:block; float:left; clear:both; width:564px; height:31px;  background-image:url(images/deco/header_liste_prod_small.jpg);}
.liste_prod_footer_small{ display:block; float:left; clear:both; width:564px; height:25px;  background-image:url(images/deco/footer_liste_prod_small.jpg);}
.liste_prod_footer_small a{background-image:url(images/deco/more_detail.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px;clear:both; width:80px; float:right; color:#006699; margin-top:5px}

.liste_prod_small .img{ display:block; float:left; clear:both; border:1px solid #ddd; padding:8px; margin:8px}
.liste_prod_small .bloc_right{ display:block; float:left; width:350px; margin: 0 0 0 25px;}
.liste_prod_small .bloc_right a{ background-image:url(images/deco/more_detail.gif); background-position:left; background-repeat:no-repeat; padding:0 0 0 20px; font-weight:normal}
.liste_prod_small .bloc_right a:hover{}
.liste_prod_small .titre{ display:block; float:left; width:100%; font-weight:bold; color:#990000;  clear:both; font-size:14px; margin-bottom:4px}
.liste_prod_small .content{ display:block; float:left;color:#666; text-align:justify; padding: 0 0 0 15px}
.liste_prod_small .a{ display:block;clear:both; width:100%; float:left; margin: 0 0 0 90x; color:#006699; margin-top:15px}
.liste_prod_small_link { display:block;clear:both; width:100%; float:left; margin: 0 0 0 90x; color:#006699; margin-top:15px}



/* thumbnail cat */
.thumbnail{display:block;float:left;width: 170px;height: 170px;margin:5px;}
.thumbnail a{display:block;border: 1px solid #999;width: 160px;height: 160px;padding:5px;margin:5px;}
.thumbnail a:hover{border: 1px solid #ccc;padding:5px;margin:5px;}
.clearboth { clear: both; }

/* thumbnail liste */
.thumbnail_liste{display:block;float:left;width: 140px;height: 140px;margin:5px;}
.thumbnail_liste a{display:block;border: 1px solid #999;width: 130px;height: 130px;padding:5px;margin:5px;}
.thumbnail_liste a:hover{border: 1px solid #ccc;padding:5px;margin:5px;}




 /*menu top hr*/   
#glowingtabs{float:right; margin-top:70px;width:320px;font-size:0.8em; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#glowingtabs ul{list-style-type: none;margin:0;margin-left: 5px; /*Left offset of entire tab menu relative to page*/padding:0;}
#glowingtabs li{display:inline;margin:0;padding:0;}
#glowingtabs a{float:left;background:url(images/deco/glowtab-left.gif) no-repeat left top;margin:0;margin-right: 5px; /*spacing between each tab*/padding:0 0 0 9px;text-decoration:none;}
#glowingtabs a span{float:left;display:block;background:url(images/deco/glowtab.gif) no-repeat right top;padding: 4px 12px 2px 3px;font-weight:bold;color:#3B3B3B;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */
#glowingtabs a:hover span {color: #fff;}
#glowingtabs #current a{ /*Selected Tab style*/background-position:0 -82px;}
#glowingtabs #current a span{ /*Selected Tab style*/background-position:100% -82px; color: #ffffff;}
#glowingtabs a:hover{ /*onMouseover style*/background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/}
#glowingtabs a:hover span{ /*onMouseover style*/background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/}
<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}


/*mise en page bloc detail/pdt*/
.bloc_detail{ display:block; float:left; width:780px; margin-left:0px; margin-right:0px; }
#detail_bloc_pdt{float:left; clear:both;margin: 20px 0 0 0px;padding: 0px 0 0 5px; width:280px; display:block;  height:auto;}
.detail_bloc_pdt_content{ float:right;width:350px; display:block; margin:0 60px 10px 0; padding:0 0 10px 0;}
.detail_bloc_pdt_content a{ background-image:url(images/deco/more_detail.gif); background-position:left; background-repeat:no-repeat; padding: 0 0 0 20px; margin: 7px 0 0 25px;  float:left;  clear:both;  font-weight:normal; color:#666666; text-decoration:none}
.detail_bloc_pdt_content a:hover{color:#900; text-decoration:underline}

.bloc_detail_link_liste{ display:block; float:left; clear:both; border-top: 1px dashed #ccc; width:660px; margin:40px 0 20px 40px; padding:10px 0 20px 0; font-size:11px; font-weight:bold; color:#333333 }
.bloc_detail_link_liste ul{ padding:0; margin:5px 0 0 0 }
.bloc_detail_link_liste li{ list-style:none; padding:0 0 0 20px; margin:1px 0 1px 0; background-image:url(images/deco/more_detail.gif); background-repeat:no-repeat; background-position:center left}
.bloc_detail_link_liste a{ background-image:url(images/deco/bkgd_link.jpg); display:block; width:100%; padding:5px; color:#900; text-decoration:none}
.bloc_detail_link_liste a:hover{background-image:url(images/deco/bkgd_link_on.jpg); display:block; width:100%; padding:5px;color:#333; font-weight:bold; text-decoration:none}

.detail_content{ font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#999; line-height:1.3em; text-align:justify; margin: 0 0 15px 25px; background-image:url(images/deco/start_para.gif); background-position:middle left; background-repeat:no-repeat; text-indent:25px}
.detail_content:first-letter{ font-weight:normal; color:#900}

.detail_titre_cat{  font-weight: bold; font-size: 1.2em; line-height: 18px; color:#990000; padding: 0 0 0 25px; height:25px; background-image:url(images/deco/bkdg_title.gif); background-position:left; background-repeat:no-repeat}

#floatleft_bigphot {margin: 0px; padding: 0px; margin-bottom:0px; z-index:1; left: 0px; top: 0px; position:relative; width: 219px; height: 229px; display:block; background-color:#FFFFFF; text-align:center}
#detail_bloc_left{ margin: 25px 0 0 60px;  float:left; display:block; background-color:#CCCCCC}


/*mise en page liste detail pdt*/
.liste_spec{ display:block; float:right; border:1px solid #ccc; width:320px; margin:2px}
.liste_spec .img{ display:block;float:left;  margin:3px; padding:3px; background-color:#FFFFFF; width:30px}
.liste_spec .titre{ display:block; font-weight:bold; float:left; width:140px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:6px 4px 0 4px; margin-top:5px; color:#333}
.liste_spec .txt{ display:block; float:left; width:80px; padding:6px 4px 0 4px; margin-top:5px; color:#990000; font-weight:bold}
.liste_spec  a{ width:100%; display:block; width:100%; color:#333333;}
.liste_spec  a:hover{ background-color:#666666; width:100%}

.detail_bloc_fiche{ float:right;width:350px; display:block; margin:0 0 10px 0; padding:0 0 10px 0}
.detail_bloc_fiche a{ padding: 7px 0 0 5px; float:left;  font-weight:bold; color:#666666; text-decoration:none;width:290px; height:40px;}
.detail_bloc_fiche a:hover{color:#900; text-decoration:underline}

.liste_fiche{ display:block; float:right; width:330px; height:120px ; overflow:scroll;overflow-x:hidden; background-color:#CCCCCC}
.liste_fiche ul{ margin: 0;padding: 0;list-style-type: none;width:100%; height:40px }
.liste_fiche .img{ display:block; float:left;   margin:0px; padding:0 0 0 15px; width:45px}
.liste_fiche .txt{ display:block; float:left; width:190px; padding:0 }
.liste_fiche li { margin: 0 0 1px 0; padding: 0px;list-style:none; float:left;width:100%; height:40px; background-color:#eee}
.liste_fiche li a{ padding: 0px; float:left; display:block; color:#333333;width:100%;}
.liste_fiche li a:hover{padding: 0px; background-color:#999; color:#FFFFFF}

/*mise en page page present*/
.detail_bloc_content{ display:block; clear:both; float:left;width:570px; display:block;clear:both; margin:0 0 10px 40px; padding:0 0 10px 0}
.detail_bloc_content a{ background-image:url(images/deco/more_detail.gif); background-position:left; background-repeat:no-repeat; padding: 0 0 0 20px; margin: 7px 0 0 25px;  float:left;  clear:both;  font-weight:normal; color:#666666; text-decoration:none}
.detail_bloc_content a:hover{color:#900; text-decoration:underline}

.detail_content_present{ font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#666; line-height:1.3em; margin: 0 0 15px 25px; text-align:justify;}

.detail_content_present ul li{ font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; color:#666; word-spacing:0.10em; line-height:1.4em; text-align:justify; margin: 0 0 15px 25px }
.detail_content_present:first-letter{ font-weight:bold; color:#900}
.detail_content_present_titre{ font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; font-weight:bold; margin: 2px 0 10px auto; line-height:1.3em; display:block;}



/* GALERIE SLIDE */
.store-tab-gallery{ display:block;float:left;  width:300px ; margin:20px 0 0 20px; }
.prod-gallery-big{ display:block; float:left;  width:278px ; height:300px;margin:1px 0 0 1px; border:1px solid #ccc; color:#333333; font-weight:bold; text-indent:3px}
.prod-gallery-link{ display:block; float:left; clear:both; width:285px;margin:1px 0 0 1px;}
.prod-gallery-next{ display:block; float:right; width:17px ; height:17px}
.prod-gallery-prev{ display:block; float:left;  width:17px ; height:17px}
.prod-gallery-thumbs-cont{ display:block; width:300px ; clear:both;  float:left; margin:0 0 0 0px;}
.mdl a{display:block;float:left; padding:2px ; margin:1px; height:110px; width:86px; border:1px solid #ccc; color:#333333; font-weight:normal; font-size:9px; text-indent:3px}
.mdl a:hover{ border:1px solid #f90; padding:2px;margin:1px; text-decoration:none; }
.mdl span{ padding:5px}


/*bloc news*/
.news{ display:block; float:left; clear:both;  width:500px; margin:0 0 20px 20px ;padding:0 0 20px 0 ;font: normal 11px "arial", Verdana, Helvetica, sans-serif; color:#ccc; border-bottom:1px dashed #333}
.news_content{ display:block; float:left; width:300px; margin:8px 0px 0px 8px}
.news_titre{ display:block; width:100%; font-weight:bold; /*adjust bullet image padding*/color:#fff;}
.news_link{display:block; width:100%;text-decoration: none;padding:18px 18px 0px 0px; }
.news_link a{text-decoration: none; color:#99cc99; padding: 0 0 0 10px; background-image:url(images/deco/news_link.gif); background-position:left; background-repeat:no-repeat }
.news_link a:hover{text-decoration:underline; color:#99cc99}
.news_diapo{ display:block; float:left; border:0px solid #ccc; width:120px; height:120px; margin:16px 8px 8px 8px} 




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.menu_hr{ display:block; float:left; width:810px; padding: 0 5px 0 6px}

#maintab{
width:797px;
height:17px;
padding: 5px 0;
margin: 0;
font: bold 12px Verdana;
list-style-type: none;
background-image:url(images/deco/bkgd_menu_hr_top.jpg); background-repeat:repeat-x;
z-index:100
}

#maintab li{
height:27px;
display: inline;
margin: 0;
padding:0;
}

#maintab li a{
height:27px;
text-decoration: none;
padding: 5px 7px;
color: #fff;
}

#maintab li a:hover{
color: white;
background-color:#666;
margin: 0px;
}

#maintab li a.on{
color: white;
background-color:#666;
margin: 0px;
}

#maintab li.selected a{ /*selected main tab style */
color: white;
margin: 0px;
}

#tabcontent{ /*2nd level content wrapper*/
padding: 5px 0 0 0 ;
height: 28px /*IE7 beta2 fix*/;
width:797px;
background-image:url(images/deco/bkgd_menu_hr_sub.jpg); 
background-repeat:repeat-x;
}

#tabcontent ul{
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block;
}

#tabcontent ul li a{
height:18px;
font-size:11px;
border-right: 1px solid #999;
color:white;
padding: 2px 7px;
display: block;
float: left;
text-decoration: none;
}


#tabcontent ul li a:hover{
color: #666;
background-color: #fff;
text-decoration:none;
}

#tabcontent ul li a.on {
color: #666;
background-color: #fff;
text-decoration:none;
}

#tabcontent  li.selected a{
color: #666;
background-color: #fff;
text-decoration:none;
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
font-family:Arial, Helvetica, sans-serif; 
color:#FFFFFF;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */