@charset 'utf-8';.cart-list-items .item {
    position: relative;
    background: #fff;
    margin-bottom: 0;
    padding: 10px;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out
}

.cart-list-items .item:after {
    content: '';
    position: absolute;
    width: calc(100% + 2px);
    height: 1px;
    background: #eee;
    bottom: 0;
    left: -1px
}

.cart-list-items .item:last-child {
    margin-bottom: 0
}

.cart-list-items .item:last-child:after {
    display: none
}

.cart-list-items .item:hover {
    background: #eee
}

.cart-list-items .item.selected {
    background: #eee;
    cursor: default
}

.cart-list-items .item .radiobutton {
    text-align: center
}

.cart-list-items .item .radiobutton .radio {
    position: relative;
    margin: 0
}

.cart-list-items .item .radiobutton .radio:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: #eee;
    border: 1px solid #dadada;
    border-radius: 50%
}

.cart-list-items .item.selected .radiobutton .radio:before {
    border-color: #3a666a
}

.cart-list-items .item.selected .radiobutton .radio:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: #3a666a;
    border-radius: 50%
}

.cart-list-items .item .infos .description {
    text-align: justify
}

.cart-list-items .item .infos .address {
    font-size: .8571428571428571em;
    color: #666
}

.cart-list-items .item .price {
    font-size: 1.2857142857142858em;
    color: #333;
    text-align: right;
    white-space: nowrap
}

.cart-list-items .item .form-inline .form-group>div {
    display: inline-block!important;
    vertical-align: middle
}

.cart-list-items .item .form-inline .form-group .form-control {
    border: 1px solid #eee
}

.cart-list-items .item .form-inline .form-group .form-control:focus {
    border: 1px solid #3a666a
}

.cart-list-items .item .form-inline .form-group .form-control.read {
    background: none
}

.cart-list-items .item .form-inline .form-group.has-error .form-control,.cart-list-items .item .form-inline .form-group.has-error .form-control:focus {
    border: 1px solid #c72527
}

.cart-list-items .item .form-inline .form-group.has-success .form-control,.cart-list-items .item .form-inline .form-group.has-success .form-control:focus {
    border: 1px solid #008c68
}

.cart-list-items .item .form-inline .btn,.cart-list-items .item .form-inline .btn:focus {
    background: none;
    color: #222
}

.cart-list-items .item .form-inline .btn:hover {
    color: #3a666a
}

.cart-list-items .item.selected .price {
    font-weight: 700
}

.cart-list-items .item>.inner {
    width: 100%
}

.cart-list-items .item>.inner td {
    vertical-align: middle;
    padding: 0 10px
}

.cart-list-items .item>.inner td:first-child {
    padding-left: 0
}

.cart-list-items .item>.inner td:last-child {
    padding-right: 0
}

.cart-list-items .item>.inner td.radiobutton {
    width: 34px
}

.cart-list-items .item>.inner td.logo {
    width: 240px
}

.payment .cart-list-items .item>.inner td.logo {
    width: 162px
}

.cart-list-items .item>.inner td.price {
    width: 80px;
    vertical-align: top
}

.cart-list-items .item .item-action {
    border-top: 1px solid #fff;
    text-align: right
}

@media(max-width: 767px) {
    .cart-list-items .item .infos .designation {
        margin-top:10px!important
    }

    .cart-list-items .item .item-action {
        text-align: center
    }
}

@media(max-width: 549px) {
    .cart-list-items .item {
        border-radius:0
    }

    .cart-list-items .item .actions .btn {
        display: block
    }

    .cart-list-items .item .actions .btn+.btn {
        margin-top: 10px
    }
}

.cart .panel {
    border-color: #eee
}

.cart .panel .panel-heading {
    border-bottom: 2px solid #3a666a
}

.cart .panel .panel-body {
    position: relative;
    min-height: 120px;
    padding: 10px
}

.cart .products-list .product-item .content .item-total {
    font-size: 1.1428571428571428em;
    margin: 0
}

.cart .products-list .product-item .content .customization,.cart .products-list .product-item .content .components {
    border-top: 1px solid #eee;
    color: #777
}

.cart .products-list .product-item .content .components .product-item {
    border: none
}

.cart .products-list .product-item .content .unit-price .title {
    padding-top: 3px
}

