#lbl_001 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


/*#######    Chapitre 301    ##########  Texte Descriptif de la selection d articles ########## */
/*description des noeuds*/
.TxtDescription_Tit {color:#ff8400; margin:5px 0 8px 1px; font-size:18px; letter-spacing:0.05em}
.TxtDescription_Txt { margin:0; font-size:12px;}

* html #lesnoeuds, *+html #lesnoeuds {font-size:0}

.TxtDescription {background-position: 1000px 1000px; background-repeat:no-repeat; padding-bottom:10px}
.IntroImage .TxtDescription {width:218px; height:192px; border:5px solid #333; padding:230px 40px 20px 430px; overflow:hidden; background-position:-1px -1px; }
.IntroImage .TxtDescription_Tit {text-transform:uppercase; font-size:28px}

.IntroImage .OmbreSlide {height:20px; width:700px; background:url(../Image/DESIGN/OmbreSlide.png) no-repeat 50% 0;}
* html .IntroImage .OmbreSlide {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/OmbreSlide.png'); background: none;}

/*********groupes otions *************/
#LesGpesOpt  {position:relative; padding:5px 20px; background:url(../Image/DESIGN/LesGpesOpt.png) repeat 0 0; margin:0 0 15px 2px; width:696px; font-family:Arial, Helvetica, sans-serif; width:652px;}
* html #LesGpesOpt{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/LesGpesOpt.png'); background:none;}

#LesGpesOpt h5 {margin:0; font-size:13px; color:#FFF; float:left; margin-right:5px}
#LesGpesOpt ul {margin:0; padding:0; display:inline; background:#757575; }
#LesGpesOpt li { display:block; list-style-type:none; float:left; margin:0 5px; }
#LesGpesOpt li a, #lbl_001 .Onglet a{ padding:0;  width:auto; font-size:13px; color:#fff; margin-right:2px;}
#LesGpesOpt li a:hover, #lbl_001 .Onglet a:hover {color:#cd0f1a;}	
#LesGpesOpt li.selected a, #lbl_001 .Onglet .OngletSelected a {color:#999; text-decoration:none; cursor: default;}

/*#######    Chapitre 302    ##########  Numerotation de pages ########## */
/*Les numerotation de page quand le nombre d'aticles est superieur au maximum fixe */
/* ATTENTION AUSSI PRESENT DANS AfficheResultatRechercheAvancee.css */
#LesArticlesduNoeud {position:relative}
table.Onglet { position:absolute; top:-6px; right:40px; font-family:Arial, Helvetica, sans-serif;}
.PaginationBas {position:relative; width:700px}
.PaginationBas table {background:url(../Image/DESIGN/LesGpesOpt.png) repeat 0 0; height:20px; padding:5px 20px;}
* html .PaginationBas table {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/LesGpesOpt.png'); background: none;}
.PaginationBas table.Onglet {background:transparent; right:-10px; top:-8px}
* html .PaginationBas table.Onglet, *+html .PaginationBas table.Onglet {filter:none; top:-5px; right:5px } 
table.Onglet td{ border-collapse:separate; padding:1px;}
#lbl_001 .Onglet a, #lbl_001 .Onglet a:hover, #lbl_001 .Onglet .OngletSelected a {margin:0; background:transparent; font-size:11px}
#lbl_001 .Onglet a:hover {background:#222}

/*#######    Chapitre 303    ##########  Les familles d articles en pleine page ########## */
.CacheSN #lesnoeuds {display:none}
.familleArticl_elmt, .familleArticl_elmt_up {width:340px; height:202px; float:left; margin:0 20px 20px 0; position:relative; overflow:hidden; background-color:#141414; cursor:pointer}
.familleArticl_elmt_up {margin:2px 20px 18px 0;}
.familleArticl_elmt_up img {FILTER:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7;}
.familleArticl_cntr {display:block; text-align:center; height:173px; background-color:#200e00; overflow:hidden}
.familleArticl_txt {height:27px; background:#0a0a0a url(../Image/DESIGN/familleArticl_txt.gif) repeat-x 0 0; overflow:hidden}
.familleArticl_tit {PADDING:7px 0 0 14px}
.familleArticl_tit a{font-size:15px; font-weight:bold; text-decoration:none; line-height:12px; color:#ef7c01 }

.familleArticl2_elmt {width:700px; float:left; margin:12px 0 0 0; position:relative; overflow:hidden; cursor:pointer}
.familleArticl2_tit {background:#0a0a0a url(../Image/DESIGN/familleArticl_txt.gif) repeat-x 0 0; overflow:hidden; PADDING:9px 14px; font-size:15px; line-height:12px; color:#ffab55}
.familleArticl2_contenu {margin-top:2px; border:3px solid #2c2c2c; background-color:#FFF; color:#000; padding:13px 15px; height:122px; }
.familleArticl2_img {float:left; width:170px; height:107px; overflow:hidden }
.familleArticl2_txt {float:right; width:472px; height:70px; overflow:hidden; font-size:12px}
.familleArticl2_cntr {display:block; text-align:center; }
.familleArticl2_Bt {text-align:right; padding:18px 10px 0 0; float:right}

/*#######    Chapitre 304    ##########  Les listes d articles en pleine page - Mode de vue standard ########## */
#ArticlesDuNoeud, #lesnoeuds {width:730px}
.ListArticl_elmt {width:222px; height:331px; float:left; margin:0 15px 10px 0; position:relative; overflow:hidden; cursor:pointer}
* html .ListArticl_elmt, *+html .ListArticl_elmt {height:336px}
.ListArticl_img {border:3px solid #2c2c2c;  text-align:center; overflow:hidden; background-color:#FFF; background:#FFF; height:240px; width:216px; overflow:hidden }
.ListArticl_cntr {display:block; text-align:center; height:240px; }
table.ListArticl_cntr td{width:215px; height:240px; text-align:center; vertical-align:middle!important}
.ListArticl_txt {border:3px solid #2c2c2c; overflow:hidden; height:55px; margin-top:2px; background:#0d0d0d url(../Image/DESIGN/ListArticl_txt.png) repeat-x 0 0; padding:10px 8px}
.ListArticl_tit {text-align:left; height:30px; overflow:hidden;}
.ListArticl_tit a{ font-size:13px; color:#FFF!important; font-weight:bold; text-decoration:none; line-height:14px;}
.ListArticl_prx {text-align:left; line-height:20px; color:#ff8400; font-size:19px; position:relative; margin-top:5px }
.ListArticl_prx strike {color:#c2242e; font-size:13px; position:absolute; top:-1px; left:120px}
.PictoInfo {position:absolute; top:226px; left:202px}

.up .ListArticl_img , .up .ListArticl_txt {border-color:#840210}
.ContenuBulle .ListArticl_crt {display:none;}/*NE PAS TOUCHER - IMPORTANT POUR AFFICHAGE DES INFOBULLES*/

/*#######    Chapitre 306    ##########  Le detail d'article ########## */
.detailArticl_elmt{position:relative; }
.detailArticl_Subtitle, .detailArticlContenu_title {color:#ff8400; margin:5px 0 0 1px; font-size:21px; letter-spacing:0.05em}
.detailArticl_txt1, .detailArticlContenu_txt1 {padding:10px 0 0 0}
.detailArticl_Zn2{padding:10px 0 10px 0; clear:both}
.detailArticl_Bloc1 {width:294px; float:right; background:#171717; padding:18px; height:360px; overflow:hidden}
.detailArticl_Bloc2 {width:346px; float:left;}
* html .detailArticl_Bloc2 {position:relative}

.detailArticl_title {color:#FFF; margin:5px 0 8px 1px; font-size:20px; letter-spacing:0.05em; height:52px; overflow:hidden}
.detailArticl_descript {overflow:hidden; height:110px}
.detailArticl_descript, .detailArticl_descript font  {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px}
.detailArticl_Panier {margin:15px 0; height:70px}
  .detailArticl_prx {float:left; width:150px; height:50px; text-align:left; color:#F7931E; font-size:27px; font-weight:bold;}
  .detailArticl_prx strike {font-size:20px; color:#858585; display:block}
  .detailArticl_Liens {float:right; width:130px}
  .detailArticl_Liens ul {margin:0; padding:0; font-size:14px}
  .detailArticl_Liens li {list-style:circle; }
.detailArticl_select {font-size:13px; margin-bottom:15px; min-height:30px; height:auto!important; height:30px}
  .detailArticl_select select {margin:0 8px; padding:3px}
.FiltreDimension {background:#000 url(../Image/DESIGN/background.jpg) no-repeat 50% -50px; padding:5px 18px}
.detailArticl_bts {padding:0}
.detailArticl_bts img {border:1px solid #171717;}
.detailArticl_bts a:hover img{-moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow:0 0 8px #ccc;}

.detailArticl_img{border:3px solid #2b2b2b ; display:block; width:340px; position:relative; height:300px; background:#FFF; overflow:hidden;}
.detailArticl_img a{font-size:0;}
.detailArticl_Galr {height:46px; overflow:hidden; overflow-x:auto; border:3px solid #2b2b2b; background:#0a0a0a url(../Image/DESIGN/detailArticl_Galr.png) repeat-x 0 0; color:#666; padding:21px 0 15px 13px}
.detailArticl_Galr a {overflow:hidden; display:block; background-color:#FFF}


td.Propriete {font-weight:bold; padding:0 10px 5px 0; color:#bbb }

.detailArticl_Zn3 .ListArticl_elmt  {width:155px; height:225px; margin:0 15px 15px 0}
.detailArticl_Zn3 .ListArticl_img {height:135px; text-align:left; width:149px; overflow:hidden}
.detailArticl_Zn3 .ListArticl_tit a {font-size:11px}
.detailArticl_Zn3 .ListArticl_prx {font-size:17px}
.detailArticl_Zn3 .ListArticl_prx strike {font-size:11px; left:100px}
#PaveOnglets2 {padding-bottom:0; padding-right:0}

/*complement de style conseil*/
 .detailArticlContenu_title {font-size:25px}
.detailArticlContenu_txt1 .bordur { border:1px solid #2b2b2b; padding:5px; background:#555}
.detailArticlContenu_txt1  ul {margin:0; padding:15px 0 0 20px}
.detailArticlContenu_txt1  blockquote {margin:0; padding:0 0 0 15px}
.detailArticlContenu_txt1  h2 {font-size:18px; color:#F0993C; text-align:left; padding:0; margin:0; }
.detailArticlContenu_txt1  h3 {font-size:16px; color:#BBB; text-align:left; padding:5px; margin:0; background:url(../Image/DESIGN/LesGpesOpt.png) repeat 0 0; }
.detailArticlContenu_txt1 a {color:#FFF}
.detailArticlContenu_txt1 a:hover { color:#cd0f1a; }
* html .detailArticlContenu_txt1 h3 {background:url(../Image/DESIGN/background.jpg) no-repeat 50% -50px}
.detailArticlContenu_img {float:left; margin:0 25px 15px 0;}
.detailArticlContenu_img a {font-size:13px; color:#CCC; font-weight:bold; text-decoration:none; background:#1e1e1e; display:block; padding:10px; float:left; max-width:250px; width:auto!important; width:250px}
.detailArticlContenu_img a img {float:left; margin-right:3px}
.detailArticlContenu_img a:hover {color:#cd0f1a;}

/*zomm ici*/
.detailArticl_RefZoom {position:relative; width:340px; height:2px; }
#RepereZoom { position: absolute; border:1px solid #666; background-color:#FFF; FILTER:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4; font-size:0 }
#zoomx-visuel { position: absolute; height:300px; width:340px; background-repeat:no-repeat; border:3px solid #2b2b2b; background-color:#fff }
#ZoomXL {border:1px solid #ccc; background-color:#FFF; z-index:150; overflow:hidden; text-align:center; background-position: 50% 150px; background-repeat:no-repeat; background-image:url(/Image/WEB/loading100.gif);}
#ZoomXL .ImgXl { cursor:url("../Image/WEB/openhand_8_8.cur"), default; margin-top:10px}
#ZoomXL .ImgXlClick { cursor:url("../Image/WEB/closedhand_8_8.cur"), default; margin-top:10px}
#ZoomXLClose {position:absolute; top:5px; right:5px; background:url(../Image/WEB/ZoomXLClose.png) no-repeat 0 0; width:53px; height:68px; z-index:151; cursor:pointer }
* html #ZoomXLClose {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/WEB/ZoomXLClose.png'); background:none;}
#ZoomXLBack {position: absolute; top:0; left:0; width:2000px; height:2000px; background-color:#FFF; z-index:149}

#ZoomXLVignettes {position:absolute; top:5px ; left:20px; width:50px; z-index:151}
#ZoomXLVignettes ul {margin:0; padding:0;}
#ZoomXLVignettes ul li {list-style:none; margin: 0 0 10px 0;}
#ZoomXLVignettes a.NoZoom {display:none}
#ZoomXLVignettes a {text-decoration:none;}
#ZoomXLVignettes a:hover img{Filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}

.imagesUlLi ul { padding:0; text-align:left; margin:0; width:100% }
.imagesUlLi li { display:block; list-style-type:none; overflow:hidden; float:left; background:#FFF}
.imagesUlLi li  a {}
.imagesUlLi li.NoZoom a{cursor: default}

.detailArticl_img, .detailArticl_img li {width:340px; height:300px; overflow:hidden}
.detailArticl_Galr li {margin:0 10px 8px 0; border:1px solid #ccc}
.detailArticl_Galr li.selectImg  {border:1px solid #CC0000}

.cacheDiv .detailArticl_Galr  {background:#0a0a0a}
.cacheDiv .detailArticl_Galr ul {display:none}
.cacheDiv .detailArticl_RefZoom {background:none;}

/**** Paves onglets****/
*+html .EnteteOnglets ul, *+html .EnteteOnglets li, *+html .EnteteOnglets, * html .EnteteOnglets ul, * html .EnteteOnglets li, * html .EnteteOnglets  {height:1%; }
* html .EnteteOnglets  {height:30px; overflow:hidden }
.EnteteOnglets {background:url(../Image/DESIGN/EnteteOnglets.gif) repeat-x 0 100%; margin:15px 0 0 0; clear:both}
.EnteteOnglets ul {margin:0; padding:0;}
.EnteteOnglets li {float:left; margin:0 1px 1px 0; padding:0; background:#3c3c3c url(../Image/DESIGN/ItemOngDown1.png) repeat-x 0 0; list-style-type:none; }
.EnteteOnglets a {display:block; padding:5px 10px 5px 10px; text-decoration:none;  font-size:13px; color:#b2b2b2; height:20px; width:auto!important; text-align:center; font-weight:bold;}

* html .EnteteOnglets li {height:30px; padding:5px 0 5px 0; margin:0 2px 2px 0;}
* html .EnteteOnglets a {display:inline}

.EnteteOnglets li.selectDAOng {background:#0c0c0c; }
.EnteteOnglets li.selectDAOng a {color:#5d5d5d; cursor:default ; }
.EnteteOnglets a:hover {color:#FFF;}
.PaveOnglets {padding:10px 0 25px 0; line-height:18px; text-align:justify}

.PaveOnglets {background:#1a1a1a url(../Image/DESIGN/detailArticl_txt2.png) repeat-x 100% 0; padding:18px}
* html .PaveOnglets {border:1px solid #131313; border-top-color:#4F4F4F}
.BlocOnglet font {color:#FFF}

	/*NE PAS TOUCHER */
#lbl_001 td { vertical-align:top} /*bug ie remonter les listes articles en haut*/ 
table.ListArticl_cntr td{ vertical-align:middle!important}/*bug ie remonter les listes articles en haut*/

/*#######    Chapitre 307    ########## PROMO ########## */
/*etiquette promo*/
/* ATTENTION AUSSI PRESENT DANS accueil.css ET AfficheResultatRechercheAvancee.css */
.ListArticl_elmt_Etqts, .detailArticl_Etqts {position:absolute; left:13px; top:13px; width:44px;}
.detailArticl_Etqts {top:48px}
.promo {background:#e1001b url(../Image/DESIGN/promo.gif) repeat-x top left; padding:4px 0; font-size:15px; text-align:center; font-weight:bold}
.new {display:block; height:29px; background: url(../Image/DESIGN/new.gif); margin-top:4px }

/*###### AFFINAGE #####*/

ul.Affin_ListeImages { padding:5px 0; margin:0; width:250px; }
ul.Affin_ListeImages li { float:left; list-style-type:none; overflow:hidden; width:20px; height:20px; margin:0 2px 2px 0; position:relative}
ul.Affin_ListeImages  li a{ padding:0; width:auto; text-decoration:none; font-size:13px; color:#FFF; font-weight:bold;}	
ul.Affin_ListeImages  li a img{position:absolute;}
ul.Affin_ListeImages  li a:hover img {left:-20px}
ul.Affin_ListeImages  li.InActif img {top:-20px}
ul.Affin_ListeImages  li.Selected img {left:-20px}
