/*
    Created on : 9 juil. 2014, 11:43:52
    Author     : jbazin
*/

@media screen and (max-width: 1010px) {
    body {
        width: 100%;
        min-width: 100%;
        padding: 0;
    }
    .r_price_t,
    .del_item,
    .add_btn,
    .del_btn img {
        margin-right: 5px;
        right: 0;
    }
    .acompte {
        margin-right: 5px;
    }
    .searchForm form {
        width: 100%;
        border: none;
        margin-top: 50px;
        padding: 0;
    }
    .w30.greenBox {
        width: 100%;
        margin: 0;
    }
    #js_participation {
        width: auto;
    }
    span.del_btn {
        display: block;
    }
    #btn-commande-2 {
        margin: 10px auto 0;
    }
    #widget-message-1,
    #widget-message-2 {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 900px) {
    .menu_mobile {
        display: block;
        height: 42px;
        line-height: 32px;
        background: #51b4c3;
        color: white;
        font-size: 22px;
        font-weight: bold;
        padding: 5px 10px;
        cursor: pointer;
    }
    .menu_mobile img {
        margin-right: 10px;
        vertical-align: top;
    }
    nav {
        position: relative;
        text-align: left;
        display: none;
    }
    nav ul {
        display: block;
        border-radius: 0;
        background: #51b4c3;
    }
    nav ul li {
        float: none;
        font-size: 16px;
    }
    nav .subnav {
        position: relative;
        top: initial;
        display: block;
        margin-left: 25px;
    }
    nav .subnav li {
        border: none;
    }
    nav ul li:hover > ul {
        display: block;
    }
    nav .subnav li a {
        background: transparent;
        color: white;
    }
    ul.subnav {
        box-shadow: none;
    }
    nav ul li:hover {
        background: transparent;
        color: white;
    }
    nav ul li:hover a,
    nav .subnav li a {
        color: white;
    }
    nav ul li:hover > a {
        background: #008fa4;
    }
    .header_cart {
        background: none;
        color: #51b4c3;
    }
    .cart_price a,
    .cart_price a:hover,
    .cart_price a:focus {
        color: #878787;
    }
    .cart_img {
        margin-left: 80px;
    }
    .cart_price {
        float: right;
        margin-right: 0;
    }
    .left, .right {
        float: none;
        width: 100%;
    }
    #recap_panier label {
        margin-left: 0;
    }
    .listing_produit .t_left {
        text-align: center;
    }
    .boite {
        width: 100%;
        padding: 0 10px;
    }
    #titre-liste {
        width: 100%;
        margin: 0;
        padding: 0 5px;
    }
}
@media screen and (max-width: 860px) {
    .table,
    .row,
    .cell,
    .pre_list .r_text,
    #widget-panier-3,
    #widget-panier-4 {
        display: block;
        width: 100%;
    }
    .r_add_cart,
    .del_item {
        margin-bottom: 0;
    }
    .search .item_box {
        margin-bottom: 30px;
        border: 1px solid #3FBBA3;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .pre_list .item_box {
        border: 1px solid #3FBBA3;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .item_box {
        margin-bottom: 30px;
    }
    .info_footer .box {
        width: auto;
    }
    .newsletterContent label {
        display: inline-block;
    }
    .newsletterContent input {
        width: auto;
    }
    .favo {
        display: none;
    }
    .r_add_cart {
        border: none;
        text-align: center;
        padding-bottom: 20px;
    }
    .del_item {
        position: relative;
        bottom: 0;
    }
    .del_btn img {
        height: 34px;
        margin-right: 0;
    }
    .acompte {
        margin-right: 5px;
    }
    .r_text {
        padding: 0 10px;
    }
    .r_img .box_img img {
        max-height: 250px;
    }
    .r_img .box_img {
        width: 100%;
        height: auto;
    }
    .favorited img {
        height: auto;
    }
    .cellMobile {
        display: inline-block;
        text-align: right;
        width: 40%;
        vertical-align: top;
    }
    .cellMobile button {
        margin: 0;
        vertical-align: top;
    }
    .filter_box,
    .filter_box.pre_list {
        padding: 0;
        margin-bottom: 15px;
    }
    .footerlinks {
        cursor: pointer;
        background: url("../../../../images/fronts/birthlist/arrow_toggle.png") no-repeat top right rgba(0, 0, 0, 0);
        height: 22px;
    }
    .links_content {
        display: none;
    }
    .active {
        background-position: bottom right;
    }
}
@media screen and (max-width: 810px) {
    .cell_auto.paginate_hide {
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 800px) {
    span[data-hide="tablet"] {
        display: inline-block;
    }
    .blueBox.w70 {
        width: 100%;
    }
    .total_amount {
        display: inline-block;
    }
}
@media screen and (max-width: 760px) {
    .header_h1 {
        width: 100%;
    }
    .shareInfoBox {
        display: none;
    }
    .items_list {
        width: 96%;
        left: 0;
        display: block;
    }
    .filtre_facette {
        display: block;
        width: 50%;
        margin-bottom: 30px;
    }
    input,
    select,
    textarea,
    .searchForm input,
    .searchForm select,
    .searchForm textarea,
    form fieldset input.form-text,
    form fieldset textarea,
    .iti:has(input.phone-input-formatter),
    .form-manager-field:has(input.form-text) {
        margin-left: 0;
        width: 100% !important;
    }
    #info-search {
        width: 100%;
    }
    .results .grid3 div:nth-of-type(-n+2) {
        width: 40%;
    }
    .results .grid3 div:last-of-type {
        width: 20%;
    }
    input[type="checkbox"],
    input[type="radio"] {
        width: auto !important;
    }
    #message_form span.sub_news {
        display: block;
    }
    #payment_method label {
        display: inline;
    }
    #payment_method .autogrid6 div {
        width: 33%;
        margin: 0 20px;
    }
    .txt_list {
        background: transparent;
        border: 1px solid #EEF3DD;
        width: 96%;
        margin: 0 auto;
        height: auto;
        padding: 20px;
        border-radius: 5px;
    }
    .menu .grid3 > div {
        display: block;
        width: 100%;
        border: none;
    }
    .filter_box {
        width: 96%;
    }
    .ui-dialog {
        width: 96% !important;
    }
    .autogrid2 div {
        width: 100%;
    }
    .added_jackpot {
        width: 100%;
    }
    .search {
        width: 100%;
    }
    .favorited {
        top: 5px;
        left: 5px;
    }
    #liste-article tr[role="row"] {
        display: none;
    }
    #liste-article td,
    #liste-article tr {
        display: block;
        width: 100%;
    }
    #liste-article table td {
        border: none;
    }
    #liste-article tr {
        border: 1px solid #3FBBA3;
        margin-bottom: 30px;
    }
    .item_img {
        margin: 0 auto;
    }
    .price {
        text-align: center;
    }
    .label_prix {
        float: none;
    }
    #trie {
        margin: 0;
        width: 100%;
    }
    .prix {
        float: none;
    }
    .panier {
        float: none;
    }
    .center_mobile {
        text-align: center;
    }
    #bg-message {
        background: none !important;
        width: 100%;
        margin: 0;
    }
    #bg-message-2 {
        width: 100%;
        margin: 0;
    }
    .cgv-birthlist-input #conditions {
        transform: scale(1.5);
    }
    .cgv-birthlist {
        gap: 14px;
    }
    .cgv-birthlist-input {
        align-items: center;
    }
}
@media screen and (max-width: 610px) {
    .header_lang {
        display: block;
        width: 100%;
        top: 96px;
        position: initial;
        margin: 15px auto;
    }
    #chg_lang-button {
        width: 198px !important;
    }
    header {
        margin-bottom: 50px;
    }
    .results .grid3 div {
        display: block;
        width: 100% !important;
    }
    .results .grid:first-child .grid3:first-child {
        display: none;
    }
    .btn_validate_list {
        margin-bottom: 20px;
    }
    #recap_panier input[name="conditions"] {
        margin-left: 0;
    }
    fieldset {
        padding: 5px !important;
    }
    #widget-panier-1 {
        width: 100%;
        margin: 0;
    }
    #widget-panier-3{
        background: none !important;
        height: auto;
    }
    #widget-panier-4 {
        margin-top: 20px;
    }
    .panier-mess {
        margin: 0;
        position: relative;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }
    #widget-conf-paiement-1 table td {
        width: 50% !important;
    }
}
@media screen and (max-width: 480px) {
    .cart_img {
        float: right;
        margin: 45px 25px 0 0;
    }
    .cart_price {
        display: none;
    }
    .header_cart {
        width: 100%;
        right: auto;
    }
    .w470p {
        width: 100%;
        padding: 5px;
    }
    label {
        margin: 10px 0 0;
    }
    .account_info label {
        width: 100%;
    }
    .listing_cart,
    .listing_denom,
    .listing_produit,
    .listing_total {
        font-size: 14px;
        border-collapse: collapse;
    }
    .listing_cart td,
    .listing_cart th {
        padding: 5px;
    }
    #recap_panier {
        width: 100%;
    }
    .cellMobile {
        display: block;
        width: 100%;
        text-align: center;
    }
    .cellMobile button {
        margin-top: 20px;
    }
    .btn_validate_list {
        margin-bottom: 45px;
    }
    .grid1-2 div,
    .grid2 div {
        display: block;
        text-align: center;
        width: 100% !important;
    }
    .grid1-2 div.t_left,
    .grid2 div.t_left {
        text-align: left;
    }
    #js_connexion form {
        width: 100%;
    }
    .hideInMobile {
        display: none;
    }
    #resultats {
        margin: 5px;
    }
}
@media screen and (max-width: 400px) {
    .header_lang {
        left: 5px;
        bottom: 10px;
        top: 74px;
    }
    .back_index {
        margin-bottom: 44px;
    }
    #title-widget-1 {
        width: 100%;
    }
}
@media screen and (max-width: 350px) {
    .listing_cart td,
    .listing_cart th {
        padding: 8px 2px !important;
    }
    span[data-hide="tablet"] {
        display: block;
        text-align: right;
        width: 100%;
    }
}