.cart .products-list .product-item .content .actions {
    max-width: 200px
}

@media(max-width: 549px) {
    .cart .products-list .product-item .content .actions .btn {
        float:none!important;
        display: block;
        margin-bottom: 10px
    }
}

@media(min-width: 550px) {
    .cart .products-list .product-item .content .item-total {
        margin:-4px 0 10px 10px
    }

    .cart .products-list .product-item .content .attribute {
        max-width: 300px
    }
}

.cart .products-list .line-suggestion {
    padding: 10px 0;
    margin-top: .7em;
    margin-bottom: 0;
    font-size: .9em;
    border-top: 1px solid #eee
}

.cart .products-list .line-suggestion,.cart .products-list .line-suggestion:hover {
    background: #fafafa
}

.cart .products-list .line-suggestion+.line-suggestion {
    margin-top: 0
}

.cart .products-list .line-suggestion .title {
    color: #3a666a;
    font-weight: 700;
    white-space: nowrap
}

.cart .products-list .line-suggestion .picture {
    width: 80px;
    margin: 0 auto
}

.cart .products-list .line-suggestion .name {
    padding-left: 10px
}

.cart .products-list .line-suggestion .prices {
    text-align: right;
    padding-right: 10px
}

.cart .products-list .line-suggestion .buy {
    width: 160px
}

@media(max-width: 549px) {
    .cart .products-list .line-suggestion .prices {
        text-align:left;
        margin-bottom: 10px
    }
}

@media(max-width: 1199px) {
    .cart .products-list .line-suggestion>div {
        margin-bottom:10px
    }

    .cart .products-list .line-suggestion>div:last-child {
        margin-bottom: 0;
        text-align: right
    }
}

@media(min-width: 550px) {
    .cart .products-list .line-suggestion .content {
        display:table;
        width: 100%
    }

    .cart .products-list .line-suggestion .content>div {
        display: table-cell;
        vertical-align: middle
    }

    .cart .products-list .line-suggestion .content .title {
        width: 1%
    }
}

