:root { --button-width: initial; } .p1080, .bcont{ width: 100%;} #global_sign_up_customer {display:none;} .GandG_account_menu, .GandG_account_address, #main_global_div_info_customer, .GandG_account {display:block;} /*.GandG_account_menu, .GandG_account_address, .GandG_account_thematique { width: 100%; border:none; padding:0;}*/ .GandG_account_menu { border:none;width:100%; padding:0;} .GandG_account_address{ border:none;box-sizing: initial;} .GandG_account_menu ul{display:none;} .account_welcomText h1{display:none;} .GandG_account_menu, .GandG_account_address, #main_global_div_info_customer {margin-bottom:0!important} #global_sign_in_customer h2{display:none;} .icons-utilisateur:before{color:var(--second-color)} .GandG_account {text-align: left; } .bbmenu{width:100%;box-sizing: border-box;background:whitesmoke;} .GandG_account_address_without_menu h2{margin:none;} #myAccount, .account_welcomText{width:100%} #global_sign_in_customer, #global_sign_up_customer { width: 100%;} .payment_button{float:right;} .bmenu{background:whitesmoke;} .bmenu .t_g{color:var(--first-color);} .bmenu .linkClickedCurrentPage, .bmenu a:hover{color: var(--first-color);} .account_signout.t_g{position: absolute;z-index:3;right:50px;top:5px;color:black} .GandG_cart h1, .GandG_cart h2, .GandG_cart h3, .GandG_account h1, .GandG_account h2, .GandG_account h3, .GandG_account_address h3{border:none;vertical-align:top;margin: 0 0 20px 0;} .GandG_cart h2 {margin-bottom:2vw} #main_global_div_info_customer{width:auto;margin:0;border:none;} /*#div_container_5_fr{width:100%;margin:0 auto ;}*/ .cbf .cfa:nth-child(1){margin-right:100px;} .cfa{width: 100%;display:inline-block;vertical-align:top;} .fc-scroller { overflow-x: visible !Important; } .footable>thead>tr>th, .footable>thead>tr>td{background-color: black!important; border-color:black !important;} .footable-sort-indicator:before{display:none;} .simpleCart_items .item-decrement, .simpleCart_items .item-increment {text-align:center;} .footable .item-custom,.footable .item-remove,.footable .item-quantity {text-align:center;} .simpleCart_delivery, .simpleCart_resum{display:block;} .footable>thead>tr>th{text-align:center;} .footable {border:none!important} .footable>tbody>tr>td {padding: 1vw!important;} .gg_calendar .fc-widget-content .fc-past {background: var(--first-color) !important;} .gg_calendar .fc-agendaWeek-view .fc-widget-content .fc-time-grid .fc-today, .gg_calendar .fc-agendaWeek-view .fc-widget-content .fc-time-grid .fc-future{background:white !important;} .gg_calendar .fc-agendaWeek-view .fc-widget-content .fc-time-grid .fc-today .fcpast{background: var(--first-color) !important;} .agg_calendar{height:inherit !important;} .footable{border-color:var(--first-color) !important;} .currentArrowPayment{background-color: white;color:var(--first-color);} div[class*="simpleCart_"] .footable .simpleCart_remove:after, div[class*="simpleCart_"] .footable .simpleCart_remove:before{color:var(--first-color);} div[class*="simpleCart_"] .footable .simpleCart_remove:after{content:'';} .gg_calendar{overflow-x: auto;} .GandG_Ariane_payment, .deposit {display:none!important;} .labelDisplayTotalCart, .simpleCart_grandTotal {padding:0;font-weight:bold;} .marginShippingMethod {margin:20px 0} .checkShippingMethod{text-align:center;} .resumPaymentValue {min-width:60px;text-align:right} /*.GandG_Paiement, .GandG_resume{margin-bottom:2vw}*/ .GandG_Paiement, .GandG_paymentButton {display:block;} .global_existing_profile{margin:0} .button_valid{float:right} .editProfile{display:block;} .cell_button_account .button_edit{float:right} .GandG_ChoicePayement, .GandG_ChoicePayement2, .GandG_ChoicePayement3{width:350px;vertical-align:top;margin-top:25px;} .GandG_descriptionPayment{text-align:center;} .paragraphVir {margin-bottom:15px;} .paymentImage {width:150px;} .accountC, .accountFDP, .accountDIS {display:none;} #chooseBillingAddress, #chooseDeliveryAddress {margin:0} #chooseBillingAddress h3, #chooseDeliveryAddress h3{display:none;} .selectedAddress {border: 1px solid var(--first-color)!important;} .imgEtransacKey{width:50px;height:initial;margin-left:5px;} .imgEtransacCard{width:90px;height:initial;vertical-align:middle;} .imgEtransacCardInter{width:20px;vertical-align:middle;} .hidetxt{display:none!important;} .cancelButton {float:left;} .global_existing_address, .global_existing_billing_address { border: 1px solid #dddddd; border-radius:var(--radius-4); background:white;} .GandG_account_menu h3:after{display:block;content:'Modifiez les paramètres de votre compte';font-style: italic;font-family:"fontr",Times,serif; color:white;text-align:left;font-size:17px} #global_sign_in_customer h2{padding:0!important} #popupWysiwyg h3{background-color: white!important; border-radius: 0!important;padding: 0!important; width: 100%!important; min-height: initial!important;} #popupWysiwyg h3:before, #popupWysiwyg h3:after, .GandG_account_address_without_menu h2:before{display:none;} /*** PASSWORD ***/ #lostPassword{width:80%;display:block;margin:2vw auto;text-align:right} /*** TABLEAU **/ .cartValueRow .paymentNameProduct, .cartValueRow .paymentDisplayDate, .cartValueRow .paymentDisplayDay{display:inline-block} .cartValueRow .paymentNameProduct{font-weight:bold; color:var(--first-color)} /*** ACCOUNT ***/ .accPicTxt:before{display:none;} .GandG_account_address #main_global_div_info_customer {margin:0; padding:0} .accPic{ width: 33%; margin: 3% 3% ;text-align:left; font-weight:normal;display:inline-block;vertical-align:top;} .accPic:after { line-height: 3vw; color: black; font-size:2vw} .accPicTxt {text-align:left; font-size:25px; justify-content: left; color: white;} .accPic a {max-width:100%;width:85%} .accPic img{max-width:50%;max-height:100%} .GandG_account_menu{adisplay:none;} .GandG_account td:nth-child(1){padding:1vw 1vw 1vw 0} .GandG_account td:last-child{padding:1vw 0 1vw 1vw} /*** ACOUNT ORDERS ***/ .container_orders .footable {margin:0!important;} .orders_table_informations>tbody>tr>td { padding: 15px!important;} .container_orders .icon-arrow-right7 { padding: 0; color: var(--first-color)!important;} .container_orders .modal { width: 100%!important;min-width:100%;border:none;} .container_orders .modal #closePopup{display:none;} .container_orders .modal span.icon-close:before {color: var(--first-color)!important;} .container_orders .modal .displayLogo {display:none; max-height: 100px;} .container_orders .modal .modal-body { padding: 20px;} .container_orders .modal .customerinfo { width: 100%!important; display: block!important;} .container_orders .modal .addressinfo {width: 46%!important;margin:3% 1%;padding:1%;border:1px solid var(--third-color)} .container_orders .modal h1,.container_orders .modal h2,.container_orders .modal h3,.container_orders .modal h1.t_g,.container_orders .modal h2.t_g,.container_orders .modal h3.t_g{color: black!important;} .container_orders .modal .bl_table_informations_recap{text-align:right} .container_orders .modal .orders_table_informations_recap {width:initial!important;display:inline-block;} .container_orders .modal .orders_table_informations_recap td {padding:10px!important} .container_orders .modal .orders_table_informations_recap tr td:nth-child(1) {width:80%!important} .container_orders .modal .orders_table_informations_recap tr td:nth-child(2) {width:20%!important} /*.container_orders .modal .orders_table_informations tr td:nth-child(3):after, .container_orders .modal .orders_table_informations tr td:nth-child(4):after {content:'€';display:inline-block;vertical-align:top;padding-left:5px} */ .footable>thead>tr>th, .footable>thead>tr>td, .footable>tfoot>tr>th, .footable>tfoot>tr>td {background-color: var(--third-color) !important; border: 1px solid var(--third-color)!important;color:black!important} .footable>tfoot .pagination ul>li.active>a { border-color: #000000;} .footable>tfoot .pagination ul>li>a, .footable>tfoot .pagination ul>li>span{color:black;} .cartTable>thead .item-name, .cartTable>tbody .item-thumb{display:none;} /*** CUSTOM CHECKBOX ***/ .GandG_account_thematique .cell_1_form,.GandG_account_thematique .cell_2_form{display:block;} .GandG_account_thematique, .GandG_account_thematique table, .GandG_account_thematique tbody, .GandG_account_thematique tr {width:100%} .GandG_account_thematique br {display:none;} .GandG_account_thematique [type="checkbox"]:not(:checked), .GandG_account_thematique [type="checkbox"]:checked { position: absolute; left: -9999px;} .GandG_account_thematique [type="checkbox"]:not(:checked) + label:before, .GandG_account_thematique [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 1.5vw; top: 1.5vw; width: 2vw; height: 2vw; border: 1px solid #aaa; background: #f8f8f8; border-radius: 3px;} .GandG_account_thematique [type="checkbox"]:not(:checked) + label:after,.GandG_account_thematique [type="checkbox"]:checked + label:after { content: "\f125"; font-family: icons !important; position: absolute; top: 1.8vw; left: 1.8vw; font-size: 1.5vw; color: var(--first-color); transition: all .2s; line-height: initial;} .GandG_account_thematique [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); } .GandG_account_thematique [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); } /*.GandG_account_thematique label{position: relative; padding-left: 66px; line-height: 75px;}*/ /*** THEMATIQUE ***/ .GandG_account_thematique .button_valid{margin-right:5%} @media only screen and (max-device-width : 468px) { .p1080, .bcont{ width: 100%;} #global_sign_in_customer, #global_sign_up_customer { width: 100%;} #global_sign_in_customer h2 { margin: 1vw 0;} .GandG_account_menu h3, .GandG_account>div>h2 { } .bvague {top: -40vw;} .GandG_account{width:94%;padding:2% 3%} .GandG_account_menu li {margin: 0.4vw 0;} .button_edit, .button_delete, .payment_button, .global_existing_profile .button_valid, .input_submit, .button_valid { width: 24vw!important; border:none;box-sizing: inherit;} /*.payment_button, .button_edit, .button_valid, .button_delete { font-size: 4vw!important; width: 30vw!important; }*/ .orders_table_informations>tbody>tr>td { padding: 1%!important;} .footable.blue .icon-arrow-right7 { padding: 1%;} .container_orders .modal .modal-body { padding: 2%;} .container_orders .modal .modal-body #info { margin: 1%;} .container_orders .modal .addressinfo { width: 94%!important; margin: 5% 0; padding: 3%; border: 2px solid var(--third-color);} .account_signout.t_g { right: 3vw; top: 3vw;} .accmdplost{margin-top:2vw} .accPic{height:15vw;margin: 3% 6%;width:80%} .accPicTxt { font-size: 4vw;line-height:15vw} .accPic:after { line-height: 15vw; font-size: 5vw;} .accPic a {width:80%} .GandG_account_menu h3:after{font-size:4vw;margin-top:2vw} .GandG_account td:nth-child(1){padding:2vw 2vw 2vw 0} .GandG_account td:nth-child(2){padding:2vw 0 2vw 2vw} /*.account_welcomText span:nth-child(5){display:none;}*/ /*** CUSTOM CHECKBOX ***/ .GandG_account_thematique [type="checkbox"]:not(:checked) + label:before, .GandG_account_thematique [type="checkbox"]:checked + label:before { top: 2vw; left:1vw; width: 7vw; height: 7vw;} .GandG_account_thematique [type="checkbox"]:not(:checked) + label:after,.GandG_account_thematique [type="checkbox"]:checked + label:after {top: 3vw; left: 2vw; font-size: 5vw; line-height: initial;} .GandG_account_thematique label{padding-left: 10vw; line-height: 4vw; width:26vw; display:inline-flex; align-items: center;justify-content: center; margin:4vw 2vw} } @media screen and (max-width: 600px){ .simpleCart_items .cartTable tr{grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);} .simpleCart_items .cartTable>tbody .item-name {grid-area: 1 / 1 / 2 / 2;} .simpleCart_items .cartTable>tbody .item-price {grid-area: 1 / 2 / 2 / 3;} .simpleCart_items .cartTable td.item-quantity { grid-area: 4 / 1 / 5 / 2;} .simpleCart_items .cartTable td.item-remove {grid-area: 4 / 2 / 5 / 3;} } @media only screen and (max-width : 600px) { /* .simpleCart_delivery td:not(.item-thumb):before{content: attr(data-title) " :\000020";} .simpleCart_delivery td{align-items:center;} .simpleCart_resum td:not(.item-thumb):before{content: attr(data-title) " :\000020";} .simpleCart_resum td{align-items:center;}*/ .simpleCart_delivery tr, .simpleCart_resum tr{display : flex;flex-wrap:wrap;} .simpleCart_delivery td, .simpleCart_resum td{flex-basis:100%;display : inline-flex;justify-content:start;} .simpleCart_delivery td.item-quantity, .simpleCart_delivery td.item-price, .simpleCart_resum td.item-quantity, .simpleCart_resum td.item-price{ flex-basis: 50%; box-sizing: border-box; align-items: center; text-align: left !important; } .simpleCart_delivery td:before, .simpleCart_resum td:before{content: attr(data-title) " : ";} }