#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;
}

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:#EC751C; font-size: 10px;}
a:hover { color:#EC5E1C;}

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;
	
	}

.Logo img{}

#PanelMiniRecherche {font-size:0; position:absolute; top:127px; left:820px}
#MiniRecherche {height:20px; margin: 0 0 0 10px; position:relative;}
#MiniRecherche * { float:left; margin-right:1px; height:15px; }
#MiniRecherche #Entete { display:none; position:absolute;}
#Saisie input {background:#fff; padding-left:3px; border: 1px solid #90A804; color:#90A804; height:18px; font-weight:bold}
#MiniRecherche .MnRch_Bt {display:none}
#MiniRecherche #Saisie input{ width:150px;}

#lbl_001 #MiniRecherche {position:relative; top:-40px }
#lbl_001 #MiniRecherche a.RechLkAvancee {display:none}
#lbl_001 #Saisie, #Saisie input {width:350px}

#PanelBanniere { height:220px; position:relative; background:#FFFFFF; padding:0; overflow:hidden}
#lbl_002 {display:none; }
#PanelBanniere h1 {}

#PanelZoneCorps {background:#FFF url(../Image/DESIGNNEW/colipaysBack.gif) repeat-y left top;}

#PanelZone123 {}
#PanelZone1 { float:left; width:200px; margin:0 9px 0 0; padding:0; }
#PanelZone2 { float:left; width:750px /*572px*/; padding:0; height:auto!important; height:391px; min-height:391px; margin-top:9px }
#PanelZoneCentrale{overflow:hidden;}
#PanelZone3 { display:none/*float:right; width:200px; margin-right:10px!important; margin-right:5px;*/  }

#PanelZone0 {}

#PanelCatalogue {}
#PanelZone1 ul {padding:0;  margin:0; }
#PanelZone1 ul ul {padding: 8px 0 }
#PanelZone1 li { display:block; text-align:left; padding:0; list-style:none;}
#PanelZone1 li li {padding:0 0 0 8px; background:none}
#PanelZone1 li li li {padding:0 0 0 10px;}

#PanelZone1 a {font-size:14px; color:#90A804; text-transform:uppercase; font-weight:bold; line-height:22px; background:#FFF; display:block; padding:0 8px; text-decoration:none; font-family: "Trebuchet MS", Arial, sans-serif;}
#PanelZone1 li li a {font-size:12px; color:#FFF; text-transform:none;line-height:15px; background:none; padding:1px 0; font-family: Arial, sans-serif;}
#PanelZone1 li li li a {font-size:12px; line-height:12px}

#PanelZone1 a:hover {cursor:default}
#PanelZone1 li li a:hover {text-decoration:underline; cursor:pointer}
/*----------------------*/

#PanelCatalogueSecondaire a {width:198px; text-decoration:none;}
#PanelCatalogueSecondaire a img{width:100%;}
#PanelCatalogueSecondaire li { margin: 10px 0 0 0;}

/*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, ul#menu li span{ padding: 0 5px 0 3px ; width:auto; text-decoration:none; font-size:12px; font-family: "Trebuchet MS", Arial, sans-serif;}	
ul#menu li a:hover {}

#PanelPiedPage {position:relative; margin:5px 0 0 0; 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 a:hover{color:#333333; text-decoration:underline;}
#PanelModuleInformation {position:absolute; top:122px; left:250px; width:670px}
#PanelModuleInformation ul {padding:8px 0 8px 0;}
#PanelModuleInformation li {background-color:#FFF; margin:0 5px; padding:3px 5px}
#PanelModuleInformation a {color:#73421D; font-weight:bold}
#PanelModuleInformation a:hover{color:#EC751C}
#PanelPiedPage ul#menu li a, #PanelPiedPage ul#menu li span {color:#73421D!important;}
#PanelPiedPage ul#menu li a:hover {color:#725744;}

		/*Mini Panier*/
#PanelMnPanierConex {
	z-index:5;
	position:absolute;
	clear:both;
	width:250px;
	left:750px;
	top:80px;
	visibility: visible; 
}
#Conex, #mp { width:115px; height:auto; float:left; margin:0; border-left:1px solid #73421D; padding-left:3px}
#Conex {margin:0 5px 0 0 }

#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; }