@media(min-width: 1200px) {
    .cart .products-list .line-suggestion {
        padding:10px;
        display: table!important;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .cart .products-list .line-suggestion>div {
        display: table-cell;
        vertical-align: middle;
        float: none
    }

    .cart .products-list .line-suggestion>div:first-child {
        padding-left: 0
    }

    .cart .products-list .line-suggestion>div:last-child {
        padding-right: 0
    }

    .cart .products-list .line-suggestion .prices {
        text-align: center
    }
}

.cart .cart-suggestions .visual-suggestion {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    -webkit-transition: border-color .4s;
    -o-transition: border-color .4s;
    transition: border-color .4s
}

.cart .cart-suggestions .visual-suggestion:hover {
    border-color: #2c4d50
}

.cart .block-is-gift {
    border-top: 1px solid #eee;
    margin-top: .7em;
    padding-top: .7em
}

.cart .block-is-gift .gift-comment {
    max-width: 254px;
    margin: 0 0 0 auto
}

.cart .cart-next-step {
    opacity: 0
}

.cart .cart-next-step.active {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    opacity: 1
}

@media(min-width: 768px) {
    .cart .cart-next-step .check-cgv {
        text-align:right
    }

    .cart .cart-next-step .check-cgv a {
        padding: 6px 0
    }
}

.cart.validation .cart-next-step .btn-action {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px
}

@media(max-width: 1199px) {
    .cart.shipping .panel .panel-body,.cart.payment .panel .panel-body {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 0
    }
}

@media(max-width: 767px) {
    .cart.confirmation .panel .panel-body {
        padding:0
    }
}

@media(min-width: 1024px) {
    .cart-layout {
        display:table;
        table-layout: fixed;
        width: calc(100% + 10px)
    }

    .cart-layout>div {
        float: none;
        display: table-cell;
        vertical-align: top
    }

    .cart-layout>div:first-child {
        padding-left: 0
    }

    .cart-layout>div:last-child {
        padding-right: 0
    }
}

.cart-validation {
    position: relative;
    min-height: 200px
}

@media(min-width: 768px) {
    .cart-validation>.inner {
        opacity:0
    }

    .cart-validation>.inner.active {
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s;
        opacity: 1
    }

    .cart-validation>.inner>div {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .cart-validation>.inner>div+div .panel {
        border-top: none
    }

    .cart-validation>.inner .panel {
        display: table-cell;
        vertical-align: top
    }

    .cart-validation>.inner .panel.sep {
        width: 20px;
        border: none
    }

    .cart-validation .line-1 .panel {
        border-bottom: none
    }

    .cart-validation .line-2 .panel {
        border-top: none
    }

    .cart-validation .line-2 .panel .panel-body {
        padding-top: 0;
        min-height: 0
    }

    .cart-validation .line-3 .panel .panel-body .infos .h4 {
        font-size: 1.1428571428571428em
    }

    .cart-validation .line-3 .panel .panel-body .infos .address {
        font-size: .8571428571428571em;
        font-style: italic
    }
}

@media(min-width: 768px) and (max-width:1023px) {
    .cart-validation {
        margin-bottom:20px
    }
}

@media(max-width: 767px) {
    .cart-validation .panel+.panel {
        margin-top:20px
    }
}

.pac-container.pac-logo:after {
    display: none
}

.validation .check-cgv {
    font-size: .7857142857142857em
}

.validation .actions .btn {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px
}

.cart-line {
    position: relative;
    background: #fff;
    color: #222;
    border-top: 1px solid #eee;
    padding: .5em 0
}

.cart-line:first-child {
    margin-top: -4px;
    padding-top: 0;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.cart-line:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.cart-line .title {
    color: #222
}

.cart-line .value {
    font-weight: 700;
    text-align: right
}

.cart-line .logo {
    display: inline-block;
    margin-left: 10px;
    width: 60px
}

.cart-line.join {
    border-top: none;
    padding-top: 0
}

.cart-line.thin .legend,.cart-line.thin .value {
    font-size: .8em;
    color: #b3b3b3
}

.cart-line.soft {
    color: #777;
    font-size: .9285714285714286em
}

.cart-line.light {
    background: #eee;
    color: #8bb300;
    padding: .5em
}

.cart-line.light+.light {
    margin-top: 5px
}

.cart-line.light .form-control {
    border-color: #fff
}

.cart-line.light .form-control:focus {
    border-color: #3a666a
}

.cart-line.light .has-error .form-control {
    border-color: #c72527
}

.cart-line.light .has-success .form-control {
    border-color: #008c68
}

.cart-line.promo {
    color: #3a666a;
    font-weight: 700
}

.cart-line.drop {
    color: #3a666a;
    font-weight: 700;
    padding: 0
}

.cart-line.drop .cancel {
    padding: 7px;
    margin: 0 0 0 -7px
}

.cart-line.code a .glyphicon {
    margin-top: 2px
}

.cart-line.loyalty {
    color: #3a666a;
    font-weight: 700
}

.cart-line.rassurance {
    overflow: hidden;
    padding: 0
}

.cart-line.suggestion+.suggestion {
    border-top: none;
    padding-top: 0
}

.cart-line.total {
    border-top-width: 2px;
    font-size: 1.2em
}

.quick-order .auto-complete-search .form-group {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.quick-order .auto-complete-search .input-group {
    display: inline-table;
    vertical-align: middle
}

.quick-order .auto-complete-search .loader {
    right: 0
}

.quick-order .auto-complete-search .angucomplete-alt {
    position: relative;
    display: inline-block
}

.quick-order .auto-complete-search .sep,.quick-order .auto-complete-search .sep-xxs {
    display: inline-block
}

.quick-order .auto-complete-search .input-quantity {
    margin-left: 10px;
    margin-right: 10px
}

.quick-order .angucomplete-holder {
    display: inline-block
}

.quick-order .angucomplete-holder .form-control {
    min-width: 300px
}

@media(max-width: 1199px) {
    .quick-order .auto-complete-search {
        margin-bottom:120px
    }
}

@media(max-width: 1023px) {
    .quick-order .auto-complete-search {
        text-align:center
    }

    .quick-order .auto-complete-search label {
        display: none
    }

    .quick-order .auto-complete-search .angucomplete-alt {
        display: block
    }

    .quick-order .auto-complete-search .sep {
        display: block;
        padding-top: 20px
    }

    .quick-order .auto-complete-search .input-quantity {
        margin-left: 0
    }

    .quick-order .angucomplete-holder {
        display: block
    }

    .quick-order .angucomplete-holder .form-control {
        min-width: auto;
        width: 100%
    }
}

@media(max-width: 549px) {
    .quick-order .auto-complete-search .form-group,.quick-order .auto-complete-search .form-group>.btn {
        display:block
    }

    .quick-order .auto-complete-search .input-quantity {
        display: block;
        margin-right: 0
    }

    .quick-order .auto-complete-search .sep-xxs {
        display: block;
        padding-top: 20px
    }
}

.popover.quick-order .glyphicon-ok-sign {
    color: #008c68
}

.shipping-list {
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.shipping-list.ng-enter {
    opacity: 0
}

.shipping-list.ng-enter.ng-enter-active {
    opacity: 1
}

.shipping-list .drive-map {
    width: 100%;
    height: 400px;
    margin-top: 10px;
    border: 1px solid #eee
}

.shipping-list .drive-map .map {
    width: 100%;
    height: 100%
}

@media(min-width: 768px) {
    .shipping-list .pickups-points-actions {
        display:table;
        width: 100%
    }

    .shipping-list .pickups-points-actions>div {
        display: table-cell;
        vertical-align: middle;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .shipping-list .pickups-points-actions .search {
        width: 100%
    }

    .shipping-list .pickups-points-actions .search .form-control {
        border-color: #fff
    }

    .shipping-list .pickups-points-actions .or {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width: 767px) {
    .shipping-list .pickups-points-actions {
        margin-top:20px
    }

    .shipping-list .pickups-points-actions .or {
        text-align: center;
        padding: 5px 0
    }

    .shipping-list .pickups-points-actions .geolocation {
        text-align: center
    }
}

@media(max-width: 549px) {
    .shipping-list .pickups-points-actions .search .input-group {
        display:block
    }

    .shipping-list .pickups-points-actions .search .input-group .form-control {
        display: block;
        border: 1px solid #eee
    }

    .shipping-list .pickups-points-actions .search .input-group .form-control:focus {
        border: 1px solid #3a666a
    }

    .shipping-list .pickups-points-actions .search .input-group .input-group-btn {
        display: block;
        text-align: center;
        width: auto;
        margin-top: 10px
    }
}

.shipping-list .pickups-points {
    border: 1px solid #eee
}

.shipping-list .pickups-points:after {
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    height: 0
}

.shipping-list .points-list,.shipping-list .points-map {
    float: left;
    height: 630px
}

.shipping-list .points-list {
    position: relative;
    width: 40%;
    border-right: 1px solid #eee
}

.shipping-list .points-list>.inner {
    height: 630px;
    overflow-y: auto;
    background: #fafafa
}

.shipping-list .points-list li {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.shipping-list .points-list li .title {
    color: #3a666a;
    border-bottom: 1px solid #3a666a;
    margin: 0 0 5px;
    padding: 0 0 2px
}

.shipping-list .points-list li.selected {
    background: #fff;
    margin-top: -1px
}

.shipping-list .points-list li.selected .access .icon {
    background: url(/img/shipping/mobilite_reduite-active.png)
}

.shipping-list .points-map {
    width: 60%
}

.shipping-list .points-map .map {
    width: 100%;
    height: 100%
}

.shipping-list .point-infos {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%
}

.shipping-list .point-infos:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #777 transparent transparent;
    margin-left: -9px
}

.shipping-list .point-infos>.inner {
    background: #777;
    padding: 25px 10px 10px
}

.shipping-list .point-infos .content {
    background: #fff;
    padding: 5px
}

.shipping-list .point-infos .close {
    position: absolute;
    top: 6px;
    right: 9px;
    color: #fff;
    font-size: 14px;
    opacity: 1
}

.shipping-list .point-infos .close:hover {
    opacity: .7
}

.shipping-list .pickups-points .distance {
    opacity: .5;
    font-size: .8571428571428571em
}

.shipping-list .pickups-points .distance .glyphicon {
    margin-right: 2px
}

.shipping-list .pickups-points .name {
    font-size: .8571428571428571em;
    font-weight: 700;
    text-transform: uppercase
}

.shipping-list .pickups-points .access .icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background: url(/img/shipping/mobilite_reduite.png)
}

.shipping-list .pickups-points .address {
    font-size: .7857142857142857em;
    text-transform: uppercase;
    line-height: 1.2em
}

.shipping-list .pickups-points .schedule {
    font-size: .7857142857142857em
}

.shipping-list .pickups-points .schedule .access {
    font-style: italic;
    margin-top: 4px
}

.shipping-list .pickups-points .schedule table td {
    padding: 0;
    border: none
}

@media(max-width: 767px) {
    .shipping-list .pickups-points {
        border:none
    }

    .shipping-list .points-list,.shipping-list .points-map {
        float: none;
        height: 470px;
        width: 100%;
        background: #777;
        padding: 5px
    }

    .shipping-list .points-list {
        position: relative;
        z-index: 1;
        border: none
    }

    .shipping-list .points-list.active {
        z-index: 4
    }

    .shipping-list .points-list>.inner {
        height: 460px
    }

    .shipping-list .points-map {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    .shipping-list .choice:after {
        visibility: hidden;
        display: block;
        content: '';
        clear: both;
        height: 0
    }

    .shipping-list .choice a {
        float: left;
        width: 50%;
        background: #fff;
        color: #777;
        font-size: 1.1428571428571428em;
        text-align: center;
        padding: 6px
    }

    .shipping-list .choice a.active {
        background: #777;
        color: #fff
    }
}

@media(max-width: 549px) {
    .shipping-list .choice,.shipping-list .pickups-points {
        margin-left:-10px;
        margin-right: -10px
    }

    .shipping-list .points-list,.shipping-list .points-map {
        left: 5px;
        width: calc(100% - 10px)
    }
}

.steps-cart .steps {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}

.steps-cart .step {
    position: relative;
    display: block;
    width: 20%;
    float: left;
    color: #666;
    font-size: 1.1428571428571428em;
    font-family: Lato,Arial,sans-serif;
    cursor: default;
    pointer-events: none;
    -ms-pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.steps-cart .step.active {
    opacity: 1
}

.steps-cart .step:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    margin-top: 1px;
    background: #666
}

.steps-cart .step>i {
    display: none
}

.steps-cart .step>span {
    position: relative;
    padding: 5px;
    background: #fff;
    color: #666;
    display: inline-block;
    vertical-align: middle
}

.steps-cart .step>span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #666;
    margin: 0 5px 1px
}

.steps-cart .step:first-child>span {
    padding-left: 0
}

.steps-cart .step.step-success {
    pointer-events: auto;
    -ms-pointer-events: auto
}

.steps-cart .step.step-success:before {
    background-color: #638000
}

.steps-cart .step.step-success>span {
    color: #638000
}

.steps-cart .step.step-success>span:before {
    background-color: #638000
}

.steps-cart .step.step-success:hover:before,.steps-cart .step.step-active:before {
    background-color: #8bb300
}

.steps-cart .step.step-success:hover>span,.steps-cart .step.step-active>span {
    color: #8bb300
}

.steps-cart .step.step-success:hover>span:before,.steps-cart .step.step-active>span:before {
    background-color: #8bb300
}

.steps-cart a.step.step-success:not(.step-active) {
    cursor: pointer
}

@media(max-width: 1023px) {
    .steps-cart .steps {
        margin-top:20px;
        margin-bottom: 20px
    }
}

@media(max-width: 767px) {
    .steps-cart {
        margin-top:0
    }

    .steps-cart .step>i {
        position: relative;
        padding: 5px;
        background: #fff;
        color: #666;
        display: inline-block;
        vertical-align: middle
    }

    .steps-cart .step>i:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #666;
        margin: 0 5px 1px
    }

    .steps-cart .step>span {
        display: none
    }

    .steps-cart .step.step-success:before {
        background-color: #638000
    }

    .steps-cart .step.step-success>i {
        color: #638000
    }

    .steps-cart .step.step-success>i:before {
        background-color: #638000
    }

    .steps-cart .step.step-success:hover:before,.steps-cart .step.step-active:before {
        background-color: #8bb300
    }

    .steps-cart .step.step-success:hover>i,.steps-cart .step.step-active>i {
        color: #8bb300
    }

    .steps-cart .step.step-success:hover>i:before,.steps-cart .step.step-active>i:before {
        background-color: #8bb300
    }
}