/* ZONE ANIMATION HAUTE ET BASSE */ 
.promo-contenu-haut-connect{overflow:hidden; position:relative; clear:both;background-color:#FFFFFF; }
.promo-contenu-haut{overflow:hidden; position:relative; clear:both;background-color:#FFFFFF}
.promo-contenu-bas{overflow:hidden; position:relative; margin-top:10px; clear:both}
.haut{background:url(../images/static/bg-promo-haut.gif) no-repeat; height:8px}
.images-promo{background:url(../images/static/bg-promo-repeat.gif) repeat-y; width:742px}
.image-promo{margin-left:8px}
.separateur{float:left;width:9px;height:109px;background:url(../images/static/bg-promo-separ.gif) 50% bottom repeat-y}
.bas2{clear:both;background:url(../images/static/bg-promo2-bas.gif) repeat-y; height:11px}
.bas3{clear:both;background:url(../images/static/bg-promo3-bas.gif) bottom no-repeat; height:11px}
.bas0{clear:both;background:url() repeat-y; height:11px}
.bottomAnimationVide{width:735px; height: 124px;overflow:hidden;margin:0 5px; background:url(../images/static/bg-popup.jpg) 0 0 no-repeat}

/* ZONE ANIMATION MODE CONNECTE */ 
.magasin{overflow:hidden; background:url(../images/static/bg-htmagasin.jpg) bottom left no-repeat;width:740px}
.magasin .bienvenue{overflow:hidden; width:419px; float:left; padding:5px 15px 10px 10px}

/* Bloc de presentation du client et du magasin */
.magasin .bienvenue .bloc1{overflow:hidden; color:#00A2E5; margin-left:10px;height:80px;background:url(../images/static/barre-hori01.gif) no-repeat 50% bottom}
.magasin .bienvenue .bloc1 .titre{float:left;width:100%;font-size:18px}
.magasin .bienvenue .bloc1 .titre span{float:left}
.magasin .bienvenue .bloc1 .titre span.storeContact{float:right}
.magasin .bienvenue .bloc1 .titre1{clear:both;font-size:13px}
.magasin .bienvenue .bloc1 span{font-weight:bold}

/* Bloc evenements en cours et futurs */ 
.bloc-bas{float:left;width:100%; position:relative; overflow:hidden; clear:both; background: url(../images/static/pic-bleu.gif) 50% no-repeat;height:63px}
.magasin .bienvenue .bloc2 div, .magasin .bienvenue .bloc3 div{float:left}
.magasin .bienvenue .bloc2{float:left; display:inline; width:195px; margin-left:5px; line-height:0.7em; padding-right:10px}
.magasin .bienvenue .descri{overflow:hidden; font-weight:bold; color:#626264; font-size:10px;margin-top:5px;}
.magasin .bienvenue .descri a {font-weight:bold; color:#626264; font-size:10px;text-decoration:none}
.magasin .bienvenue .descri a:hover {text-decoration:underline}
.magasin .bienvenue .bloc3{float:right; display:inline; width:195px; line-height:0.7em; }
.magasin .bienvenue .puce{float:left; margin:2px 4px 0 0;background: url(../images/static/bg-puce04.gif) no-repeat ;width:8px;height:8px;}

/* Photo et liens fiche magasin */ 
.magasin .visu{overflow:hidden; width:296px; float:left}
.magasin .visu .image{float:left; display:inline;width:170px;height:160px;}
.magasin .visu .image img{width:170px;height:150px;}
.magasin .visu .texte{overflow:hidden; float:left; padding-left:5px; width:103px}
.magasin .visu .lien04 .puce{float:left; margin:3px 2px 0 0;background: url(../images/static/bg-fleche02on.gif) no-repeat ;width:8px;height:8px;}
.magasin .visu .lien04 span{float:left; display:block; width:70px}
.magasin .visu .lien04:hover{text-decoration:underline}
.magasin .visu .separe {background:url(../images/static/barre-hori01.gif) no-repeat;height:1px;width:90%;margin-bottom:5px}

/* Navigation items */
#middle .clearTop{clear:both;height:7px;background:url(../images/static/bg-corps-head.jpg) no-repeat;overflow:hidden}
#middle div.left a{text-decoration:none}
#middle div.left{width:186px;margin-left:2px;display:inline;float:left;padding-bottom:1px}
#middle div.left div.menu div.top{height:5px;background:url(../images/static/bg-menu-top.gif) no-repeat}
#middle div.left div.menu #menu_coulissant{background:url(../images/static/bg-menu-middle.gif) repeat-y}
#middle div.left div.menu #menu_coulissant ul{list-style-type:none;text-align:left}
#middle div.left div.menu #menu_coulissant ul li{background:url(../images/static/bg-menu-separator.gif) left top no-repeat;width:174px}
#middle div.left div.menu #menu_coulissant ul li.first{background:none;}
#middle div.left div.menu #menu_coulissant ul li a{font:11px Verdana;line-height:15px;/*padding-left:13px;*/color:#048cc8;display:block;width:100%;cursor:pointer}
#middle div.left div.menu #menu_coulissant ul .univers-rayon{display:block;padding:5px 0 0 13px;min-height:17px;height:auto !important;height:17px;width:160px}
#middle div.left div.menu #menu_coulissant ul a.univers-rayon:hover{text-decoration:underline}
#middle div.left div.menu #menu_coulissant ul li a:hover{background:url(../images/static/bg-menu-left-select-bottom.jpg) left bottom no-repeat;}
#middle div.left div.menu #menu_coulissant ul li a:hover span{background:url(../images/static/bg-menu-left-select.jpg) left top no-repeat;}
#middle div.left div.menu #menu_coulissant ul li #da{font:bold 11px Verdana;line-height:15px;background:url(../images/static/bg-menu-select-bottom.gif) left bottom no-repeat}
#middle div.left div.menu #menu_coulissant ul li #da span{background:url(../images/static/bg-menu-select.gif) left top no-repeat;padding:5px 0 5px 13px}
#middle div.left div.menu #menu_coulissant ul li ul li{background:none}
#middle div.left div.menu #menu_coulissant ul li ul li .slMenuItem_depth2{line-height:15px !important;color:#666666;font-weight:normal;padding-left:13px;background:none;width:161px}
#middle div.left div.menu #menu_coulissant ul li ul li .slMenuItem_depth2:hover{text-decoration:underline;background:none}
#middle div.left div.menu .bottom{height:16px;background:url(../images/static/bg-menu-bottom.gif) no-repeat;overflow:hidden}
#middle div.left div.bloc-menu-bas{padding:15px 6px 10px 10px;font-size:11px;color:#666666}
#middle div.left div.bloc-menu-bas h6{font:bold 19px Arial;color:#33adda}
#middle div.left div.bloc-menu-bas a{font:bold 11px Arial;color:#33adda;text-decoration:underline;padding-left:12px;background:url(../images/static/bg-puce-lien-bleu.gif) 0px 50% no-repeat;display:block}
#middle div.left div.bloc-menu-bas a:hover{text-decoration:none}