#PanelMnPanierConex .titre, 
#PanelMnPanierConex .titre a  {display:block; letter-spacing:1px; color:#73421D; font-size:12px; text-transform:none; letter-spacing:0; font-weight:bold; text-decoration:none; }
#PanelMnPanierConex .detail a, #PanelMnPanierConex .detail  {color:#E2001A; font-size:11px; text-decoration:none }
#PanelMnPanierConex .detail a:hover {text-decoration:underline}
#lbl_018 {border-right:3px solid #FFFFFF}
.detail a:hover, .titre a:hover { color:#FF3333; text-decoration:underline;}

/*Fil d arianne*/
#FilAriane {width:660px; padding:3px}
#FilAriane a {color:#000000; font-size:10px;}
#FilAriane a:hover {color:#777777; text-decoration:none}

/******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 }
#flashdewplayer {margin:1px; top:0; left:-62px; position:relative}
#flashdewplayercrop {position:absolute; top:4px; left:25px; overflow:hidden; height:20px; width:141px;}
#MusicOnOff {display:block; width:20px; height:20px; position:absolute; top:5px; left:5px}
#MusicOnOff.MusicOn {background:url(../Image/DESIGN/MusicOff.gif) no-repeat top left; }
#MusicOnOff.MusicOff {background:url(../Image/DESIGN/MusicOn.gif) no-repeat top left; }



/*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;}


/***Liste d'articles***/
.ListArticl_elmt { background: url(../Image/DESIGN/ListArticl_elmt.png)no-repeat left top; width:325px; height:130px; float:left; margin:10px 12px 0 0; position:relative; overflow:hidden; padding:8px}
#LaListeDesArticles2 .ListArticl_elmt {background:url(../Image/DESIGN/ListArticl_elmt2.png) no-repeat left top!important; height:185px!important;}
.ListArticl_elmt .prix {font-size:12px; color:#007700; display:block; margin:3px 0}
.ListArticl_img{ width:110px; height:110px; float:left;}
.ListArticl_cntr {display:block; text-align:center; height:110px; }
table.ListArticl_cntr td{width:110px; height:110px; text-align:center; vertical-align:middle!important}
.ListArticl_txt {width:200px; float:right}
.promo{position:absolute; left:0; top:8px; width:64px; height:64px; background:url(../Image/DESIGN/promo.png) no-repeat top left;}

.BoutonPanier {display:block; height:18px; overflow:hidden; margin:2px 0 0 0; font-size:0}
.BoutonPanier a {display:block; margin:0 0 2px 0}
.ListArticl_elmt .DivOptionsACliquer{position:absolute; top:10px; left:10px; width:298px; height:120px; background:#CCC; padding:5px; FILTER:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity: 0.9; border:1px solid #000; }
.ListArticl_elmt .DivOptionsACliquer a,  .ListArticl_elmt .DivOptionsACliquer strong{color:#000; text-decoration:none; float:right; margin:3px 3px 0; font-weight:bold; }
.ListArticl_elmt .DivOptionsACliquer strong {width:200px; line-height:10px; }
.ListArticl_elmt .detail {width:auto!important}
#sub_VueWebKey_Article_Stock #mdl div {width:auto!important}
#sub_VueWebKey_Article_Stock #mdl div.DivOptionsACliquer {width:298px!important}
.clearOptionACliquer {clear:both; height:3px; border-bottom:1px solid #999 }

#Article_Libraire_Popup_details #sub_VueWebKey_Article_Stock #mdl div.BoutonPanier  {width:350px!important}
.BoutonPanier .DivOptionsACliquer {font-size:12px!important}
.TxtDescription h2 {margin:0 0 3px 0}


/*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; border-bottom:1px solid #ccc}
.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; color:#1B64A6; font-weight:bold; text-decoration:none; line-height:13px; }
.ListArticl2_tit a:hover{text-decoration:underline;}
.ListArticl2_PrixBt {margin:5px 0 0 0}
.ListArticl2_prx {text-align:left; line-height:15px; color:#007700; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; float:left; width:180px;}
.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 3px}
	/*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}

/*#######    Chapitre 402    ########## PROMO ########## */
/*etiquette promo*/
/* ATTENTION AUSSI PRESENT DANS accueil.css ET View.css */
.promo {position:absolute; left:0; top:8px; width:64px; height:64px; background:url(../Image/DESIGN/promo.png) no-repeat top left; }
* html .promo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/promo.png'); background:none; }

/*#######    Chapitre 403    ##########  Numerotation de pages ########## */
/*Les numerotation de page quand le nombre d'aticles est superieur au maximum fixe */
/* ATTENTION AUSSI PRESENT DANS View.css */
table.Onglet { margin:10px 0 5px 50px; position:relative;}
table.Onglet td{ border-collapse:separate; padding:1px;}
#lbl_001 .Onglet a {color:#000000; font-size:10px; border:1px solid #CCCCCC; margin:4px 2px 4px 2px; text-decoration:none; background-color:#FFFFFF;}
#lbl_001 .Onglet a:hover { border:1px solid #007700;}
#lbl_001 .Onglet .OngletSelected a {cursor:default; background:#007700; color:#FFFFFF; border-color:#007700}

/*CONTROLER TAILLE TXT DES LISTES ARTICLES*/
.ListArticl_Descript { max-height:60px; overflow:hidden;}
#LaListeDesArticles2 .ListArticl_Descript { max-height:120px; overflow:hidden;}