/* ||||||||| NAVBAR TEST CSS A JOUR ||||||||||||| */ body, .btn {color: #000; font-weight: 400;} #header_logo {top: 50px; z-index: 1;position: fixed;} #header_logo a:hover {opacity: 0.3;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out} .topb #header_logo {position: relative} #header_logo .logo {width:auto; height: auto} #index #header_logo:before { background: url(../../img/Logo-rwd-france-Blanc.png) no-repeat; display: block; content: " "; width: 55px; height: 34px} #index #header_logo a{display: none} @media (min-width: 768px){ .navbar-default {margin-top: 50px}} .navbar-default .navbar-collapse, .container > .navbar-header { width: 1170px; margin: 0px auto; right: auto; padding: 0;max-width: 90%;} .navbar-default .nav nav {margin-top: 0px !important; display: inline-block !important; text-shadow: 1px 1px 0px #fff;} .navbar-default .nav nav, .modal.in.visible_login {text-shadow: none;} .navbar-default .nav nav a, .navbar-default .nav nav span { font-size: 18px !important; vertical-align: top; color: #000} #index .navbar-default .nav nav a,#index .navbar-default .nav nav span, .navbar-default .nav nav .dont-have-an-account a {color: #fff} .navbar-default .nav nav .forgot-pass a {font-size: 15px !important;text-decoration: underline !important;opacity: 0.5;} .product-name a, ul.product_list.grid > li .product-container .price {color: #000; vertical-align: baseline; line-height: 22px; padding-top: 10px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font: 100 20px/1em AlternateGotNo2DRegular} #cart_summary tbody td.cart_description .cart_ref {font: 100 14px/1em 'proxinova'; padding-top: 0} ul.product_list.grid > li .product-container .price {color: #c1c1c1 !important;vertical-align: top;padding: 0; padding-bottom: 15px} .navbar-default .nav nav .forgot-pass a:hover {opacity: 1 !important; } .navbar-default .nav nav .modal.in span {right: 15px;font-size: 15px !important; top: 0px} #index .navbar-default .nav .eroura {color: #000} #index #show_modal_login {cursor: pointer} /* ||||||||| BLOCK LANGAGE ||||||||||||| */ .navbar-default .nav nav #languages-block-top div.current::after { font-size: 12px; color: #000} .navbar-default .nav nav #languages-block-top ul {width: auto; top: 30px; background: #000} .navbar-default .nav nav #languages-block-top ul:before { content: "\f0de";font-family: "FontAwesome";font-size: 18px;line-height: 10px;color: #000;padding-left: 12px;top: -3px;position: absolute; } .navbar-default .nav nav #languages-block-top ul li {text-transform: uppercase} .navbar-default .nav nav #languages-block-top ul li a { color: #fff} .navbar-default .nav nav #languages-block-top ul li.selected {background: #000} .navbar-default .nav nav #languages-block-top ul li.selected span {opacity: 0.5} .navbar-default .nav nav #languages-block-top, .navbar-default .nav nav .ss_search {cursor: pointer; float: right} #index .navbar-default .nav nav #languages-block-top ul:before {color: #fff} #index .navbar-default .nav nav #languages-block-top div.current::after { color: #fff} #index .navbar-default .nav nav #languages-block-top ul {width: auto; top: 30px; background: #fff} #index .navbar-default .nav nav #languages-block-top ul li a { color: #000} #index .navbar-default .nav nav #languages-block-top ul li.selected {background: #fff} #index .navbar-default .nav nav #languages-block-top ul li.selected span {color: #000} /* ||||||||| BLOCK USER INFO ||||||||||||| */ .navbar-default .nav nav .header_user_info .spa-read:after { content: "\f0d7";font-family: "FontAwesome";font-size: 12px;line-height: 10px;color: #fff;padding-left: 5px;top: 0px;position: relative; } .navbar-default .nav nav .header_user_info span:after { content: "\f0d7";font-family: "FontAwesome";font-size: 12px;line-height: 10px;color: #000;padding-left: 5px;top: 0px;position: relative; } .navbar-default .nav nav .header_user_info a span:after {display: none} .navbar-default .nav nav .header_user_info {width: auto; float: right; margin-right: 15px; text-transform: uppercase} .navbar-default .nav nav .header_user_info ul {display: none;position: relative; border-top: 7px solid transparent; top: 12px; left: 0px;width: 80px; padding: 0px 5px 7px;text-align: center; background: #000;z-index: 2; } .navbar-default .nav nav .header_user_info ul a:hover { opacity: 0.6; } .navbar-default .nav nav .header_user_info ul:before { content: "\f0de";font-family: "FontAwesome";font-size: 18px;line-height: 10px;color: #000;padding-left: -20px;top: -9px; position: absolute;} .navbar-default .nav nav .header_user_info:hover ul {display: block} .navbar-default .nav nav .header_user_info ul li a, .navbar-default .nav nav .header_user_info ul li a span {color: #fff; font-size: 16px !important;} #index .navbar-default .nav nav .header_user_info span:after {color: #fff} #index .navbar-default .nav nav .header_user_info ul li a, #index .navbar-default .nav nav .header_user_info ul li a span {color: #000} #index .navbar-default .nav nav .header_user_info ul {background: #fff } #index .navbar-default .nav nav .header_user_info ul:before {color: #fff} .anarana-ref-loge {margin: 0px 13px;} .pb-center-column h1 {font-weight:100 !important; } .fixed-content {max-width: 301px !important;} #product .our_price_display, #product .our_price_display .price {font: 100 30px/1em AlternateGotNo2DRegular !important;} #product .pb-center-column h1 {padding-bottom: 5px} .btn.button-plus, .btn.button-minus {text-shadow: none !important;border: 1px solid #e4e4e4; color: #000} .btn.button-plus:hover, .btn.button-minus:hover,.btn.button-plus:focus, .btn.button-minus:focus { border: 1px solid #000; color: #fff; background:#000 !important;} .btn.button-plus:hover span, .btn.button-minus:hover span,.btn.button-plus:focus span, .btn.button-minus:focus span { border: 1px solid #000; color: #fff; background:#000 !important;} #product .selectdiv select {border-bottom: 1px solid #e4e4e4 !important} #product .btn-sub {font: 100 24px/1em AlternateGotNo2DRegular !important;} #product .btn-sub:hover {background: #ffc952; color: #fff} #product #quantity_wanted_p input {border: none !important;font: 100 28px/1em AlternateGotNo2DRegular !important;} #order-opc .vouchers-all {max-width:auto; position: relative; right: auto; width: 100% } #order-opc .cart_item .list-inline li {vertical-align: top;} #order-opc .cart_item .list-inline li .form-control.grey {top: 0} #order-opc .btn.button-plus span,#order-opc .btn.button-minus span {padding: 0px} #order-opc .btn.button-plus:hover,#order-opc .btn.button-minus:hover, #order-opc .btn.button-plus .bt:hover,#order-opc .btn.button-minus .bt:hover {border: 1px solid #e4e4e4; color: #000; background: #fff !important} .cart_nav {top: 10px;float: right; position: absolute; text-align: right;right: 15px} .cart_nav a {font: 100 20px/1em AlternateGotNo2DRegular !important;} #order-opc .page-heading.step-num {font: 100 28px/1em AlternateGotNo2DRegular !important;} #address .required.form-group.selection select {position: relative !important} label {font: 100 16px/1em proxinova; color: #c1c1c1} .btn:active, .btn.active {box-shadow: none} .login_btn {color: #fff} .bokotra-lettre-vaovao,.entre-lettre-vaovao {height: 75px !important; margin-top: 50px} .bokotra-lettre-vaovao:hover, .bokotra-lettre-vaovao:focus {background: #ffc952 !important;} #index .menu-soratra {color: #fff} .menu-soratra {color: #000; margin: 0; top: 0} img {max-width: 100%} #order-opc .cart_total_price .total_price_container, #order-opc .cart_total_price .total_price_cont {width: 50%; float: left } #order-opc .cart_total_price .total_price_cont {top: auto} .pb-center-column h1 {font-weight:100 !important; } .fixed-content {max-width: 301px !important;} #product .our_price_display, #product .our_price_display .price {font: 100 30px/1.8em AlternateGotNo2DRegular !important} #product .pb-center-column h1 {padding-bottom: 5px} .btn.button-plus, .btn.button-minus {text-shadow: none !important;border: 1px solid #e4e4e4; color: #000} .btn.button-plus:hover, .btn.button-minus:hover,.btn.button-plus:focus, .btn.button-minus:focus { border: 1px solid #000; color: #fff; background:#000 !important;} .btn.button-plus:hover span, .btn.button-minus:hover span,.btn.button-plus:focus span, .btn.button-minus:focus span { border: 1px solid #000; color: #fff; background:#000 !important;} #product .selectdiv select {border-bottom: 1px solid #e4e4e4 !important} #product .btn-sub {font: 100 24px/1em AlternateGotNo2DRegular !important;} #product .btn-sub:hover {background: #ffc952; color: #fff; border-color: transparent} #product #quantity_wanted_p input {border: none !important;font: 100 28px/1em AlternateGotNo2DRegular !important;} #order-opc .vouchers-all {max-width:auto; position: relative; right: auto; width: 100%; /*! float: right; *//*! top: 124px; *//*! position: absolute; *//*! right: 0; */} #order-opc .cart_item .list-inline li {vertical-align: top;} #order-opc .cart_item .list-inline li .form-control.grey {top: 0; margin-top: 0} #order-opc .btn.button-plus span,#order-opc .btn.button-minus span {padding: 0px} #order-opc .btn.button-plus:hover,#order-opc .btn.button-minus:hover, #order-opc .btn.button-plus .bt:hover,#order-opc .btn.button-minus .bt:hover {border: 1px solid #e4e4e4; color: #000; background: #fff !important} .cart_nav {top: 10px;float: right; position: absolute; text-align: right;right: 15px;position: fixed; right: auto;width: 1000px;margin: 0 auto;max-width: 66%;} .cart_nav a {font: 100 20px/1em AlternateGotNo2DRegular !important;} #order-opc .page-heading.step-num {font: 100 28px/1em AlternateGotNo2DRegular !important;} #address .required.form-group.selection select {position: relative !important} label {font: 100 16px/1em proxinova; color: #c1c1c1;display: block;font-weight: normal;} .selectdiv label {padding-right: 0px;} .btn:active, .btn.active {box-shadow: none} .login_btn.btn {color: #fff; background: #000;font-size: 1.6rem;width: auto} .bokotra-lettre-vaovao,.entre-lettre-vaovao {height: 75px !important; margin-top: 50px} .bokotra-lettre-vaovao:hover, .bokotra-lettre-vaovao:focus {background: #ffc952 !important; border-color: #ffc952 !important} #index .menu-soratra {color: #fff} .menu-soratra {color: #000; margin: 0; top: 0;z-index: 9;} img {max-width: 100%} #order-opc .cart_total_price .total_price_container, #order-opc .cart_total_price .total_price_cont {width: 50%; float: left } #order-opc .cart_total_price .total_price_cont {top: auto} #columns {padding-bottom: 0; padding-top: 0} .address li.address_update { float: left;} .address li.address_update a {/*! border: none; */} .navbar-default .nav nav .header_user_info ul, #languages-block-top ul {text-shadow: none} /* SLIDER -------------------------- */ #index .rev_slider_wrapper .block_html_slider {z-index: 99999; position:relative; text-align: right} #index .rev_slider_wrapper h1, #index .rev_slider_wrapper p label, #index .rev_slider_wrapper p button { font: 100 20px/35px AlternateGotNo2DRegular !important; text-transform: uppercase; color: #fff; padding: 0; margin: 0 !important} #index .rev_slider_wrapper p {font-size: 16px !important; } #index .rev_slider_wrapper p a { font: 100 20px/35px AlternateGotNo2DRegular;background: none; border: 1px solid #fff !important;padding: 5px 20px !important; } #index .rev_slider_wrapper h1 { font-size: 100px !important; line-height: 80px !important;margin-top: -20px !important;} #index .rev_slider_wrapper p a:hover {background: #fff !important; color: #000 !important} /* HOME -------------------------- */ #enter { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99;} #enter a { width: 320px; height: 150px; font-size:145px; line-height: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; -moz-text-stroke-width: 2px; -moz-text-stroke-color: #fff; text-stroke-width: 2px; text-stroke-color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; cursor: pointer } #enter a:hover {color: #fff; font-size: 170px} #enter a#switchSoundBtn {cursor: pointer;font-size: 30px;width: 60px; height: 60px; overflow: hidden; bottom: 65px; top: auto} #enter a#switchSoundBtn:before {transition: all 0.5s ease-in-out; text-stroke: 0;-moz-text-stroke:0;-webkit-text-stroke:0;color: #fff; -webkit-transition: all 0.5s ease-in-out; border: 3px solid #fff;border-radius: 100%; content: "\f026"; display: block; width: 60px; height: 60px; font-family: fontawesome; line-height:1.8em} #enter a#switchSoundBtn:hover:before {background: #fff; color: #000} #enter a#switchSoundBtn.on:before {content:"\f028"} .progress {height: 3px !important; background: rgba(255,255,255,0.2) !important} .progress-striped .progress-bar {background: #fff; } .shop-ing {top: 80px} #order-opc .order-ps {top: 80px; position:relative} .ctp { height: 70px; } .vouchers-all .btu {margin-top: 0} .navigation-swipe,.button-back {display: none} video{ object-fit: cover} #myModal {width: 100%; height: 100%; background: rgba(0,0,0,0.85);position: fixed; top: 0px;margin-left: -50%;left: 50%; z-index: 10} #myModal .modal-content{margin-top: 15%;} @media (max-height:700px) { #myModal .modal-content{margin-top: 10% !important;} } .btn {background: #000;color: #fff; /*! font-size: 1.3rem; */ /*! border-color: #fff; */ font: 100 1.8rem/1em AlternateGotNo2DRegular;padding: 10px 30px;} .btn:hover {background: #fff; color: #000;border-color: #000;} .button.ajax_add_to_cart_button {text-shadow: none; font-weight: 100} #myModal .btn {margin: 10px 0;} .modal-header p {margin: 0 !important; } .close {right: 0 !important;margin: 5px !important; top: -15px !important;} .mobile {display: none} .cart_voucher fieldset #discount_name {margin-top: 0} #order-opc .button.button-small span {color: #fff} .submit2 .btn i {display: none} #order-opc .summary_fixed { position: fixed;width: 1170px;margin: 0 auto; margin-top:18px } #order-opc .summary_fixed .vouchers-all,.vouchers-all2 {max-width: 300px; position: fixed;top: 222px;} #order-opc .vouchers-all2 {top: 200px;margin-top: 0px} #order-opc .summary_fixed .vouchers-all.disabled {max-width: 300px; position: fixed;top: 270px;} #order-opc .stock-management-on{display: none} #order-opc p.payment_module.paypal a {border-radius: 0 !important;font-size: 16px; font-weight: 100; padding: 15px} #order-opc .title_payment_type {font: 100 20px/1em AlternateGotNo2DRegular;color: #000; text-transform: uppercase; display: block} #product #color_to_pick_list {max-width: 80%;} #order-opc div.payment_module {background: #fff !important; border-radius: 0 !important;padding: 15px} #stripe-payment-form .stripe-submit-button, #stripe-payment-form-cc .stripe-submit-button-cc { font-weight: 100 !important;text-transform: uppercase; font-size: 16px} #cms.cms-7 .container > .row > .col-md-2.col-lg-2 {z-index: 1} #columns #newsletter_block_left .form-group .form-control {margin-bottom: 0px !important} #addresses .bloc_adresses .box {padding: 5px; height: auto; float: left;} #order-opc .selectdiv2 select {padding: 10px;} #block-history #order-list a, #block-history .info-order a {color: #000} #block-history .history_detail a {border: none;} .menuhaut h2 { text-transform: uppercase} #social_block p {margin: 0} #social_block a span {color: #000 !important;font-size: 17px} #index #social_block a span {color: #fff !important;} #block_top_menu li a:hover {color: #000} #index #block_top_menu li a:hover {color: #fff} #block_top_menu li a:before, #social_block a:before {transition: 0.2s all ease-in-out;-webkit-transition: 0.2s all ease-in-out; width: 00px; height: 12px; display: inline-block; content: " "; background: url(../../img/flechenoire.svg) no-repeat left; background-size: 12px;} #index #block_top_menu li a:before, #index #social_block a:before {transition: 0.2s all ease-in-out;-webkit-transition: 0.2s all ease-in-out; width: 00px; height: 12px; display: inline-block; content: " "; background: url(../../img/fleche.svg) no-repeat left; background-size: 12px;} #block_top_menu li a:hover:before, #index #block_top_menu li a:hover:before, #social_block a:hover:before, #index #social_block a:hover:before {width: 15px} .sfHoverForce:before {display: none !important} #myModalSearch .fermer-search {top: 0; vertical-align: middle !important;color: #fff} #myModalSearch .fermer-search i {margin-right: 5px; font-size: 25px;top: 2px !important;position: relative} .ac_results { border: none !important; background-color: transparent !important; color: #fff !important; } .ac_results li {background: none !important;font: 100 25px/1em AlternateGotNo2DRegular !important; color: grey !important; } .recherche {font-size: 55px !important;text-transform: uppercase; width: 60%} #order-detail-content > .container > .col-border > .colbr {display: none !important;} #order-detail-content .container .cart_item .row {border-top: 1px solid #d6d4d4 !important;padding-top: 15px; margin-top: 18px;margin-bottom: 5px;} #order-opc .closeSearch {top: 0} #order-opc .close,.close-login .close { /*! position: absolute; */ margin-top: 0px; top: auto !important; text-shadow: none; font: 100 18px 'AlternateGotNo2DRegular'; text-transform: uppercase; right: auto !important; } #order-opc .close i,.close-login .close i { margin-right: 5px; font-size: 25px; top: 0px !important; position: relative; font: 600 20px/1rem 'AlternateGotNo2DRegular'; } .forgot-pass a:hover {opacity: 0.5} ul.product_list.grid > li .product-container .product_img_link {display: block; width: 100%; height:100%} #product .selectdiv select {-moz-appearance: none !important;appearance: none; -webkit-appearance:none; margin: 0; margin-bottom: 5px; height: 40px} .pb-center-column #buy_block label {margin-bottom: 5px !important} #product .selectdiv select:focus {outline: none} #product .selectdiv select:focus option {border: 1px solid #000; outline: none} #product .tab-content {margin-top: 10px} #product .pb-center-column #short_description_block #short_description_content {padding-bottom: 0} #product .pb-center-column #short_description_block #short_description_content p {font-size: 12px} #product .pb-center-column #short_description_block #short_description_content li {font-size: 12px; line-height: 1em} #product .pb-center-column h1 {line-height: 0.9em} #product #blockphotomobile {display: none} .cart_qty_more {color: #000} .cart_qty_zero {color: /* #bf0000 */ #000 !important} #index .cart_qty_zero {color: /* #bf0000 */ #fff !important} .ac_results li:hover {color: #fff !important} .cart_nav a::before, .cart_nav a::after { content: "\2190"; color: black; padding: 0 5px; font-size: 20px;width: 30px; line-height: 0.8em; overflow: hidden; display: inline-block;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out } .cart_nav a::after, .cart_nav a:hover:before {padding: 0; width: 0; overflow: hidden; } .cart_nav a:hover:after {width: 30px} #cart_voucher > fieldset > .button-small:hover, .vouchers-all .btu:hover {background: #ffc952 !important; border-color: #ffc952 !important} #order-detail-content .cart_item {transition: 1s all ease-in-out;-moz-transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out} .tp-fullwidth-forcer {z-index: 0; display: none} .logo {height: 50px;width: 50px } .navbar-default {background-color: transparent;border: none;display: block !important;} .modal {z-index: -2} .modal.visible_login {z-index: 1;} #authentication label {font-family: inherit; font-size: 16px; padding-right: 10px} #social_block span, #social_block p, .rsx2 p { color: #000 !important ;font-family: AlternateGotNo2DRegular} #index #social_block span, #index #social_block p, #index .rsx2 p { color: white !important} /* SHOPPING CART */ #cart_summary tbody td.cart_product img {max-width: 300px;} #cart_summary tbody td {vertical-align: top} #cart_summary .cart_quantity input {display: inline-block; height: 50px;float: left;width: 50px; border: 2px solid #d6d4d4; text-align: center; font-size: 1.5rem; color: #000} #cart_summary .cart_quantity {width: 80px;position: relative;} #cart_summary .cart_quantity p {text-align: left; font: 100 16px/1em AlternateGotNo2DRegular; text-transform: uppercase; padding: 0; margin: 0} #cart_summary .cart_quantity .btn.button-plus, .btn.button-minus {border: 1px solid #fff;vertical-align: top;} #cart_summary .cart_quantity .btn.button-plus span, .btn.button-minus span {float: right; display: block; padding: 0px;position: relative;background: #000; border: none; color: #fff; font-size: 1rem; line-height: 2.2rem} .cart_quantity_button {width: 25px;display: inline-block;margin-top: 5px;} #cart_summary .icon-close {font-size: 12px; color: #000} #cart_summary tbody td.cart_product, #cart_summary tbody td.cart_product a, #cart_summary tbody td.cart_product img {width: 180px; height: auto} #cart_summary tbody td.cart_total {display: table-cell; vertical-align: bottom;/*! float: left; *//*! height: 100%; */} #cart_summary tbody td.cart_total .price {color: #000; font-size: 1.5rem} #cart_summary tbody td.cart_delete {margin-left: -30px; display: block;} #cart_voucher #voucher button {background: #000;max-width: 60px;border: 3px solid #000;text-align: center;padding: 10px;} #cart_voucher #voucher button span {min-width: 30px} .page-heading.step-num span {display: none} /* RESTOCK */ .countdown_bloc {background: #c1c1c1; text-align: center; color: #fff; font: 100 24px/1.5em AlternateGotNo2DRegular !important; width: 100%} .countdown_bloc>div {margin: 5px; display: block !important; } .countdown_bloc canvas {display: none} .countdown_bloc div, .countdown_bloc span {display: inline; font-size: 24px !important; text-transform: uppercase} .countdown_bloc span {display: inline-block;} .countdown_bloc span span {padding: 5px} .countdown_bloc .ClassyCountdown-hours, .countdown_bloc .ClassyCountdown-minutes, .countdown_bloc .ClassyCountdown-seconds {display: none} /* MEDIA QUERIES -------------------------- */ @media (max-width: 1024px){ #order-opc .summary_fixed .vouchers-all,.vouchers-all2 {max-width: 260px;width: 100%;} #order-opc .cart_nav a {position: fixed; top: 0px; right:-80px; z-index: 9; padding: 10px; background: none } #index .rev_slider_wrapper h1 {font-size: 65px !important;} #category .page-heading.product-listing { margin-top: 0; line-height: 1em;} } @media (max-width: 990px){ #order-opc #header_logo {position: relative; top: 20px} #order-opc .table-responsive { margin-bottom: 15px; border: none;} #order-opc .table-responsive .container {padding: 0} #order-opc .vouchers-all .cart_total_price h2 {display: none} #cart_voucher > fieldset > .button-small {float: right} #order-opc .vouchers-all .cart_total_price.ctp {height: auto;display: block; border: none; padding: 0; margin: 0; margin-top: 5px} #order-opc .summary_fixed .vouchers-all {max-width: 100%;position: fixed; bottom: 0; left: 0; z-index: 9; background: #fff;; box-shadow: 0 0 5px rgba(0,0,0,0.2)} #order-opc .col-border:last-child {margin-bottom: 120px; overflow: hidden} #order-opc .vouchers-all .btu {margin: 0 5% 5%; max-width: 90%} #order-opc .vouchers-all.disabled { opacity: 1 !important;} #order-opc .vouchers-all.disabled .cart_total_price { opacity: 0.4 !important;height: auto} #order-opc .vouchers-tx {background: #fff} #order-opc .summary_fixed {max-width:100%;min-height: 100px !important;position: relative} #order-opc #block_top_menu, #order-opc .rsx {display: none} #order-opc .menu-soratra {display: none} #order-opc .page-heading {margin: 0 15px;} #order-opc .page-heading.step-num {margin: 0; margin-bottom:20px} } @media (max-width: 768px){ #order-opc #header_logo {top: 0px} #header_logo {top: 0px;position:relative} .topb #header_logo {top: 0px;} #header_logo a{display: block;position: relative;} #header_logo {top: 0px} .topb #header_logo:before { background: url(../../img/Logo-rwd-france-Blanc.png) no-repeat; display: block; content: " "; width: 55px; height: 34px} .topb #header_logo a{display: none} #product .fixed-content {position: relative !important;width: 100% !important; height: auto; max-width: 100% !important } .search-label {display: none} #search_query_top_mobile {width: 100%; height: auto} #search_query_top_mobile::placeholder {font: 100 75px/1em AlternateGotNo2DRegular !important;} .modalSearch-content {padding: 0} #cms #center_column h1 {margin: 0} #cms.cms-7 .contact_global {width: 100% !important; position: relative; margin-left: 0px; left: 0%; z-index: 0;color: #fff; float: left} #cms.cms-7 .contact_who {width: 100%} #cms.cms-7 h1 {margin-top: -40px !important;} #cms.cms-7 .center_columns h2 {margin-bottom: -65px} #cms.cms-7 #bloc2_who h2 {margin-bottom: -20px} #cms.cms-7 .culture_who img { margin: 0px 0 10px 0 !important; max-width: 100% !important;} #cms #center_column img {margin: 0 auto !important;float: none !important;} .login-header {width: 100%} #product .hlo #header_logo {display: none} #product .hlo {position: absolute; width: 100%} #product .menu-soratra {right: 20px; position: absolute; left: auto;display: none;} #product #blockphotomobile {display: block;width: 100vw;} .primary_block .pb-left-column img {width: 100vw; height: auto} #product #blockphotodesktop {display: none} #product .pb-left-column.col-xs-12.col-sm-12.col-md-7.col-lg-7 {padding: 0 !important;} .button-back {display:block;position: absolute;z-index: 2;} #product .button-back {margin-top: 15px; margin-left: 15px} .button-back .button {background: none; border: none; text-transform: uppercase; font: 100 18px/1em AlternateGotNo2DRegular } #my-account.my-account ul.myaccount-link-list li {width: 90%} #order-opc #order-detail-content .col-border .col-xs-4.col-lg-3.col-md-3 {text-align: center} #order-opc .vouchers-all2 {position: absolute; max-width: 100% !important; left: 0px; background: #f7f7f7 !important; margin-top: 0;} #order-opc .vouchers-tx {background: none} #cms.cms-7 .contact_who { width: 100%; padding-top: 60px;} #bloc3_who {max-width: 90%;margin: 0 auto;position: relative;margin-bottom: -30px;z-index: 1;} #searchbox .search-label {display: block; min-height: 60px; z-index: 99999; margin-top: -150px !important; position: relative; margin-left: -10px !important;} form#searchbox label {display: block !important} } @media (max-width: 480px) { .menuhaut h2 {font-size: 60px !important; line-height: 1em !important; margin: 0; text-transform: uppercase;font-weight: 300 !important} html .menuhaut p {margin: 0; font-size: 30px !important;line-height: 1.5em !important;font-weight: normal; text-transform:uppercase} .menuhaut hr {margin: 15px !important;background: rgba(255,255,255,0.2); height: 1px} #page #social_block span {color: #fff !important;} #page .rsw a span { margin-right: 15px; } #page .rsw a {margin: 0} .mdl .login-header {width: 100%} .form-signin-heading {font: 100 60px/1em AlternateGotNo2DRegular !important;letter-spacing: 5px; margin-bottom: 0 !important} .mdl .alread a {font-size: 15px} #product .pb-left-column {position: relative} #product .pb-center-column #short_description_block #short_description_content { margin-top: 0px;} .form-signin {padding: 0;background: #fff} #myModal .form-signin {padding: 10px !important;width:100% !important; display: block !important;} #myModal .modal-content{width: 100%; min-width: auto} #myModal .modal-body {width: 100%; display: block !important} #myModal .modal-body .form-signin-heading{text-align: center} #myModal .form-signin p, #myModal .btn {width: 100%; display: block;text-align:center; margin: 0} #my-account ul.myaccount-link-list li {width: 100% !important;} #my-account ul.myaccount-link-list li span {width: 80% !important;} #order-opc .page-heading {font-size: 50px; margin-top: 0} .forcefullwidth_wrapper_tp_banner{margin-top: 0px !important} #index .hlo {position: fixed;width: 100%;z-index: 9} #my-account ul.myaccount-link-list li {padding: 5px 0 !important;} #my-account ul.myaccount-link-list li a {font-size: 200% !important;} #my-account ul.myaccount-link-list li a i {font-size: 20px !important;margin-right: 20px !important;} #history #block-history td:nth-child(1), #history #block-history th:nth-child(1), #history #block-history td:nth-child(4), #history #block-history th:nth-child(4), #history #block-history td:nth-child(5), #history #block-history th:nth-child(5), #history #block-history td:nth-child(6), #history #block-history th:nth-child(6) {display: none} .button.button-medium span {font-size: 18px} .mobile {display: block} .desktop {display: none} .shop-ing {top: 0px} #search_query_top_mobile::placeholder, #search_query_top_mobile {font: 100 35px/1em AlternateGotNo2DRegular !important;} #index .rev_slider_wrapper p {line-height: 1em !important;} #index .rev_slider_wrapper p label {line-height: 1em !important;} #index .rev_slider_wrapper .tp-parallax-wrap {left: 0px !important;width: 100% !important;} #index .rev_slider_wrapper .tp-mask-wrap, #index .rev_slider_wrapper .tp-loop-wrap {right: 10px;width: 95% !important;display: block} #index .rev_slider_wrapper h1 { font-size: 50px !important;margin-bottom: -20px !important} #index .rev_slider_wrapper .block_html_slider {width: 100% !important;min-width:100% !important;max-width: 100% !important;} #cms.cms-7 .col-md-10, #cms.cms-7 #columns.container {padding: 0px} #columns #newsletter_block_left .form-group .form-control {max-width: 220px !important; margin: 0px !important } #columns #newsletter_block_left .button.button-small {margin: 0px !important } #cms.cms-7 h1, #cms.cms-7 h2 {font-size: 60px; font-weight: 300;} #bloc3_who {max-width: 280px;margin: 0 auto;position: relative;margin-bottom: -30px;z-index: 1;} #columns #newsletter_block_left .form-group .form-control {max-width: 60% !important} #bloc3_who {max-width: 280px;margin: 0 auto;position: relative;margin-bottom: -30px} #order-opc .summary_fixed .vouchers-all.disabled,#order-opc .summary_fixed .vouchers-all {max-width: 100%; position: fixed;top: auto !important;} #order-opc #order-detail-content .cart_item .price {display: none} #order-detail-content .container .cart_item .row {margin: 0 } #order-opc .vouchers-all2 {top: 0px;} #order-opc .order-ps {top: 10px;} .btn {width: 100%; margin: 5px 0} .btn.button-plus, .btn.button-minus {width: auto} }