
#TitrePage {width:1000px;
	position:relative;
	left: 50%; 
	margin:0 0 0 -500px; padding:2px}
/* DEFINITIONS GENERALES */
body
{
	padding: 0px;margin:0px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
	background-color:#EDEDED;
}
#lbl_001 td { vertical-align:top}
table { border-collapse: collapse; font-size:12px;}
h1{font-size:10px;}   
h2{font-size:14px;} 
h3{font-size:12px;}
h4{font-size:10px;}

p { text-align:left;}
a {color:#E2007A; font-size: 10px;}
a:hover { color:#C8D200;}

a img{ border:0}
hr { border:0; border-bottom: 1px solid #CCCCCC; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}
#TitrePage{color:#000000}

/* POSITIONNEMENT DES BLOCS PANELS */
#PanelSiteGlobal{
	z-index:1;
	width:1000px;
	position:relative;
	left: 50%; 
	margin-left:-500px;
	border:1px solid #666666;
	background: #FFF url(../Image/DESIGN/back2.gif) repeat-y left 
	
	}
#PanelSiteGlobal2{background:url(../Image/DESIGN/back.jpg) top left no-repeat;}
#PanelPreBanniere {position:relative;padding:0;	}

#MiniRecherche {height:50px; width:200px; position:relative; padding: 0 0 10px 0}
#PanelMiniRecherche br {display:none}
#Saisie input {background: url(../Image/DESIGN/MenuBackTranparent.png); border:0px; border:2px solid #fff; color:#000; height:20px; font-size:14px; padding:5px; font-family:"Trebuchet MS", Arial sans-serif; font-weight:bold}
#MiniRecherche .MnRch_Bt {display:none}


#PanelBanniere { height:175px; position:relative; overflow:hidden; width:1000px; background:url(../Image/DESIGN/livraison_48h.png) no-repeat 445px 0}
#lbl_002 img {margin:85px 0 0 369px;}

#PanelZone1 { float:left; width:180px; padding:0; margin:85px 0 0 0; }
#PanelZone2 { float:right; width:805px!important; width:800px; padding:0; overflow:hidden}
#PanelZoneCentrale{overflow:hidden;}
#PanelZone3 { display:none }

* html #PanelZone1, * html #Saisie input {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='../Image/DESIGN/MenuBackTranparent.png');}

.MenuGauche ul {padding:0;  margin:0; }
.MenuGauche ul ul {margin:0 0 7px 0; padding:0 0 7px 0}
.MenuGauche ul ul ul{background:none;}
.MenuGauche ul li {list-style:none; font-size:0;}
.MenuGauche ul li a { background:#FFF; padding:5px; display:block; font-size:14px; text-decoration:none; color:#39B54A; text-transform:uppercase; font-family:"Trebuchet MS", Arial sans-serif; font-weight:bold; line-height:12px;}
.MenuGauche ul li li a {background: url(../Image/DESIGN/MenuBackTranparent.png); font-size:13px; text-transform:none; padding:5px 25px 5px 10px; color:#00572E; line-height}
* html .MenuGauche ul li li a, * html #Saisie input {background:none;}

.MenuGauche ul li li li a { padding:5px 25px 0 20px;}
.MenuGauche li li a:hover {color:#45872C}
#Club ul li a {color:#D4145A}
#Club ul li li a{color:#00572E}
#Club li li a:hover {color:#45872C}

/*detail des modules*/

		/*menus ligne et menu sansliststyle*/
ul#menu { padding:0; margin:0; } 
ul#menu li { display:inline; list-style-type:none;}
ul#menu li a{ padding: 0 5px 0 3px ; width:auto; text-decoration:none; font-size:12px; font-weight:bold}	

#PanelPiedPage {position:relative; margin:5px 0 0 180px; text-align:center}
#PanelModuleInformation2  a{ padding: 0 5px; width:auto; font-size:9px; COLOR:#999999;  font-weight:bold; border-right: 1px solid #999999; text-decoration:none;}
#PanelModuleInformation2 li.last a{ border-width:0;}
#PanelModuleInformation2 a:hover{color:#333333; text-decoration:underline;}

#PanelModuleInformation {position:absolute; top:155px; width:663px; left:370px;}
#PanelModuleInformation ul {background:url(../Image/DESIGN/BarreMenuHoriz.jpg) bottom right no-repeat; padding:0 0 5px 0}
#PanelModuleInformation li {background:url(../Image/DESIGN/PointMenuHoriz.gif) 0 6PX NO-REPEAT; margin:0 0 0 0; padding:0 0 0 7px}
#PanelModuleInformation li#_0 {background:none; padding:0}
#PanelModuleInformation a {color:#2E874D; }
#PanelModuleInformation a:hover {color:#D8057C;}

#PanelPiedPage ul#menu li a {color:#999999;}
#PanelPiedPage ul#menu li a:hover {color:#666666;}

/*#######    Chapitre 6    ########## #PanelMnPanierConex ########## */
/* Les elements #Conex et #miniPanier sont repositionnes dans la banniere */

	/*positionnement des elements*/
#PanelMnPanierConex {top:0; position:absolute; padding:0; left:650px; margin:0; width:350px}
#Conex, #lbl_005{width:160px; height:35px; float:left; border-left:2px solid #ED1E79; display:block; padding:5px}
#miniPanier {float:right; position:relative}
	/*Definir les styles des titres et sous-titres*/
#PanelMnPanierConex .titre, #PanelMnPanierConex  .detail{ display:block; } 
#PanelMnPanierConex .titre, #PanelMnPanierConex  .titre a{ letter-spacing:1px; color:#ED1E79;  text-decoration:none; font-weight:bold; font-size:15px; font-family: Verdana, Arial, sans-serif ;}
#PanelMnPanierConex .detail, #PanelMnPanierConex  .detail a{ color:#8CC63F; font-size:12px; text-transform:none; text-decoration:none; font-weight:bold}
#PanelMnPanierConex a:hover { text-decoration:underline;}

#mp_detail {z-index:6; position:absolute; width:350px; right:0 ; background: url(../Image/DESIGN/mp_detail1.gif) no-repeat top ; padding-top:3px;}
#mp_detail #btm {background: url(../Image/DESIGN/mp_detail3.gif) no-repeat bottom ; padding-bottom:2px }
#mp_detail #mdl {background: url(../Image/DESIGN/mp_detail2.gif) repeat-y  ; }
table#tabl_mn_panier { width:340px; border-collapse: collapse; margin: 3px 5px 3px 5px; color:#000000; font-weight:bold; background: url(../Image/DESIGN/zebre.gif) ;}
table#tabl_mn_panier td { padding: 5px 5px 5px 5px; text-align:center; vertical-align:middle;}
table#tabl_mn_panier tr.pr {  background: url(../Image/DESIGN/zebre2.gif) ;}
#modif_cmd a, #termin_cmd a {width:338px; display:block; text-align:center; margin: 1px 6px 3px 6px; font-weight:bold; text-indent:14px; font-size:13px;}
table#tabl_mn_panier td#qte { width:35px;}
table#tabl_mn_panier td#prix { width:80px;}
td#qte, td#prdt { border-right: 1px solid #CCCCCC;}
table#tabl_mn_panier td#prdt { text-align:left; width:225px; }
#fdp_cmd {color:#666666; font-style:italic; text-align:right; width:338px; display:block; padding-right:10px; }


/*Fil d arianne*/
#FilAriane {width:630px; padding:0 0 0 173px}
#FilAriane a {color:#777; font-size:12px; text-decoration:none}
#FilAriane a:hover {color:#000; }

/******Poursuivre achats ? Popup///////////et mot de passe perdu********/
.PopupTerminerCommande  {padding:120px 15px 50px 150px; background:url(../Image/DESIGN/ArticleAjoute.png) no-repeat 15px 30px; }
#MotDePassOublie  {padding:65px 15px 50px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-size:15px; font-weight:bold;}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }

/******Ajout commentaire********/
.PopupAjoutComment  { background:url(../Image/DESIGN/ArticleAjoute.png) no-repeat 15px 30px; }
.PopupAjoutComment h4 {margin:10px 15px; font-size:18px; font-family:Verdana, Helvetica, Arial, sans-serif; color:#2D589F}
.PopupAjoutComment textarea { text-align:center; font-size:15px; font-weight:bold; margin:0 0 10px 15px; width: 450px; height: 200px;}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }

/*infobulle*/
#infobulle{
position: absolute;      
border: 1px solid #000000;
padding: 0px;
z-index:20000;
background-color:#FFFFFF;
display:none;
}
/*Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; ;FILTER: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}

#DIV_LigneArticleCommentaire {Z-INDEX: 999; FILTER: alpha(opacity=50); LEFT: 0pt; WIDTH: 100%; position:absolute; TOP: 0pt; BACKGROUND-COLOR:#000000; -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
#DIV2_LigneArticleCommentaire {Z-INDEX: 1000; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid; position:absolute; TOP: 50%; BACKGROUND-COLOR: white; padding: 3px 3px 3px 3px; overflow:scroll }

/*Point cadeau*/
#PAS_ASSEZ_PTS { background:#CC3300 url(../Image/DESIGN/PAS_ASSEZ_PTS.gif) top right no-repeat; color:#FFFFFF; font-size:12px; font-weight:bold; cursor:pointer; padding: 15px 5px 5px 5px; border:2px solid #FF9900;}

/*colonnage dans PanelZoneCentrale*/

.colonne1 {width:155px!important; width:145px; float:left; text-align:right; color:#8CC63F; font-size:15px; overflow:hidden}
.colonne2 {width:630px; float:right; position:relative}

/*mask popup*/
.TxtDescription_Txt{text-align:right!important; font-weight:bold}
.TxtDescription_Tit{color:#ED1E79; font-size:18px; margin:0 0 8px 0; padding:5px 0 0 25px; font-weight:bold;}
#DetailArticle_elm .TxtDescription_Tit{text-transform:lowercase; text-align:right}
#DetailArticle_elm .TxtDescription_Tit:first-letter {text-transform:uppercase!important}
.partel {margin:0 0 25px 0}
.DetailArticle_Img {margin:0 25px 0 0}
#sub_VueWebKey_Article_Lie_Article {padding:35px 0 0 0!important; margin-top:5px!important }
#DetailArticle_elm .prix {font-size:13px; color:#2E874D}
#DetailArticle_elm .prix strong {color:#BF0000; font-family: "Impact","Arial Black", Arial; letter-spacing: 1px; font-size:16px; font-weight:normal; padding-left:5px}
.Article_StockPopup {width:410px}
.Article_StockPopup_elmt {background:#eee; line-height:17px; padding:5px; margin-bottom:3px}
.Article_StockPopup_elmt a {display:block; width:90px; float:left}

/*recherche*/
/*#######    Chapitre 401    ##########  Les listes d articles en pleine page - Mode de vue recherche et catalogue 2 ########## */
/* ATTENTION AUSSI PRESENT DANS View.css */
.ListArticl2_elmt {position:relative; background:url(../Image/DESIGN/CTL2_barHorizon.jpg) no-repeat 50% 100%; }
.ListArticl2_cntr {display:block; margin:15px 7px 10px 7px; text-align:center; height:105px; width:150px; float:left }
table.ListArticl2_cntr td{width:165px; height:105px; text-align:center; vertical-align:middle!important}
.ListArticl2_txt {padding:8px 0; float:left; width:350px}
.ListArticl2_tit {text-align:left; margin:0 0 10px 0 }
.ListArticl2_tit a{ font-size:15px; font-weight:bold; text-decoration:none; line-height:15px;  }
.ListArticl2_tit a:hover{text-decoration:underline;}
.ListArticl2_PrixBt {margin:5px 0 0 0}
.ListArticl2_prx {text-align:left; line-height:15px; color:#2E874D; font-size:14px; float:left; width:180px; font-weight:bold}
.ListArticl2_prx strike {padding-left:5px; color:#999999; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif }
.ListArticl2_prx strong{color:#BF0000; font-family: "Impact","Arial Black", Arial; letter-spacing: 1px; font-size:16px; font-weight:normal; padding-left:5px}
.ListArticl2_bts {float:right; width:155px;  }
.ListArticl2_bts a { float:left; margin:0 5px 0 0}
	/*la pertinence de la recherche*/
.ListArticl_pertinence {color:#000000; position:absolute; top:10px; width:150px; height:10px; left:8px!important; left:-168px; font-weight:bold; text-align:center; font-size:10px; background:#FFFFFF; FILTER:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; padding:0 0 2px 0}
.ListArticl_pertinence span {float:left; margin:0 10px;}
.ListArticl_pertinence table {width:50px; margin:1px 0 0 5px; height:3px; float:left; margin:5px}

/***promo**/
.promo {position:absolute; left:3px; top:2px; width:64px; height:64px; background:url(../Image/DESIGN/promo.png) no-repeat top left; }
.ListArticl_elmt .promo {top:0;}
* html .promo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/promo.png'); background:none; }


