/* BANNER */
#mycart #slider { width: 100%; display: block; height: 300px; position: relative; z-index: 9997; top: 100px;  }
#mycart #slider .slide { height: 300px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
#mycart #slider .mask_slider { height: 300px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
#mycart #slider h1 { width: 100%; position: absolute; z-index: 1; top: 70px; left: 0; text-align: center; color: #fff; font-size: 50px; line-height: 50px; font-weight: 300; font-family: Raleway  }
#mycart #slider h1:after {
    transition: all ease-in-out .2s;
    background: #fff;
    content: "";
    display: block;
    height: 3px;
    width: 100px;
    margin-left: calc(50% - 50px);
    margin-top: 20px;
}

@media (max-width: 768px) {
    #mycart #slider { width: 100%; display: block; height: 200px; position: relative; z-index: 9997; top: 100px;  }
    #mycart #slider .slide { height: 200px; width: 100%; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; }
    #mycart #slider .mask_slider { height: 200px; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3) }
    #mycart #slider .centered { z-index: 1; position: relative; padding-top: 60px; width: calc(100% - 20px); margin-left: 20px}
    #mycart #slider h1 { width: auto; float: left; color: #fff; font-size: 40px; line-height: 40px; font-weight: 300; font-family: Oswald  }
}

 
/* HOME FIRST */
#mycart #corps { width: 100%; background: #ece9e5; clear:both; float: left; position: relative }
#mycart .content { width:1200px; display: table; margin: auto; }
#mycart .ariane { width:100%; float: left; line-height: 24px; font-size: 14px; font-family: Raleway }

@media (max-width: 768px) {
    #mycart .content { margin:auto; width:calc(100% - 40px); margin-left:20px; }
}

#mycart .form_div { width:400px; float: left; margin-right: 50px;  }  
#mycart h2 { clear: both; float: left; font-size: 16px; font-weight: 500; color:#b21959; letter-spacing: 1px; line-height: 24px; width:100%; text-transform: uppercase }
#mycart .text { clear: both; font-size: 14px; font-weight: 400; color: #333; line-height: 22px; width:100%;  }  
#mycart .label { font-size: 16px; font-weight: 300; color: #000; line-height: 22px; letter-spacing: 1px; margin-bottom: 10px;  }  
#mycart .input { padding: 12px 25px 11px; width: calc(100% - 52px); font-size: 16px; font-weight: 300; border: 1px solid rgba(0,0,0,.2); -webkit-appearance: none; border-radius: 0;}
#mycart .forgot { font-size: 14px; float: right; cursor: pointer; text-decoration: underline; }
#mycart .inputtext { padding: 12px 25px 11px; width: calc(100% - 52px); height: 200px; font-size: 16px; font-weight: 300; border: 1px solid rgba(0,0,0,.2); -webkit-appearance: none; border-radius: 0;}
#mycart .button { display:block; float: left; line-height: 50px; font-size: 18px; padding-left: 40px; padding-right: 40px; color: #fff; font-weight: 300; letter-spacing: 1px; background: #000; transition: .3s all; cursor: pointer}
#mycart .button:hover { background: #b21959; color:#fff }

#mycart .button2 { display:block; float: left; line-height: 50px; font-size: 18px; width: 100%; text-align: center; color: #fff; font-weight: 300; letter-spacing: 1px; background: #b21959; transition: .3s all; cursor: pointer}
#mycart .button2:hover { background: #000; color:#fff }

#mycart .button3 { display:block; float: left; line-height: 50px; font-size: 18px; padding-left: 40px; padding-right: 40px; color: #fff; font-weight: 300; letter-spacing: 1px; background: #e55039; transition: .3s all; cursor: pointer; }
#mycart .button3:hover { background: #eb2f06; color:#fff }

@media (max-width: 768px) {
    #mycart .form_div { width:100%; float: left; margin-right: 0px;  }  
}


#mycart .infos { width:650px; height: 700px; margin-top: -105px; padding: 40px; float: right; background: rgba(255,255,255,.6); }
#mycart .infos h2 { color:#000; margin-top: 10px; }
#mycart .infos .sep { background:rgba(0,0,0,.3); width: 99%; display: table; margin: auto; height: 1px; }
#mycart .infos .icon { font-size: 20px; width: 24px; }
#mycart .infos .icon2 { font-size: 14px; width: 24px; }

@media (max-width: 768px) {
    #mycart .infos { width:calc(100% - 20px); margin-left: -10px; height: auto; margin-top:50px; padding: 20px; float: left; background: rgba(255,255,255,.6); }
}

#mycart .line_cart { float: left; }
#mycart .photo_cart { float: left; margin-right: 40px; height: 160px; }
#mycart .photo_cart img { height: 160px; border: 5px solid #ccc; }
#mycart .title_cart { float: left; margin-right: 0px; font-size: 20px; line-height: 20px; font-weight: 400; font-family: Oswald; color: #000; width: 366px; padding-top: 70px; }
#mycart .price_cart { float: left; margin-right: 0px; font-size: 20px; line-height: 20px; font-weight: 400; font-family: Oswald; color: #000; width: 100px; padding-top: 70px; }
#mycart .delete_cart { float: left; margin-right: 0px; font-size: 20px; line-height: 20px; font-weight: 400; font-family: Oswald; width: 24px; padding-top: 67px; }
#mycart .delete_cart i { font-size: 24px; color: #e74c3c; width: 24px; cursor: pointer; }

#mycart .title_cart2 { width: 520px; text-align: right; padding-right: 20px;  padding-top: 10px; }
#mycart .price_cart2 { width: 100px; padding-top: 10px; }

#mycart .boutique { color: #b21959; text-decoration: underline;  }
#mycart .just_web { float: left; }
#mycart .just_mobile { float: left; }

@media (max-width: 768px) {
    #mycart .line_cart { float: left; width: 100%; }
    #mycart .photo_cart { float: left; margin-right: 20px; height: 80px; }
    #mycart .photo_cart img { height: 80px; border: 2px solid #ccc; }
    #mycart .just_mobile { float: left; width:calc(100% - 80px); }
    #mycart .title_cart { font-size: 16px; line-height: 20px; width:calc(100% - 80px); padding-top: 10px; }
    #mycart .price_cart { font-size: 20px; line-height: 20px; width: 100px; padding-top: 0px; }
    #mycart .delete_cart { font-size: 20px; line-height: 20px; width: 24px; padding-top: 0px; }
    
    #mycart .title_cart2 { width: 100%; text-align: left; padding-right: 0px;  padding-top: 10px; }
    #mycart .price_cart2 { width: 100px; padding-top: 10px; }





}

#mycart .error_login { font-size: 14px; color:#e74c3c; float: left; display: none; }