.header_user_info {} .header_user_info a { display: block; padding: 8px 9px 11px 8px; cursor: pointer; line-height: 18px; } @media (max-width: 479px) { .header_user_info a { font-size: 11px; } } .header_user_info a:hover, .header_user_info a.active { background: #2b2b2b; } .content-header{ margin-top: 14px; padding-top: 5px; } .icon-header{ float : left; width : 38px; height : 38px; margin : 0 15px 18px 18px; } .icon-myaccount{ background : url('../../../img/icon-myaccount.png') no-repeat center center; } .block-header-info.logged:hover .icon-myaccount{ background : url('../../../img/icon-myaccount-red.png') no-repeat center center; } .icon-parrainage{ background : url('../../../img/icon-parrainage.png') no-repeat center center; } .block-header-info.logged:hover .icon-parrainage{ background : url('../../../img/icon-parrainage-red.png') no-repeat center center; } .icon-cart{ background : url('../../../img/icon-cart.png') no-repeat center center; } .block-header-info .shopping_cart:hover .icon-cart{ background : url('../../../img/icon-cart-red.png') no-repeat center center; } .text-header{ margin-top: 3px; color: #797d7f; font-family: BrandonGrotesque; font-size: 16px; float : left; width : 168px; } .text-header .account span{ color: #f05249; } .logged .text-header:after, .block-header-info-cart .text-header:after{ content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-left: 15px; } .block-header-info-cart .text-header:after{ float: right; } .block-header-info { cursor : pointer; position : relative; } .list-menu-account{ border-top : 1px dashed #b6b9ba; position: absolute; top: 66px; right: 10px; z-index: 100; display: none; height: auto; width: 240px; background-color: #f3f5f5; -moz-box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55); -webkit-box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55); box-shadow: 0 -3px 8px #ffffff, 0 3px 8px rgba(4,4,4,.55); } .block-header-info-account .list-menu-account{ width: 239px; } .list-menu-account li{ padding : 10px 0 10px 0; } .list-menu-account li.signout{ margin-top : 10px; border-top : 1px dashed #b6b9ba; padding : 17px 0; } .list-menu-account li:first-child{ margin-top : 13px; } .list-menu-account li a{ background : url('../../../img/diamond_grey.png') no-repeat 49px center; font-family: BrandonGrotesque; font-size: 14px; padding-left : 71px; } .list-menu-account li a:hover{ background : url('../../../img/diamond_red_small.png') no-repeat 49px center; } .list-menu-account li a span{ padding : 10px 0 0 73px; display : block; } .list-menu-account li.signout a{ font-family: BrandonGrotesque; font-style: italic; background : none; } .list-menu-account li.signout a:hover{ background : none; } .block-header-info-parrainage .list-menu-account li { margin-top : 0; border-bottom : 1px dashed #b6b9ba; } .block-header-info-parrainage .list-menu-account li.text-info{ color: #a9adb1; font-family: BrandonGrotesque; font-size: 12px; border-bottom : 0; padding : 10px 10px 10px 55px; } .block-header-info.logged:hover .list-menu-account{ display : block; } .block-header-info.logged:hover .content-header, .block-header-info .shopping_cart.content-header:hover{ background-color: #f3f5f5; -moz-box-shadow: 0 0 8px #ffffff, 0 3px 8px rgba(4,4,4,.55); -webkit-box-shadow: 0 0 8px #ffffff, 0 3px 8px rgba(4,4,4,.55); box-shadow: 0 0 8px #ffffff,0 3px 8px rgba(4,4,4,.55); } .block-header-info.logged:hover .content-header.emptycart, .block-header-info .shopping_cart.content-header.emptycart:hover{ background: none; -moz-box-shadow: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; } .block-header-info .shopping_cart.content-header.emptycart:hover .icon-cart{ background: url("../../../img/icon-cart.png") no-repeat scroll center center; } .header-mobile{ float : left; width : 75%; } .header-mobile .picto-header-mobile { display : inline-block; background : url('../../../img/pictos_mobile_gris.png') no-repeat center 2px ; padding : 58px 0 0 ; text-align : center; color: #797d7f; font-family: BrandonGrotesque; font-size: 12px; width : 24%; } .header-mobile .picto-header-mobile.header_discount { background-position : center -158px; } .header-mobile .picto-header-mobile.header_account { background-position : center -78px; } .header-mobile .picto-header-mobile.header_cart { background-position : center -240px; } .header-mobile .picto-header-mobile.active { background : url('../../../img/pictos_mobile_rose.png') no-repeat center 2px ; color: #ef5149; } .header-mobile .picto-header-mobile.header_discount.active { background-position : center -158px; } .header-mobile .picto-header-mobile.header_account.active { background-position : center -78px; } .header-mobile .picto-header-mobile.header_cart.active { background-position : center -240px; } @media (max-width: 767px) { }