/* NYMPHEA CSS ||||||||||||||||||||||| COLORS ||||||||||||||||||||||| bleu : var(--secondary) - 144,174,186 gris : var(--primary) - 89,89,91 gris clair : #c1c1c1 - 193,193,193 ERROR : #ef9a9a Ok : #a3d39c OR : #84754E Argent : #8A8D8F 2024 bleu fonce : #141e22 - 20,30,34 rouge : #ed273a - 237,39,58 separ : rgba(0,0,0,0.07) Raleway - Raleway bold ||||||||||||||||||||||| */ :root { --primary: #141e22; --secondary: #061941; --light: #f0f0f0; --dark: #000; --white: #fff; --yellow: #FFD814; --orange: #FCD200; } body, main, html { scrollbar-width: thin; -moz-scrollbar-width: thin; -webkit-scrollbar-width: thin} html::-webkit-scrollbar {width: 5px; height: 50px;} html::-webkit-scrollbar-thumb {width: 5px; height: 50px;background: #878785;} .topbar nav { float: right; position: fixed; top: 20px; right:20px; max-width: 100%; z-index: 999} #order-opc .page-heading {font-size: 18px; color: var(--primary);padding: 0 15px;text-align: left;} .header-left {position: fixed; background: white; height: 100vh; top: 0;left: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 0 5px;min-width: 17% } .txt_bleu {color: var(--secondary) !important; } .footer-container #footer #social_block ul, .footer-container #footer #social_block p {color: var(--secondary);width: 100%;font-size: 10px; line-height: 12px; display: block !important} header .row #header_logo {margin: 1% 50px 1%;text-align: center;} .header-container, #columns {padding-top: 0;padding-bottom: 0} body a, body li,body a:focus, body li:focus, summary, input, select, textarea, button {outline: none;-moz-outline: none; -webkit-outline:none;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;} html .block_blanc { margin: 0 auto; background: #fff; padding: 30px;max-width: 100%;} body em {font-style: italic; font-weight: inherit} html body b, html body strong {font-weight: 600;} #cms.cms-10 .center_column, #order-opc .center_column { margin-top: 60px; } .pagecent .row.full_size_img .titre_page {margin:0} body .small_text, html body #columns #bloc_recap .checkbox label.small_text {font-size: 11px; font-weight: 300} /* body.category-58 .center_column,body.category-72 .center_column,body.category-51 .center_column,body.category-59 .center_column ,body.category-60 .center_column ,body.category-57 .center_column,#product .center_column, body.category-56 .center_column,body.category-55 .center_column,body.category-68 .center_column,body.category-65 .center_column, body.perso_papillon .center_column, body.category-62 .center_column, body.perso_papillon .center_column,body.category-71 .center_column, body.perso_papillon .center_column,body.category-42 .center_column {margin-top: 0px}*/ .video_plume, .video_pap,.video_impulsion,.video_nature,.video_fleur,.video_metaux,.video_new,.video_fluos,.video_promo{height: 50vh; overflow: hidden; width: 100%} body.category-72 img {max-width: 100%; overflow: hidden} #cms .center_column, #index .center_column, #perso_coeur .center_column,#perso_carte .center_column, #pagenotfound .center_column, #module-formmaker-form .center_column, #personnalisation .center_column, #perso_livret .center_column, #perso_mignognette .center_column {margin-top: 0px;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.3em; } #perso_coeur .center_column,#perso_carte .center_column, #personnalisation .center_column, #perso_livret .center_column, #perso_mignognette .center_column {margin-top: 0px;} #login_form .button, .button, input[type='submit'] {cursor: pointer;background: var(--secondary); color: #fff; border: 1px solid var(--secondary) } #page .header_perso .titre_page p b i {font-style: italic; font-weight: 500 } #index .mobile.content_ac img { width: 100vw; padding-top: 80px; position: fixed; bottom: 0;animation: apparition 4s linear; -webkit-animation: apparition 4s linear } @keyframes apparition { 0% {opacity: 0} 100% {opacity: 1} } -webkit-@keyframes apparition { 0% {opacity: 0} 100% {opacity: 1} } #index .mobile.content_ac div {position: fixed; bottom: 80px; width: 280px; left: 50%; margin-left: -140px;text-align: center; color: #fff} #index .mobile.content_ac h1 {margin-top: -25px; font-size: 140%} #index .mobile.content_ac h1:before {content: ""; width: 100%; height: 80px; mask: url(../../../../../img/papillon-magique.svg) no-repeat center; -webkit-mask: url(../../../../../img/papillon-magique.svg) no-repeat center; mask-size: 60% auto; -webkit-mask-size: 60% auto; background-color: #fff; display: block;} #index .mobile.content_ac a.btn {margin: 5px;} html div.selector { padding: 6px 12px;height: 40px; font-size: 15px; line-height: 1.42857; color: var(--primary); vertical-align: middle; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 0px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);} html div.selector span {padding-right: 10px} #authentication .checkbox {height: 30px} #authentication .checkbox .checker {display: inline-block; position: relative; float: none;} #authentication .checkbox label {line-height: 1em;} .copy {color: var(--primary); font-size: 12px; line-height: 16px;font-weight: 400;} h1, #cart_title {padding-left: 20px} .animate-text {color: var(--primary); font-size: 90%; text-align: center; line-height: 1em !important; padding: 10px 15% 0; max-width: 100%;z-index: 2;position: relative;margin: 0;font-weight: 400;} .footer-container {padding: 0 35px 10%;width: 100%;} #cms .content_page p {text-align: justify; } p {line-height: 24px !important;font-size: 16px;} a {text-decoration: none !important} #cms #center_column .content_page p {font: 300 16px "Raleway"; } #totopbtn, div#csoc-container .owl-prev, div#csoc-container .owl-next {position: fixed;right: 30px;bottom: 30px;background: #fff; padding: 5px 8px; border: none; box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 5px; z-index: 99; transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s; display: none;width: 30px; height: 30px} #totopbtn.visible {display: block} #totopbtn:hover {background: var(--primary); color: #fff} #header #header_logo a {position: relative; z-index: 9999; display: inline-block;} #block_top_menu .sf-menu li ul #ssmenu_acacher {display: none !important;} .button.ajax_add_to_cart_button span { padding: 0px 5px 3px 5px;} .button.ajax_add_to_cart_button, #category ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button { font: 300 18px/36px "Raleway", sans-serif;margin-top: 10px; text-align: center;} #mouse-down-icon {height: 60px; width: 50px; position: absolute;left: 50%;margin-left: -25px;background: url(../../img/souris.svg) no-repeat center top; background-size: 25px; bottom: 1vh;} #mouse-down-icon:after { display: block; content: "\f078"; font-family: fontAwesome; width: 50px;text-align: center; height: 20px; margin-top: 35px;color: var(--primary);animation: example 2s linear 2s infinite;-webkit-animation: example 2s linear 2s infinite;} @keyframes example {0% {opacity: 0} 50% {opacity: 1}100% {opacity: 0}} @-webkit-keyframes example {0% {opacity: 0} 50% {opacity: 1} 100% {opacity: 0}} #header_logo img {width: auto;padding: 6px 0; text-align: center; margin: 0 auto;transition: ease-in-out all 0.5s;-webkit-transition: ease-in-out all 0.5s;-moz-transition: ease-in-out all 0.5s;transform-origin: center;max-height: 95px;} #header_logo img:hover {transform: scale(1.1);} i {font-style: italic} /* FICHE PRODUIT |||||||||||||||||| */ #product .titre {margin-top: 0} #product .our_price_display {height: 30px; margin: 5px 0;font-size: 20px;} #product .center_column .pb-center-column, #product .center_column .pb-right-column, #product .center_column .pb-left-column {margin-top: 30px;} #product .center_column .pb-right-column {background: #fff;border: 1px solid #e9e9e9;box-shadow: 0 0 5px rgba(0,0,0,0.05);padding: 20px;bottom: 60px;} #product #add_to_cart .btn {background: var(--secondary); color: #fff; transition: ease-in-out 0.5s all; font-size: 100%; width: 100%; padding: 13px} #product #add_to_cart .btn:hover {background: var(--primary)} .pb-center-column #buy_block label { width: auto; font-weight: 400; text-align: left; margin: 0; padding-right: 10px; text-transform: uppercase; color: var(--primary);} #product #quantity_wanted {top: 0px;position: relative;float: right;display: inline-block;width: auto;max-width: 100px; text-align: right;height: 33.6px;} #product #quantity_wanted_p {margin: 0; float: left;width: 100%} #product .cart_quantity_button {float: right; width: 15px; text-align: left; margin-right: 5px} #product .btn.button-plus,#product .btn.button-minus {display: block; width: 20px;text-align: center;margin: 0 !important;} #product .icon-plus:before{ content: "\f106";font-weight: 100; } #product .icon-minus:before { content: "\f107";font-weight: 100 } #product img {max-width: 100%; height: auto} #product #customizedDatas button { background: #fff; width: 100%; font-size: 14px; padding: 10px; text-align: center; border: 1px solid var(--primary); color: var(--primary);} #product #customizedDatas button:hover, #product #customizedDatas button span:hover {background: var(--primary); color: #fff; } #product #customizedDatas button span:hover {background: none} #product .customizableProductsFile, #product .customizableProductsText { margin-bottom: 0; padding-bottom: 0; border: none} #product .page-product-box,#product .product_attributes { padding: 15px 0} #quantity_wanted_p label {display: inline-block; width: 50% } #product #quantity_wanted_p label, #product #attributes label {width: 50%; display: inline-block; margin: 0px;float: left} #product label {line-height: 1.3em; margin-left: 0; margin-bottom: 10px !important;} #product #customizedDatas {float: none;} #product .buttons_bottom_block { padding: 0} #product #blockphotomobile {display: none} /*#category.category-59, #category.category-59 .global-content, #category.category-59 .global-content .product-image-container {background: #000} #category.category-59 .right-block, #category.category-59 .right-block .price,#category.category-59 .product_list .quantity_product_list input,#category.category-59 .product_list .quantity_product_list a {color: #fff;background: none;} html #category.category-59 .cat_desc, html #category.category-59 .cat_desc a {color: #fff} #category.category-59 .content_scene_cat_bg .bg_video, #category.category-56 .content_scene_cat_bg .bg_video {display: block} #category.category-59 .content_scene_cat .content_scene_cat_bg::after,#category.category-56 .content_scene_cat .content_scene_cat_bg::after {display: none} #category.category-59 .content_scene_cat .content_scene_cat_bg, #category.category-59 ul.product_list.grid > li .product-container {background: none !important;} */ #product .content_scene_cat {height: 500px;overflow: hidden;position: relative;} #product .center_column .pb-right-column {bottom: 20px;position: fixed;right: 20px;max-width: 20%;} #product .customizationUploadLine textarea { width: 100%; } #blockphotodesktop {position: absolute;top: 0;width: 1600px;margin-bottom: -10px;} #slider {position: relative;overflow: hidden;margin: 0px auto 0 auto;border-radius: 4px;} #thumbs_list #slider ul#thumbs_list_frame { position: relative; margin: 0; padding: 0; height: 600px; list-style: none; } #slider ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100vw; height: 600px; } #slider a.control_prev,#slider a.control_next {position: absolute;top: 10%;z-index: 2;display: block;width: 60px;height: 60px;background: #fff;color: var(--primary);text-align: center;font-weight: 600;font-size: 18px;opacity: 0.8;cursor: pointer;line-height: 50px;border-radius: 60px !important;left:50%;margin-left: -40px;padding: 5px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);} #slider a.control_prev:before ,#slider a.control_next:before { font-family: dashicons!important; font-weight: normal; font-style: normal; content: '\f345'; } #slider a.control_prev:before {content: '\f341';} #slider a.control_prev:hover,#slider a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; } #slider a.control_prev { border-radius: 0 2px 2px 0; } #slider a.control_next { margin-left:40px; border-radius: 2px 0 0 2px; } #slider .slider_option { position: relative; margin: 10px auto; width: 160px; font-size: 18px; } #product .product-infos {margin-top: -70px} #product .primary_block {margin: 0} /* PAGE CONTACTS |||||||||||||||||| */ .cms-38 h1 {display: none;} .cms-38 .form-signin h1 {display: inline-block;} .cms-38 .center_column img {margin: 0 -15px !important;} .cms-38 .contact_infos {text-align: center; margin: auto;height: 150px;margin-top: 150px;} label { margin-top: 10px; margin-left: 13px;color: var(--primary) !important;transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out;} input, select, textarea { display: block; width: 100%; height: 40px; padding: 6px 12px; transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; color: var(--primary); position: relative; vertical-align: middle; background-color: transparent; z-index: 9; border: 1px solid #e9e9e9; border-radius: 0px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); font: 400 14px/14px "Raleway", sans-serif; } #order-opc input[type="radio"] {width: auto;margin: 0 auto} textarea {height: 100px} .form-control:focus { border-color: var(--secondary); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)} .form-group {margin: 5px 0} select {appearance: none; -moz-appearance:none; -webkit-appearance: none} .form-group.select label:after,#perso_coeur #bloc_recap .item_perso_papillon .delete_papillon, #perso_coeur .mobile:after, #perso_livret #bloc_recap .item_perso_papillon .delete_papillon, #perso_livret .mobile:after, #perso_mignognette .mobile:after, #perso_carte #bloc_recap .item_perso_papillon .delete_papillon, #perso_carte .mobile:after, #cartepapillon .mobile:after, #layered_form ul:after, #attributes .selectdiv label:after, #module-csblog-post details summary:after{ background: url(../../img/icons_mobile.svg) no-repeat center; width: 50px; height: 40px; float: right;background-size:16px; content: " "; z-index: 0 !important;position: relative;background-position: center -55px;} #address_invoice_form label:after {display: none} .form_contact .form-group.select label::after, #attributes .selectdiv label:after {margin-top: -40px;} .maps_contact {padding: 0} .maps_contact iframe, .form_contact iframe {width: 100%; max-height: 100% !important; height: 50vh} #module-formmaker-form .image_gauche img { min-height: 100vh; width: 35vw;} #module-formmaker-form form label {display: none} #module-formmaker-form form .show-label .checkbox label {display: inline;margin: 0; line-height: 1em;font-weight: 300} #module-formmaker-form form input, #module-formmaker-form form textarea, #module-formmaker-form button {margin: 5px 0} #module-formmaker-form .form-group {float: left} #module-formmaker-form .image-row {max-height: 50vh; overflow: hidden;margin: 0 -15px 30px} #module-formmaker-form .form_3 {padding-left: 15px;} #module-formmaker-form center{transform: translateY(25%);} #module-formmaker-form .col-md-6 .rte .image_gauche {overflow: hidden;} .form_contact input[type="submit"] { width: auto;float: right;font-size: 18px;font-weight: 600;padding: 10px 20px;margin-top: 15px} /* PAGE CMS |||||||||||||||||| */ #perso_coeur h1, #perso_livret h1, , #perso_mignognette h1 {padding-left: 0} #perso_coeur .back_button span, #perso_livret .back_button span, #cms .back_button span, #personnalisation .back_button span, #cartepapillon .back_button span, #perso_mignognette .back_button span {padding-right: 10px} .pagecent .row,#perso_coeur .header_perso,#perso_carte .header_perso,#perso_mignognette .header_perso, .pagecent .carouselAC, #pagenotfound .pagenotfound,#cms .pagenotfound, #personnalisation .header_perso {position: relative; overflow: hidden;max-height: 100vh; align-content: center;display: flex;display: flex;align-items: center;justify-content: start;} .pagecent .row .titre_page, .pagecent .row .content_page,#perso_carte .header_perso .titre_page, #perso_mignognette .header_perso .titre_page, #pagenotfound .titre_page, #cms .pagenotfound .titre_page,#personnalisation .header_perso .titre_page { height:auto;text-align: left; margin: 50px; position: relative; display: flex; flex-direction: column; width: 70%; align-items: baseline; overflow-y: auto; padding: 0; max-height: 80vh; overflow-x: hidden; scrollbar-width: thin; padding: 0 20px } .pagecent .row .titre_page.text-right {text-align: right} #perso_coeur .header_perso .titre_page,#perso_carte .header_perso .titre_page, #perso_livret .header_perso .titre_page,#cartePapillon .header_perso .titre_page, #cartePapillon .header_perso .titre_page,#cartepapillon .header_perso .titre_page, #personnalisation .header_perso .titre_page, #perso_mignognette .header_perso .titre_page { right: auto;left: 0; } .pagecent .row .titre_page h1, .pagecent .row .content_page h1, #perso_coeur .header_perso .titre_page h1,#perso_carte .header_perso .titre_page h1, #perso_livret .header_perso .titre_page h1, #cartepapillon .header_perso .titre_page h1, #perso_mignognette .header_perso .titre_page h1 , #pagenotfound .titre_page h1,#personnalisation .header_perso .titre_page h1,#page .content_scene_cat h2.titre span { padding-left: 0; font: 300 26px/1em "Raleway",sans-serif; margin-bottom: 12px; } #perso_coeur .header_perso .titre_page,#perso_carte .header_perso .titre_page,#perso_livret .header_perso .titre_page, #perso_mignognette .header_perso .titre_page, #personnalisation .header_perso .titre_page { left: 0; right: auto} #perso_livret .header_perso,#perso_coeur .header_perso, #cartepapillon .header_perso {overflow: hidden;position: relative;} #perso_livret .header_perso #slider, #perso_coeur .header_perso #slider, #cartepapillon .header_perso #slider, #cms.cms-65 #slider, #category #slider {position: absolute;max-width: 100%;max-height: 60vh;overflow: hidden;} #perso_livret .header_perso #slider img, #perso_coeur .header_perso #slider img, #cartepapillon .header_perso #slider img, #cms.cms-65 #slider img, #category #slider img {width: 100%; height: auto} .pagecent .row .titre_page li {display: inline} .pagecent .row .titre_page li:last-child:after {display: none} .pagecent .row img {margin: 0 !important;} #cms #center_column .content_page img {max-width: 100%} .pagecent h1, .pagecent h2, .pagecent h3, #pagenotfound h1 {font-weight: 500; margin: 9px 0} .pagecent .row .button, #order-opc .button {text-decoration: none; background: none;box-shadow: 0 0 0 2px var(--primary); color: var(--primary); border: 1px solid transparent;text-align: center;float: left;} #order-opc .button {margin: 7px 3px 7px 0;} #order-opc .button.add-address {float: right} #cart_summary tfoot #voucher button,#cart_summary_bis tfoot #voucher button {margin-top: 7px;} #order-opc #address_invoice_form a.button {float:right;margin-top: 10px} .pagecent .row .button:hover, #order-opc .button:hover {border: 1px solid var(--primary); color: #fff; background: var(--primary)} .pagecent .row table th {background: rgba(193,193,193,0.3)} .pagecent .row table {width: 100%; margin: 10px 0} .pagecent .row table td,.pagecent .row table th {text-align: center; border: 1px solid rgba(193,193,193,0.3)} .pagecent .row th p.small_text {font-size: 10px; display; block; font-weight: 100} .pagecent .row a {font-weight: 500;} .pagecent .row a.btn {margin: 5px;} .pagecent#papillon-01 .titre_page, .pagecent#papillon-01 .titre_page a {color: #fff} .pagecent#papillon-01 .titre_page a:hover {color: var(--primary)} .pagecent table td, .pagecent table th {padding: 5px 10px} .pagecent .form_group input, .pagecent .form_group label, .pagecent .form_group select {max-width: 150px; text-align: right; display: inline-block; margin: 0 0 10px} .pagecent .form_group label {position: absolute; right: 10px; font-size: 12px; display: none} .pagecent .row .titre_page a.scroll_btn, #page .border-btn {border: 1px solid var(--primary); padding: 12px 30px; margin: 5px; display: inline-block; transition: ease-in-out all 0.3s; text-align: center;box-shadow: 0 2px 5px rgba(0,0,0,0.1);border: none;border-radius: 4px;} .pagecent .row .titre_page a.scroll_btn:hover, #page .border-btn:hover {background: var(--primary); color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.4);} .pagecent .row.full_size_img {height: 100vh;} html body #page .full-btn { width: 100%; text-align: center; padding: 10px; font: 300 18px/18px "Raleway",sans-serif; margin: 0;} .pagecent .row a.scroll_btn {margin: 5px} .pagecent #detail .form_group { display: inline-block; width: 40%;} .pagecent #detail .form_group #coloris {text-align: left; background: url(../../img/icons_mobile.svg) no-repeat; background-position: right -120px; background-size: 30px} .pagecent .form_group input, .pagecent .form_group select { max-width: 90%} #cms #center_column .full_size_img img {min-width: 100%; position:absolute} #cms #center_column .full_size_img .block_infos img {position:relative} #cms.cms-6 #center_column li {display: block; margin: 15px 0; list-style: decimal !important;} #cms.cms-6 #center_column .full_size_img li {display: inline-block;margin: 0} .cms-29 .full_size_img > img {position: absolute;left: 0;} .cms-38 .pagecent #panel1 {max-height: 100vh;} #module-formmaker-form h1 {margin-top: 70px; padding-left: 0} .block_infos {background: #fff;padding: 20px 30px 30px;margin: 20px 30px;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);z-index: 3;text-align: justify;border-radius: 10px} .block_infos img {width: auto} .block_infos h1 {padding: 0;margin-top: 0;} #cms #center_column .full_size_img .block_infos img {min-width: auto;width: auto;} #cms .title_reseaux {position: absolute; bottom: 50px; right: 50px; text-align: right} #cms .title_reseaux h2 {font-size: 60px; line-height: 40px; margin: 0;color: #C2B730 } #cms #retail h2, #cms #retaildeux h2, #cms #martketing h2 {color: #C2B730;font-weight: 500 !important;} #cms .title_reseaux h2:last-child, #cms #martketing h2 {color: #61367D} /* PAGE CLIENTS ||||||||||||||||| */ #cms.cms-nos-references #center_column li {filter: grayscale(100%);opacity: 0.4; height: 150px;overflow: hidden; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; transform-origin: center; text-align: center;z-index: 0; cursor: pointer; position: relative; } #cms.cms-nos-references #center_column li img {max-height: 100%; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);text-align: center;left: 0;} #cms.cms-nos-references #center_column li:hover {filter: none; opacity: 1; transform: scale(1.4);z-index: 3} #cms.cms-nos-references #center_column li:hover img {z-index: 3} #cms #center_column .page_scroll .clearfix img {box-shadow: 0 2px 5px rgba(0,0,0,0.1); margin: 5px 0 !important; } #cms #center_column .page_scroll .clearfix img {WIDTH: 100%;} /* PAGE PRESTIGE |||||||||||||||||| */ .cms-54 .bloc-prestige:hover img {opacity: 0.1} .cms-54 .bloc-prestige .text-prestige { background: none; text-align: center;height: auto;margin: 0; padding: 10%; width: 100%;height: 100%;display: block !important;} .cms-54 .bloc-prestige .text-prestige h2 { margin-top: 0px; margin-bottom: 20px} .cms-54 .fancybox-skin .fancybox-close {border-radius: 0; background: none;top: 11px;right: 10px;color: var(--secondary);width: 25px;height: 20px;} .cms-54 .fancybox-skin .fancybox-close::after {content: " "; background: url('https://magic.appli.ovh/js/jquery/plugins/fancybox/fancybox_sprite.png') no-repeat top center;background-size: 100% auto;width: 100%;display: block;height: 100%} .cms-54 .bloc-prestige .button.ajax_add_to_cart_button {position: absolute; bottom: 20px; right: 20px; overflow: hidden; display: block; width: 40px; height: 40px;padding: 0;} .cms-54 .bloc-prestige .button.ajax_add_to_cart_button:before {content: "+"; padding: 0 10px; font: 300 30px/1.3em "Raleway",arial, sans-serif;text-align: center;width: 40px;display: block;height: 40px;} .cms-54 .grid { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .cms-54 .grid .grid-item { width: 100%; padding: 7px 0;} #cms #center_column .grid .grid-item img { max-width: 100%; height: auto; overflow: hidden} @media (max-width: 1024px) { .cms-54 .grid {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }} @media (max-width: 500px) {.cms-54 .grid { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }} /* VERSION JO SLIDE */ .pagecent.mentions_legales .titre_page,.pagecent.cgv .titre_page, #pagenotfound .titre_page, #cms .pagenotfound .titre_page {max-width: 35vw} .pagecent.cgv .titre_page li {display: block} .pagecent.cgv #panel2 .titre_page {font-size: 80%; max-width: 100vw;text-align: left} .pagecent.cgv #panel2 .titre_page p { line-height: 12px !important } .pagecent.cgv #panel2 {height: auto;overflow: auto} .pagecent.cgv #panel2 .titre_page {position: relative} #pagenotfound .pagenotfound img, #cms .pagenotfound img {margin: 0 !important;width: 100%;max-width: 100%;height: auto;min-height: 100vh;} #cms #center_column #univers li {height: 50vh;padding: 0;list-style-type: none; margin: 0px; overflow: hidden; } #cms #center_column #univers li .description_univers {z-index: 9;opacity: 0; position: absolute; text-align: center; width: 100%; top: 40%; padding: 0px 20px 0px 20px; left: 0} #cms #center_column #univers li .description_univers h3 {padding: 0} #cms #center_column #univers li:hover .description_univers{opacity: 1} #cms #center_column #univers li img {height: auto; width: 100%;max-width: 200%; transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;opacity:1} #cms #center_column #univers li:hover img {opacity: 0.1; transform: scale(1.2, 1.2)} #cms #center_column #univers ul {margin-bottom: 0;padding: 0} .cms-48 #papillon-01 {background: #fff} #envolee_produits .titre_page {text-align: justify} html #subcategories ul {margin: 0} #cms dl { display: block; box-shadow: 0 10px 10px rgb(0 0 0 / 10%); background: var(--light); width: 100%; padding: 15px; border-radius: 10px;} #cms dl:before {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; content: ""; position:absolute;right: 35px;margin-top: 5px } /* PERSO COEUR ||||||||||||||||||| */ #perso_coeur .header_perso,#perso_carte .header_perso,#perso_livret .header_perso, #cartepapillon .header_perso, #personnalisation .header_perso, #perso_mignognette .header_perso , {height: 297px; overflow: hidden;} #perso_coeur .header_perso img,#perso_carte .header_perso img,#perso_livret .header_perso img, #cartepapillon .header_perso img, #personnalisation .header_perso img, #perso_mignognette .header_perso img { height: 100%;position: relative;width: auto;min-width: 100%;} #perso_carte .header_perso .titre_page, #perso_mignognette .header_perso .titre_page, #personnalisation .header_perso .titre_page {z-index: 9;position: absolute;margin: 0;top: 0;} #perso_coeur .button_input a,#perso_carte .button_input a,#perso_livret .button_input a, #cartepapillon .button_input a, #perso_mignognette .button_input a {display: block; color: #fff} #perso_coeur .button_input a.disabled,#perso_carte .button_input a.disabled,#perso_livret .button_input a.disabled, #cartepapillon .button_input a.disabled, #perso_mignognette .button_input a.disabled {opacity: 0.4} #perso_coeur .button_input a.disabled,#perso_carte .button_input a.disabled,#perso_livret .button_input a.disabled, #cartepapillon .button_input a.disabled:before, #perso_mignognette .button_input a.disabled { content: "Merci de choisir vos papillons pour commander"; display: block; font-size: 14px; } #perso_coeur #bloc_recap,#perso_carte #bloc_recap,#perso_livret #bloc_recap,#cartepapillon #bloc_recap, #perso_mignognette #bloc_recap {padding: 20px;text-align: center;/* margin-top: 20px; */ position:fixed} #perso_livret #bloc_recap, #perso_coeur #bloc_recap, #cartepapillon #bloc_recap {top: auto; bottom: 30px; z-index:2;max-height: 80vh;overflow-y: auto;} #perso_coeur #bloc_recap h2,#perso_carte #bloc_recap h2,#perso_livret #bloc_recap h2,#cartepapillon #bloc_recap h2, #perso_mignognette #bloc_recap h2 {margin-top: 0} #perso_coeur h2 span,#perso_carte h2 span, #perso_livret h2 span,#cartepapillon h2 span, #perso_mignognette h2 span {font-size: 13px; margin-left: 5px} #perso_coeur #bloc_recap label,#perso_carte #bloc_recap label,#cartepapillon #bloc_recap label, #perso_mignognette #bloc_recap label {display: none} #perso_coeur #bloc_recap .form-group input,#perso_carte #bloc_recap .form-group input,#perso_livret #bloc_recap .form-group input,#cartepapillon #bloc_recap .form-group input, #perso_mignognette #bloc_recap .form-group input {margin: 0px 0;} #perso_coeur #bloc_recap .form-group input[type="checkbox"],#perso_carte #bloc_recap .form-group input[type="checkbox"],#perso_livret #bloc_recap .form-group input[type="checkbox"] {margin: 0px !important} #perso_coeur #bloc_recap .quantity_perso,#perso_carte #bloc_recap .quantity_perso,#perso_livret #bloc_recap .quantity_perso,#cartepapillon #bloc_recap .quantity_perso, #perso_mignognette #bloc_recap .quantity_perso {display: block; width: 100%; float: left; } #perso_coeur #bloc_recap .quantity_perso label,#perso_carte #bloc_recap .quantity_perso label,#perso_livret #bloc_recap .quantity_perso label,#cartepapillon #bloc_recap .quantity_perso label, #perso_mignognette #bloc_recap .quantity_perso label {display: inline-block;color: var(--primary) !important;margin: 0;width: 50%;float: left; right: auto; position: relative;text-align: center } #cartepapillon #bloc_recap .quantity_perso label:after,#perso_coeur .form-group.select label:after,#perso_livret .form-group.select label:after, #perso_mignognette .form-group.select label:after {display: none} #perso_mignognette #bloc_recap .form-group.quantity_perso input {max-width: 50%;} #perso_coeur #bloc_recap select, #cartepapillon #bloc_recap select,#perso_carte #bloc_recap select, #perso_livret #bloc_recap select,#cartepapillon #bloc_recap select,#perso_coeur #bloc_recap .quantity_perso select, #perso_carte #bloc_recap .quantity_perso select,#perso_livret #bloc_recap .quantity_perso select,#cartepapillon #bloc_recap .quantity_perso select, #perso_mignognette #bloc_recap .quantity_perso select { background: url(../../img/icons_mobile.svg) no-repeat center; background-size: 16px; background-position: 95% -55px; font-size: 130%; font-weight: 600; } #perso_coeur #bloc_recap .form-group, #cartepapillon #bloc_recap .form-group,#perso_carte #bloc_recap .form-group, #perso_livret #bloc_recap .form-group,#cartepapillon #bloc_recap .form-group, #perso_mignognette #bloc_recap .form-group { position: relative; float: left; width: 100%;} #perso_coeur #bloc_recap .checkbox label,#perso_carte #bloc_recap .checkbox label,#perso_livret #bloc_recap .checkbox label,#cartepapillon #bloc_recap .checkbox label {display: block;margin: 0;color: var(--primary) !important;font: 500 14px/1.2em "Raleway",arial, sans-serif;text-align: left !important} #perso_coeur #bloc_recap .checkbox, #perso_coeur #bloc_recap .quantity_perso,#perso_carte #bloc_recap .checkbox, #perso_carte #bloc_recap .quantity_perso, #perso_livret #bloc_recap .checkbox, #perso_livret #bloc_recap .quantity_perso, #cartepapillon #bloc_recap .checkbox, #cartepapillon #bloc_recap .quantity_perso, #perso_mignognette #bloc_recap .quantity_perso {border-bottom: 1px solid #e9e9e9; padding: 15px 0;} #perso_coeur #bloc_recap .checkbox, #cartepapillon #bloc_recap .checkbox {padding: 0 0 15px} #perso_coeur #bloc_recap .item_perso_papillon,#perso_carte #bloc_recap .item_perso_papillon,#perso_livret #bloc_recap .item_perso_papillon,#cartepapillon #bloc_recap .item_perso_papillon, #perso_mignognette #bloc_recap .item_perso_papillon {display: block} #perso_coeur #bloc_recap .item_perso_papillon .quantity_papillon,#perso_carte #bloc_recap .item_perso_papillon .quantity_papillon,#perso_livret #bloc_recap .item_perso_papillon .quantity_papillon, #cartepapillon #bloc_recap .item_perso_papillon .quantity_papillon, #perso_mignognette .item_perso_papillon .quantity_papillon {font-weight: 600;vertical-align: top;} #perso_coeur #bloc_recap .item_perso_papillon h3,#perso_carte #bloc_recap .item_perso_papillon h3,#perso_livret #bloc_recap .item_perso_papillon h3,#cartepapillon #bloc_recap .item_perso_papillon h3, #perso_mignognette #bloc_recap .item_perso_papillon h3 { font: 500 14px/1.2em "Raleway",arial, sans-serif; width: 70%; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; padding-left: 10px; display: inline-block; margin: 0; height: 20px;} #perso_coeur #bloc_recap .item_perso_papillon .delete_papillon,#perso_carte #bloc_recap .item_perso_papillon .delete_papillon,#perso_livret #bloc_recap .item_perso_papillon .delete_papillon, #cartepapillon #bloc_recap .item_perso_papillon .delete_papillon, #perso_mignognette .item_perso_papillon .delete_papillon { height: 20px; width: 20px;display: inline-block; position: relative;text-align: right;vertical-align: top;cursor: pointer; background: none; } #perso_coeur #bloc_recap .item_perso_papillon .delete_papillon:before ,#perso_carte #bloc_recap .item_perso_papillon .delete_papillon:before ,#perso_livret #bloc_recap .item_perso_papillon .delete_papillon:before , #cartepapillon #bloc_recap .item_perso_papillon .delete_papillon:before, #perso_mignognette .item_perso_papillon .delete_papillon:before { width: 20px;display: inline-block;height: 20px;content: " "; content: "\f057";font-family: "FontAwesome"; width: 20px; color: var(--primary);vertical-align: top;} #perso_coeur #bloc_recap .item_perso_papillon .delete_papillon:hover:before ,#perso_carte #bloc_recap .item_perso_papillon .delete_papillon:hover:before ,#perso_livret #bloc_recap .item_perso_papillon .delete_papillon:hover:before , #cartepapillon #bloc_recap .item_perso_papillon .delete_papillon:hover:before, #perso_mignognette .item_perso_papillon .delete_papillon:hover:before {opacity: 0.3;} #perso_coeur #product_list li,#perso_carte #product_list li,#perso_livret #product_list li,#cartepapillon #product_list li, #perso_mignognette #product_list li {position: relative} #perso_coeur #product_list a.product_img_link,#perso_carte #product_list a.product_img_link,#perso_livret #product_list a.product_img_link,#cartepapillon #product_list a.product_img_link, #perso_mignognette #product_list a.product_img_link {position: relative;height: 100%; float:left} #perso_coeur #product_list .infos-hover,#perso_carte #product_list .infos-hover,#perso_livret #product_list .infos-hover,#cartepapillon #product_list .infos-hover, #perso_mignognette #product_list .infos-hover { position: absolute;text-align: center;width: 100%;height: 100%;display: block;line-height: 1em;opacity: 0;margin-left: -15px; transition: ease-in-out all 0.5s;-webkit-transition: ease-in-out all 0.5s;-moz-transition: ease-in-out all 0.5s;background: rgba(255,255,255,0.9);} #perso_coeur #product_list .infos-hover:hover,#perso_carte #product_list .infos-hover:hover,#perso_livret #product_list .infos-hover:hover,#cartepapillon #product_list .infos-hover:hover, #perso_mignognette #product_list .infos-hover:hover { opacity: 1} #perso_coeur #product_list img,#perso_carte #product_list img,#perso_livret #product_list img,#cartepapillon #product_list img,#cartepapillon #product_list img, #perso_mignognette #product_list img { max-width: 100%; height: auto; } #perso_coeur #product_list .infos-hover h4,#perso_carte #product_list .infos-hover h4,#perso_livret #product_list .infos-hover h4,#perso_coeur #product_list .infos-hover h4, #cartepapillon #product_list .infos-hover h4, #perso_mignognette #product_list .infos-hover h4 {margin: 0;padding: 0 20px;margin-top: 43%; transform: translateY(-50%);} #perso_coeur .mobile,#perso_carte .mobile, #perso_livret .mobile,#cartepapillon .mobile , #cartepapillon .mobile{display: none} #perso_livret #bloc_ss_bouton, #perso_coeur #bloc_ss_bouton, #perso_mignognette #bloc_ss_bouton, #cartepapillon #bloc_ss_bouton {border-bottom: 1px solid #e9e9e9; padding-bottom: 10px} #cartepapillon #bloc_ss_bouton .checkbox {margin-top: 6px;} #cartepapillon .description a {text-decoration: underline !important;font-weight: 600; font-size: 18px} #cartepapillon .description center {margin: 15px 0} .envolee_papillon .image_envolee {background: url(../../../../img/cms/2018/Le-Papillon-Magique-vole.jpg) no-repeat; height: 100%; content: " ";max-width: 50%;} .envolee_papillon .image_envolee.coeur {background: url(../../../../img/cms/2018/papillon-magique-livret-coeur-magique.jpg) no-repeat} .envolee_papillon .image_envolee.livret {background: url(../../../../img/cms/2018/papillon-magique-livret-papillon-avec-papillon.jpg) no-repeat} .envolee_papillon .image_envolee.carte {background: url(../../../../img/cms/2018/papillon-magique-carte-papillon-dore.jpg) no-repeat} .filtre_listing {float: right} .filtre_listing select {width: auto; display: inline-block; box-shadow: none;border: 0 ; padding: 0 20px} .filtre_listing label {margin: 0} .filtre_listing label:after { content: "\f107"; font-family: "FontAwesome"; display: inline; width: 20px; height: auto; font-size: 10px; vertical-align: top; color: var(--primary); padding: 0 5px; position: absolute;margin-left: -20px} .perso_loader { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; z-index: 999999; padding-top: 45vh; display: none !important; } #perso_livret .header_perso img, #perso_mignognette .header_perso img,#perso_coeur .header_perso img,#cartepapillon .header_perso img {height: 100%;width: auto;min-width: auto;} /* PERSO FAIRE PARTS ||||||||||||||||||| */ #personnalisation #img_recto,#personnalisation #img_verso { margin: 0 auto; background-size: 100% auto; border: 1px solid var(--primary)} #personnalisation #bloc_recap_fairepart, #personnalisation #img_recto, #personnalisation #img_verso {background-color: #fff;border: 1px solid #e9e9e9;box-shadow: 0 0 5px rgba(0,0,0,0.05); right: 20px;padding-bottom: 20px;} #personnalisation #bloc_recap_fairepart hr {margin: 15px 0; float: left; width: 100%} #personnalisation #bloc_recap_fairepart textarea {margin: 10px 0 0} #personnalisation #bloc_recap_fairepart input[type="submit"] {white-space: normal; padding: 20px; height: auto; font-size: 14px } #personnalisation #bloc_recap_fairepart .small_text {font-size: 12px; line-height: 16px; text-align: justify} #personnalisation #bloc_recap_fairepart .small_text a {text-decoration: underline} #personnalisation .header_perso {margin-bottom: 20px} #personnalisation #bloc_recap_fairepart h2, #personnalisation #bloc_recap_fairepart p {text-align: center} #personnalisation #visualiser_fairepart, #personnalisation #modification_fairepart {text-align: center; width: 100%; border: 1px solid var(--primary); display: block; padding: 10px;margin: 10px 0; -moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s} #personnalisation #modification_fairepart {margin: 0} #personnalisation #visualiser_fairepart:hover, #personnalisation #modification_fairepart:hover {background: var(--primary); color: #fff} #personnalisation div.uploader span.action {background: var(--primary) !important;} #personnalisation #couleur_fairepart, #personnalisation #police_fairepart { background: url("../../img/select-arrow.png") no-repeat 95% center;background-size:15px} /* FAIRE PART GABARITS */ #personnalisation #preview_general_recto {width: 150px; margin-left: 225px;position: absolute;top: 0px; margin-top: 120px; text-align: center; font-size: 90%;line-height: 1em;height:55px; overflow: hidden ;} #personnalisation #preview_recto_gauche {position: absolute;top: 185px;width: 100px; height: 45px;overflow: hidden; margin-left: 49px; font-size: 45%; line-height: 9px; text-align: center} #personnalisation #preview_general_recto_pap {margin-left: 25px;} #personnalisation #image_upload_preview_div {width: 100px; height: 70px;overflow: hidden; margin-left: 49px; margin-top: 65px} #personnalisation #image_upload_preview {width: 100%} #personnalisation #contenu_preview_gauche, #personnalisation #contenu_preview_droit,#personnalisation .gabarit1 #preview_general_recto {text-align: center;font-size: 55%; margin-top: 10px;margin-left: 15px; position: absolute; width: 170px;height: 45px; overflow: hidden; line-height: 11px} #personnalisation #contenu_preview_droit {text-align: center;margin-left: 215px; width: 170px; margin-top: 10px; height: 190px;} /* Gabarit 1 */ #personnalisation .gabarit1 #contenu_preview_droit {text-align: left;margin-left: 210px; width: 175px; margin-top: 10px; height: 175px} #personnalisation .gabarit1 #contenu_preview_gauche {text-align: left; height: 175px} #personnalisation .gabarit1 #preview_general_recto {position: absolute;top: 50px;} /* Gabarit 3 */ #personnalisation .gabarit3 #image_upload_preview_div {width: 165px; height: 115px;overflow: hidden; margin-left: 216px; margin-top: 15px} #personnalisation .gabarit3 #preview_general_recto {position: absolute;top: 85px;width: 165px; margin-left: 216px;height: 28px;} #personnalisation .gabarit3 #contenu_preview_gauche {text-align: center;margin-top: 40px;margin-left: 40px;width: 118px;height: 118px;} #personnalisation .gabarit3 #contenu_preview_droit {margin-left: 216px; width: 165px; margin-top: 17px; height: 165px} /* FAIRE PARTS CARTE PAPILLON */ #personnalisation .faire-part_pap #preview_general_recto { width: 170px; margin-left: 15px; position: relative; top: 0px; margin-top: 20px; font-size: 80%; line-height: 1em; height: 80px; overflow: hidden; } #personnalisation .faire-part_pap .masque_texte, #personnalisation .faire-part_pap .masque_texteTG, #personnalisation .faire-part_pap .masque_texteTD,#personnalisation .faire-part_pap .masque_texteBD, #personnalisation .faire-part_pap .masque_texteBG { width: 50%; height:30px; margin-top: 0px; background-color: transparent; } #personnalisation .faire-part_pap .masque_texte { -webkit-shape-outside: polygon(0% 0%, 40% 0%, 0% 50%); shape-outside:polygon(0% 0%, 40% 0%, 0% 50%); float: left !important; -webkit-clip-path:polygon(0% 0%, 40% 0%, 0% 50%); clip-path: polygon(0% 0%, 40% 0%, 0% 50%); } #personnalisation .faire-part_pap .masque_texteTG { -webkit-shape-outside: polygon(80% 0%, 100% 0%, 100% 50%); shape-outside:polygon(80% 0%, 100% 0%, 100% 50%); float: left !important; -webkit-clip-path:polygon(80% 0%, 100% 0%, 100% 50%); clip-path: polygon(80% 0%, 100% 0%, 100% 50%); } #personnalisation .faire-part_pap .masque_texteTD { height:110px;width: 50%; -webkit-shape-outside: polygon(0% 40%, 0% 80%, 60% 70%, 60% 55%); shape-outside:polygon(0% 40%, 0% 80%, 60% 70%, 60% 55%); float: left !important; -webkit-clip-path:polygon(0% 40%, 0% 80%, 60% 70%, 60% 55%); clip-path: polygon(0% 40%, 0% 80%, 60% 70%, 60% 55%); } #personnalisation .faire-part_pap .masque_texteBG { height:110px;width: 50%; -webkit-shape-outside: polygon(100% 40%, 100% 80%, 40% 70%, 40% 55%); shape-outside:polygon(100% 40%, 100% 80%, 40% 70%, 40% 55%); float: right !important; -webkit-clip-path:polygon(100% 40%, 100% 80%, 40% 70%, 40% 55%); clip-path: polygon(100% 40%, 100% 80%, 40% 70%, 40% 55%); } #personnalisation .faire-part_pap .masque_texteBD {display: none } #personnalisation .faire-part_pap #preview_general_verso p { line-height:7px !important;font-size: 7px;} #personnalisation .faire-part_pap #visualiser_fairepart { padding: 7px 0 6px; margin: 0 0 5px 0;} #personnalisation .faire-part_pap #img_verso, #personnalisation .faire-part_pap #img_recto { border: 1px solid transparent; box-shadow:none;} .header_perso .titre_page h2#price {font-size: 14px} #perso_coeur .header_perso .titre_page details summary,#perso_carte .header_perso .titre_page details summary,#perso_livret .header_perso .titre_page details summary, #cartepapillon .header_perso .titre_page details summary, #perso_mignognette .header_perso .titre_page details summary, #personnalisation .header_perso .titre_page details summary,#cms details summary, .content_scene_cat a.lnk_more { padding: 12px 30px;background: var(--primary);display: block;margin: 5px;color: #fff;cursor: pointer;font-size: 16px; display: inline-block;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);} #perso_coeur .header_perso .titre_page details summary:hover,#perso_carte .header_perso .titre_page details summary:hover,#perso_livret .header_perso .titre_page details summary:hover, #cartepapillon .header_perso .titre_page details summary:hover, #perso_mignognette .header_perso .titre_page details summary:hover, #personnalisation .header_perso .titre_page details summary:hover,#cms details summary:hover, .content_scene_cat a.lnk_more:hover {box-shadow: 0 2px 5px rgba(0,0,0,0.4); background: var(--secondary)} html #product h3.titre {font-size: 140%;line-height: 1.3em;font-weight: 300 !important;} #cartepapillon textarea { padding: 10px;} #cartepapillon #bloc_personnalisation {margin-top: 10px} /* ORDER OPC ||||||||||||||||||| */ .cart_navigation {display: none} #module-cheque-payment .cart_navigation, #module-paypal-confirm .cart_navigation, #module-bankwire-payment .cart_navigation {display: inline-block} #module-cheque-payment nav .cart_navigation, #module-paypal-confirm nav .cart_navigation, #module-bankwire-payment nav .cart_navigation {display: none} #order-opc #uniform-id_address_delivery, #order-opc #uniform-id_address_invoice {border: 1px solid #e9e9e9 !important; box-shadow: inset 0 0 5px rgba(0,0,0,0.05); width: 100% !important;padding: 10px 15px; height: 50px; background: none} #order-opc .address_delivery label {display: none} .checkbox.addressesAreEquals label, .order_carrier_content label {margin-top: 2px; display: inline-block; vertical-align: top; float: left; line-height:1em;} #order-opc .form-group #id_address_delivery.form-control, #uniform-id_address_delivery span, #order-opc #uniform-id_address_invoice span { max-width: 100%;width: 100%; height: 50px} #uniform-id_address_delivery span, #order-opc #uniform-id_address_invoice span {background-position: right -78px;width: 100% !important;} #order-opc nav #languages-block-top, #order-opc nav #search_block_top, #order-opc nav .shopping_cart, #order-opc nav .header_user_info {display: none} #order-opc .cart_navigation {display: inline-block; vertical-align: top} #order-opc .cart_navigation a {font: 600 15px/1em "Raleway",arial, sans-serif;color: #fff; text-align: right; width: auto; vertical-align: top} #order-opc .cart_navigation a:hover {background: var(--secondary)} #order-opc .cart_navigation a i:before {content: " \f104"} html #order .delivery_option > div > table.resume, #order-opc .delivery_option > div > table.resume { height: auto;} html #order .delivery_option > div > table.resume td, #order-opc .delivery_option > div > table.resume td { vertical-align: top;font-size: 120%;} #order-opc .delivery_option .emcLink.emc-open-gmap {color: #fff;text-decoration: underline !important;} #order-opc .delivery_option .emcPointTitle {font-size: 120%} .emcTextAlignLeft.emcP5.emcListPoints {position: absolute; margin: 0px 0 0 60px; font-weight: 400;} .emcTextAlignLeft.emcP5.emcListPoints p {vertical-align: top} .emcTextAlignLeft.emcP5.emcListPoints a {font-weight: 100;vertical-align: top} #order-opc .delivery_option .resume.table-bordered, #order-opc p.payment_module a, html .ps_checkout-payment-option div.payment_module a {border-radius: 4px;background: var(--white);opacity: 1; margin-bottom: 0; font:100 13px/1.4em "Raleway",arial, sans-serif;color: var(--primary);box-shadow: inset 0 0 0 2px var(--primary);} #order-opc .delivery_option .resume.table-bordered.choosen, #order-opc p.payment_module a:hover, html .ps_checkout-payment-option div.payment_module a:hover {opacity: 1;box-shadow: 0 0 5px rgba(0,0,0,0.1);background: var(--primary);color: var(--white);} .resume.table-bordered .delivery_option_price {text-align: right; padding-right: 10px} #order-opc p.payment_module a, html .ps_checkout-payment-option div.payment_module a {font-weight:700; padding: 17px } #order-opc p.payment_module a span {font-weight: 400;color: #fff;font-size: 80%;display: block;} #order-opc p.payment_module a:after,#order-opc .payment_module.paypal a img, html .ps_checkout-payment-option div.payment_module a:after {display: none !important;} .ps_checkout-payment-option div.payment_module.open:last-child a {color: #000 !important; background: #fff !important} .ps_checkout-payment-option#payment-option-card-container .payment_module.open:last-child a {padding-bottom: 100px !important;} .ps_checkout-payment-option div.payment_module:first-child > a > div {display: none !important;} #order-opc p.payment_module a, html .ps_checkout-payment-option div.payment_module a {background: var(--primary) url(../../img/payment_icons.png) right no-repeat !important;opacity: 1;font-size: 19px;color: var(--white);} #order-opc p.payment_module.epayment a {background-position: right -70px !important} #order-opc p.payment_module.paypal a {background-position: right -150px !important} html .ps_checkout-payment-option div.payment_module a {background-position: right -140px !important} html .ps_checkout-payment-option:first-child div.payment_module a {background-position: right -60px !important} #order-opc p.payment_module a.cheque {background-position: right -215px !important} #order-opc p.payment_module a.bankwire {background-position: right 25px !important} #univers .images-slider.aim a.default-size {background-size: cover !important} .mobile_menu {display: none} #order-opc p.payment_module a:hover, html .ps_checkout-payment-option div.payment_module a:hover {background-color: var(--white) !important;box-shadow: inset 0 0 0 2px var(--primary), 0 0 5px rgba(0,0,0,0.1);color: var(--primary);} #order-opc p.payment_module a:hover span {color: var(--primary)} #order-opc .btn.login:hover {background: var(--primary); color: #fff} #order-opc div#csoc-container div.product-container .availability {display: none} #order-opc #cart_summary .customization .cart_quantity {display: none} #order-opc #cart_summary .customization .typedText {margin-top: 100px} #order-opc #cart_summary .customization td:first-child {padding: 0} #order-opc #cart_summary tfoot td.reassurance_cart {text-align: center} #order-opc #cart_summary tfoot td.reassurance_cart p {vertical-align: top !important;display: inline-block} #order-opc #cart_summary .alert-warning,#order-opc #cart_summary .alert-success,#order-opc #cart_summary .alert-error {text-shadow: none;background: none; color: var(--primary); font-weight: 300; font-size: 80%; border: none} #order-opc #cart_summary .alert-warning a,#order-opc #cart_summary .alert-success a,#order-opc #cart_summary .alert-error a{display: block; width: auto; text-align: center} #order-opc #cart_summary .alert-success:before,#order-opc #cart_summary .alert-error:before {display: none} #order-opc #cart_summary tfoot td.reassurance_cart img {max-width: 100%} #order-opc #cart_summary tbody .cart_ref {display: none} #order-opc #cart_summary tbody .product-name {width: 100%;} #order-detail-content #cart_summary hr {margin: 0} .discount_list {height: auto; max-height: 100px; overflow-y: auto ; } .discount_list table, .discount_list tbody {width: 100%} #order-opc #cart_summary tfoot tbody td, #order-opc #cart_summary_bis tfoot tbody td { padding: 2px 0} #order-opc #cart_summary tfoot tbody td.cart_discount_name, #order-opc #cart_summary_bis tfoot tbody td.cart_discount_name { font: 300 90% "Raleway";text-overflow: ellipsis;white-space: nowrap; overflow: hidden;} #order-opc #cart_summary tfoot tbody td.cart_discount_price , #order-opc #cart_summary_bis tfoot tbody td.cart_discount_price { text-align: right} #order-opc .btn.button-plus, .btn.button-minus {font-size: 18px;margin-left: 5px} #order-opc .delivery_option #openMap {font-weight: 400;color: #fff;text-decoration: underline !important;} #cart_summary_bis tfoot .button-continue {display: none} #opc_payment_methods {padding-bottom: 100px} /* COOKIES */ #cookieNotice {box-shadow: none !important;font:300 12px "Raleway",arial, sans-serif !important; background: var(--primary) !important} #cookieNotice #cookieNoticeContent {padding: 0 !important;} #cookieNotice #cookieNoticeContent a {color: #fff; text-decoration: underline !important} #cookieNotice #cookiesClose.closebutton {font:600 14px/1.5em "Raleway",arial, sans-serif;background: #fff; border: none;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s; border-radius: 5px; box-shadow: none; text-shadow: none;color: var(--primary) !important;margin-top: 10px;} #cookieNotice #cookiesClose.closebutton:hover {background: var(--secondary); color: #fff !important;border: none} /* PAPILLONS LISTE */ #layered_block_left .title_block, #layered_block_left #enabled_filters {display: none} #category .product_list.grid.row > p {position: absolute; background: rgba(255,255,255,0.9);margin:0; width: 100%; text-align: center; height: 100%; z-index: 9; padding-top:300px } /* SEARCH */ #search .content_sortPagiBar,#search h1 .heading-counter {display: none} /* PAGE REFERENCES |||||||||||||||||| */ .cms-10 .center_column li {display: inline-block; width: 15%; height: 150px; text-align: center; margin: 0.6%} .mobile { display: none !important;} /* AJOUTS MAGIC FLYER 07-08-18 |||||||||||||||||| */ #show_modal_produitmobile { width: 40px;height: 40px;overflow: hidden; background: var(--primary); border-radius: 50px; position: absolute; right: 20px; top: 190px; } .header_user_info a:before, #search_block_top a:before, #show_modal_produitmobile:before, .shopping_cart a:before, #order-opc #cart_summary tfoot td.reassurance_cart:before, .footer-container #footer #social_block ul li a:before {display: inline-block;content: " ";width: 25px;height: 25px;mask: url(../../img/icons_toolbar.svg) no-repeat;-webkit-mask: url(../../img/icons_toolbar.svg) no-repeat;mask-size: 25px;-webkit-mask-size: 40px;mask-position: center -135px;-webkit-mask-position: center -135px;background-color: var(--primary);margin-right: 5px;} #show_modal_produitmobile:before { width: 40px;height: 40px;mask-size: 55px;-webkit-mask-size: 55px; } .footer-container #footer #social_block ul li a:before { width: 30px;height: 30px;mask-size: 40px;-webkit-mask-size: 40px; } #order-opc #cart_summary tfoot td.reassurance_cart:before {mask-position: center -206px;-webkit-mask-position: center -206px;} .footer-container #footer #social_block ul li:hover a:before{background-color: var(--dark); } .footer-container #footer #social_block ul li.facebook a:before {mask-position: center -580px; -webkit-mask-position: center -580px; } .footer-container #footer #social_block ul li.twitter a:before {mask-position: center -267px; -webkit-mask-position: center -267px; } .footer-container #footer #social_block ul li.rss a:before {mask-position: center -435px; -webkit-mask-position: center -435px; } .footer-container #footer #social_block ul li.youtube a:before, #show_modal_produitmobile:before {mask-position: center -507px; -webkit-mask-position: center -507px; } #show_modal_produitmobile:before {mask-position: center -698px; -webkit-mask-position: center -698px; } .footer-container #footer #social_block ul li.google-plus a:before { } #show_modal_produitmobile:before {background: var(--white) } .footer-container #footer #social_block ul li.pinterest a:before {mask-position: center -352px; -webkit-mask-position: center -352px; } .footer-container #footer #social_block ul li.vimeo a:before {} .footer-container #footer #social_block ul li.instagram a:before {mask-position: center -427px; -webkit-mask-position: center -427px; } #search_block_top a:before {mask-position: center -66px;-webkit-mask-position: center -66px;} .shopping_cart, .header_user_info {margin: 0 !important;min-width: 30px;} .header_user_info {margin-right:10px !important;} .shopping_cart a b {display: none} .shopping_cart a:before {position: absolute;mask-position: center 0px;-webkit-mask-position: center 0px;margin: 0;top: 0;} .shopping_cart a span {position: absolute;font-size: 10px;top: 10px;left: 10px;color:var(--white);background: var(--primary);border-radius: 100%;width: 20px;height: 20px;text-align: center;} .pagecent .row.full_size_img .titre_page,#perso_carte .header_perso .full_size_img .titre_page, #perso_coeur .header_perso .full_size_img .titre_page,#perso_livret .header_perso .full_size_img .titre_page, #cartepapillon .header_perso .full_size_img .titre_page, #pagenotfound .full_size_img .titre_page, #perso_mignognette .header_perso .full_size_img .titre_page { bottom:0px;text-align: right; padding: 20px 50px 40px; position: absolute; right: 0; background: rgba(255,255,255,0.8); width: 100%; margin: 0} #perso_coeur .header_perso .full_size_img .titre_page,#perso_livret .header_perso .full_size_img .titre_page, #cartepapillon .header_perso .full_size_img .titre_page, #perso_carte .header_perso .full_size_img .titre_page, .pagecent .full_size_img .titre_page, #perso_mignognette .header_perso .full_size_img .titre_page {max-width: 60%} #order-detail-content #cart_summary ul li { font-size: 14px;} #order-detail-content #cart_summary ul li:nth-child(2),#order-detail-content #cart_summary ul li:nth-child(3) { display: none} #order-detail-content #cart_summary ul li:nth-child(1),#order-detail-content #cart_summary ul li:nth-child(2) {display: inline-block; } #order-detail-content #cart_summary .product_227 ul li:nth-child(2), #order-detail-content #cart_summary .product_227 ul li:nth-child(3), #order-detail-content #cart_summary .product_228 ul li:nth-child(2), #order-detail-content #cart_summary .product_228 ul li:nth-child(3), #order-detail-content #cart_summary .product_229 ul li:nth-child(2), #order-detail-content #cart_summary .product_229 ul li:nth-child(3), #order-detail-content #cart_summary .product_230 ul li:nth-child(2), #order-detail-content #cart_summary .product_230 ul li:nth-child(3), #order-detail-content #cart_summary .product_231 ul li:nth-child(2), #order-detail-content #cart_summary .product_231 ul li:nth-child(3), #order-detail-content #cart_summary .product_232 ul li:nth-child(2), #order-detail-content #cart_summary .product_232 ul li:nth-child(3){ display: block} #order-opc #cart_summary .customization.product_227, #order-opc #cart_summary .customization.product_228, #order-opc #cart_summary .customization.product_229, #order-opc #cart_summary .customization.product_230, #order-opc #cart_summary .customization.product_231, #order-opc #cart_summary .customization.product_232 {margin-top: 0px; bottom: 0; height: auto} #order-opc #cart_summary .customization .typedText li span {display: none} #cart_summary tbody td.cart_product, #cart_summary_bis tbody td.cart_product {width: 210px;margin-right: 10px } #cart_summary .cart_description, #cart_summary_bis .cart_description, #order-opc #cart_summary .customization {width: 40%;} #order-opc #cart_summary .customization {width: 100%;border-top: 1px solid rgba(0,0,0,0.05); float: left; padding: 10px 0} #order-opc #cart_summary .customization.product_336 .customize,#order-opc #cart_summary .customization.product_337 .customize,#order-opc #cart_summary .customization.product_338 .customize {width: 100%; float: left} #order-opc #cart_summary .customization .customize p {margin:0} #order-opc #cart_summary .customization .typedText { margin-top: 0px; margin-left: 0px} #cart_summary_bis .cart_quantity {right: 0;position: absolute;left: auto; text-align: right; width: auto; margin-top: 36px;} #order-opc #slider_row {display: none} #order-opc #cart_summary tbody td center span {opacity: 0.5} #category #pm_mc3_lpa_product_image img {position: relative; max-width: 100%} #index #homepage-slider li img {display: block !important;} #index .video_hp, #index #slider_row, #index .global-content {} #index .video_hp {top: 0; position: relative; height: 100vh;} video { object-fit: cover; max-height:100vh; position: absolute;} #index video {max-height:100vh;position: absolute;margin: 0 auto;} #cms #center_column #univers .slider_trois_lignes li {height: 33.3vh} #cms #center_column #univers .slider_trois_lignes li img { height: auto; width: 100%; min-width: 100%; max-width: 250%; margin-left: 0% !important; } .emcTextInput {display: inline-block} /* PRODUITS AMAZON GOOGLE */ #product.category-83 .pb-center-column .nav-tabs {display: none} #product.category-83 .pb-center-column .tab-content, #product.category-83 .pb-center-column .tab-content .page-product-box {margin-top: 0; padding-top: 0} #product.category-83 .buttons_bottom_block {padding-top: 15px} /* MODAL */ html body .modal { background-color: rgba(20,30,34, 0.95);} html body .close-login .close {padding-top: 0px !important} html body .close-login .close i {font-style: normal; font-size: 30px} html body #search_query_top {border-bottom: 1px solid rgba(255,255,255,0.3); box-shadow: none;vertical-align: top; line-height: 2em;text-transform: initial} html body #search_query_top:focus {border-bottom: 1px solid #c1c1c1; box-shadow: none} html body #searchbox label h1 {line-height: 2em; padding-right: 20px;} /* SWEETALERT */ html body .swal-button { background-color: var(--secondary);border-radius: 0} html body .swal-button:hover, html body .swal-button:not([disabled]):hover {background: var(--primary) !important} /* 404 */ #pagenotfound h1, #cms .pagenotfound h1 {padding: 0} #pagenotfound label, #cms .pagenotfound label {margin: 0;line-height: 1em;display: block; margin-bottom: 10px;} .info-special {background: var(--secondary); color: #fff; padding: 30px} /* ACCUEIL 2022 gris : var(--primary) - 89,89,91 gris clair : #c1c1c1 - 193,193,193 */ .boutiqueAC {padding: 30px 15px; background: rgba(89,89,91,0.05); text-align: center;max-width: 100%;} .block_boutiqueAC {transition: ease-in-out all 0.3s;-webkit-transition: ease-in-out all 0.3s;z-index: 9;transform-origin: center;padding: 15px 30px 0;} .cms-65 .block_boutiqueAC {padding: 15px 15px 0;} .cms-65 .scroll_btn {display: block; text-align: center} .block_boutiqueAC:hover {transform: scale(1.03)} .block_boutiqueAC h3,.block_boutiqueAC h2 { text-align: center} .block_boutiqueAC > div {background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow: hidden; border-radius: 8px; margin: 10px auto} .block_boutiqueAC > div img {width: 100%; height: auto} #cms .block_boutiqueAC > div p,.block_boutiqueAC > div h3 { text-align: center} #cms #center_column .block_boutiqueAC > div h3 {width: 100%;font-size:18px;font-weight: 500;text-align: left;} #cms #center_column .carouselAC .content_boutiqueAC p { text-overflow: ellipsis; max-width: 100%; overflow: hidden; white-space: nowrap;} #cms #center_column .block_boutiqueAC > div h3 strong {float:right} .block_boutiqueAC .content_boutiqueAC {padding: 15px 15px 30px;} .block_boutiqueAC .img_boutiqueAC {max-height: 400px;overflow: hidden} .cms-65 .block_boutiqueAC .img_boutiqueAC {max-height: 300px;overflow: hidden} html {max-width: 100vw;overflow-x: hidden;} .mobile_only {display: none} .smalltext {font-size: 75%; display: block; width: 100%} #perso_livret .header_perso .scroll_btn.mobile_only:after {content: "";mask: url(../../img/icons_mobile.svg) no-repeat center;-webkit-mask: url(../../img/icons_mobile.svg) no-repeat center;width: 20px;height: 20px; position: absolute;right: 10px;-webkit-mask-position-y: -290px;} #perso_livret #price, #perso_coeur #price, #cartepapillon #price {font-size: 200%;float: left;margin-right: 20px;border-right: 2px solid var(--primary);padding-right: 10px;line-height: 40px !important;min-height: 40px} #perso_livret .header_perso h1,#perso_coeur .header_perso h1,#cartepapillon .header_perso h1 {text-align: left;} #perso_livret #bloc_recap h3,#perso_livret .header_perso .titre_page h1, #perso_coeur #bloc_recap h3,#perso_coeur .header_perso .titre_page h1, #cartepapillon #bloc_recap h3,#cartepapillon .header_perso .titre_page h1 {margin-top: 0;font-weight: 500;text-align: left;} #cartepapillon #bloc_recap h3 {font-size: 16px; } .Contenthead_perso {min-height: 50px;} #perso_livret #bloc_recap .quantity_perso label, #perso_livret #bloc_recap .col-xs-12, #perso_coeur #bloc_recap .quantity_perso label, #perso_coeur #bloc_recap .col-xs-12, #cartepapillon #bloc_recap .quantity_perso label, #cartepapillon #bloc_recap .col-xs-12, #cartepapillon #bloc_recap .quantity_perso p {text-align: left;display: block;margin: 0;font-size: 130%;line-height: 2.4em !important;font-weight: 600;} #cartepapillon #bloc_recap #bloc_ss_bouton .titre-perso {white-space: nowrap; text-overflow: ellipsis; overflow: hidden} #index .content_ac img {width: 100%} #index .content_ac .text-intro { position: absolute; margin-top: -160px; width: 100vw; text-align: center; color: #fff; } #module-formmaker-form #center_column form .col-md-6:first-child {background: url(https://magic.appli.ovh/img/cms/forms/form.webp) no-repeat;background-size: cover;height: 100vh;position: relative;margin-left: -15px;} #module-formmaker-form #center_column .form_2 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formdeux.webp);} #module-formmaker-form #center_column .form_6 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formsix.webp);} #module-formmaker-form #center_column .form_1 .col-md-6:first-child { background-image: url(https://magic.appli.ovh/img/cms/forms/formun.webp);} #module-formmaker-form #center_column .form_6 .col-md-6:nth-child(2) .form-group {padding: 0 50px} #module-formmaker-form #center_column .form_6 .col-md-6:nth-child(2) button, #module-formmaker-form #center_column .form_6 .page-subheading {margin-left: 35px} #module-formmaker-form #center_column .form_6 div.selector {max-width: 100%;background-position: right -75px; } #module-formmaker-form #center_column .form_7 .col-md-6:first-child { background-image: url(https://magic.appli.ovh/img/cms/forms/formsept.webp);} #module-formmaker-form #center_column .col-md-6:last-child {padding: 50px; max-height: 100vh; overflow-y: auto;scrollbar-width: thin;} div.selector.hover span, div.selector.focus span, div.selector span { background-position: right -27px !important; } #module-formmaker-form .form-group .values-container { margin: 5px 0;} #module-formmaker-form #center_column .form_8 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formhuit.webp);} #module-formmaker-form #center_column .form_9 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formneuf.webp);} #module-formmaker-form #center_column .form_10 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formdix.webp);} #module-formmaker-form #center_column .form_11 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formonze.webp);} #module-formmaker-form #center_column .form_12 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/forms/formdouze.webp);} #module-formmaker-form .uploader { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 15px; line-height: 1.42857; color: #9c9b9b; vertical-align: middle; background-color: #fff; border: 1px solid #e9e9e9; border-radius: 0px; box-shadow: inset 0 0 5px rgb(0 0 0 / 5%); margin: 5px 0; } #module-formmaker-form ul.upload-data {position: absolute} #module-formmaker-form div.uploader span.filename {border: none; background: none } #module-formmaker-form div.uploader span.action {background:var(--primary);font-size: 16px; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); border-radius: 4px; } #cms.cms-75 #voeux .scroll_btn {background: #06193c; color: #fff} #cms.cms-75 #voeux .scroll_btn:hover {background: rgb(218,158,86); color: #06193c} #cms.cms-75 #voeux .sous_titre {color: rgb(218,158,86); text-transform: uppercase;font-size: 30px !important; } #cms.cms-75 #voeux .sous_titre strong {color: #06193c} #category #subcategories { padding: 15px 0 50px 0;} .btn.button-minus {font-size: 18px;margin-left: 5px;display: block;width: 15px;} .product_list .quantity_product_list {width: 50px; margin: 0 auto} .product_list .quantity_product_list input {float: left; height: 35px} #order-opc .cart_quantity input {box-shadow: none;border: none;max-width: 40px;float: left;text-align: left;padding: 0;font-size: 120%;height: 30px;} .product_list .quantity_product_list .button-minus, #order-opc .cart_quantity .button-minus, .product_list .quantity_product_list .button-minus span, #order-opc .cart_quantity .button-minus span {box-shadow: none; background: none} #index .absolute-bloc h2, #index .absolute-bloc h3 {color: var(--primary);margin: 5px 0 } #index .center_column .row .image_gauche {max-width: 50vw; float: left;max-height: 100vh;overflow: hidden;} #index .video_hp .content_page.absolute-bloc { position: absolute; z-index: 99; width: 100%; text-align: center; margin: 0; margin:0 auto; bottom: 0; padding: 30px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);} #index .video_hp .content_page.absolute-bloc h2, #index .video_hp .content_page.absolute-bloc h3 {text-align: center; color: #fff} /* BLOG */ #module-csblog-categoryPost h1 {padding-left: 0} #module-csblog-categoryPost .top-pagination-content {border-top: 1px solid rgba(89,89,91,0.2); margin-top: 20px;border-bottom: 1px solid rgba(89,89,91,0.2); margin-bottom: 20px} #module-csblog-categoryPost .category-blog {float: left; text-align: left; } #module-csblog-categoryPost .category-blog .title_block {margin-top: 0} #module-csblog-categoryPost .category-blog li,#module-csblog-categoryPost .category-blog .block_content,#module-csblog-categoryPost .category-blog .block_content ul, #module-csblog-categoryPost .category-blog > a {display: inline} #module-csblog-categoryPost .category-blog li:after, #module-csblog-categoryPost .category-blog > a:after {content: " | "} #module-csblog-categoryPost .category-blog li:last-child:after {display: none} #module-csblog-categoryPost #uniform-selectProductSort {max-width: 250px} #module-csblog-categoryPost #productsSortForm {float: right} #module-csblog-categoryPost #productsSortForm label, #module-csblog-categoryPost #uniform-selectProductSort {display: inline-block} #module-csblog-categoryPost #productsSortForm label {margin-right: 10px} #module-csblog-categoryPost #product_list li {margin-bottom: 30px } #module-csblog-categoryPost #product_list li .btn {margin-top: 15px} #module-csblog-post .content-blog-detail img {max-width: 100%;width: auto; border-radius: 15px} #module-csblog-post h1,#module-csblog-post h2,#module-csblog-post h3 {font-size: 2rem;color: var(--primary);padding: 0;margin-bottom: 30px;font-weight: 400; margin-top: 60px} #module-csblog-post h1 {margin: 100px 20px 20px} #module-csblog-post h2 {font-size: 1.8rem;margin: 20px 20px 20px} #module-csblog-post h3 {font-size: 1.4rem; color:var(--primary); margin: 20px} #module-csblog-post p {font-size: 1rem !important;line-height: 1.5rem !important;margin: 20px;text-align: justify;} #module-csblog-post .infosBlog, #module-csblog-categoryPost .time-stamp, #module-csblog-post .item-related-post .time-stamp {box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 10px;padding: 10px 20px;margin: -30px 0 10px 20px;float: left;position: relative;background: #fff;} #module-csblog-post .infosBlog {position: absolute} #module-csblog-post .content-blog-detail li {margin: 15px 0} #module-csblog-post .atouts-magic-blog {margin-top:50px} #module-csblog-post .atouts-magic-blog img {box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 50px;padding: 20px;width: 100px;} #module-csblog-post details {padding: 15px; box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 10px;margin: 25px 0; cursor: pointer} #module-csblog-post details summary {font-size: 1.1rem; font-weight: 600} #module-csblog-post details p {padding-top: 20px} #module-csblog-post details summary:after {background-size: 25px;background-position: center -104px;height: 25px;width: 25px;transition: ease-in-out all 0.3s;-webkit-transition: ease-in-out all 0.3s;margin-top: -5px;} #module-csblog-post details[open] summary:after {transform: rotate(180deg)} #module-csblog-post a {font-weight: 600} #module-csblog-post .bg-blue-blog {background: rgba(20,30,34,0.1);padding: 20px 40px;border-radius: 15px;margin: 50px 20px 20px;} #module-csblog-post .bg-blue-blog h2 {margin-top: 10px} #module-csblog-post .blockbtn {margin-top: 40px} #module-csblog-post .content-blog-detail {position: relative; display: block; float: left} #module-csblog-post img {max-width: 100%; height: auto;} #module-csblog-post .img_detailblog img {width: 100%} #module-csblog-post .item-related-post { display: inline; background: #fff; border-radius: 30px; box-shadow: 0 0 15px rgb(0 0 0 / 20%); padding: 0; margin: 0 30px 30px; } #module-csblog-post .item-related-post a, #module-csblog-post .item-related-post a img {width: 100%;position: relative;display: block;} #module-csblog-post .item-related-post .content {padding: 30px} #module-csblog-post .item-related-post .content h3 {margin-top: 0px} #page #header .animate-text {text-align: center} nav span {vertical-align: super;font-size: 16px;} details.description[open] summary::after { content: attr(data-open); } details.description:not([open]) summary::after { content: attr(data-close); } /* AOS ANIMS */ [data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform} [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0);} [data-aos=fade-up] { transform: translate3d(0,100px,0)} [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform} [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1);} [data-aos=zoom-in] { transform: scale(.6)} .mobile-only {display: none} .owl-dots {display: none} .carouselAC {margin-left: -15px; margin-right: -15px} /* ||||||||||||||||||| CAROUSEL HISTOIRE ||||||||||||||||||| */ .cms-43 .owl-carousel {margin: 50px 0;/*! float: left; */} .cms-43 .owl-carousel.owl-drag .owl-item {padding: 15px} .cms-43 .owl-carousel .block_Caroussel .left-content {font-size: 3rem} .cms-43 .owl-carousel .block_Caroussel .right-content {font-size: 1.6em; padding-bottom: 15px} .cms-43 .owl-carousel .block_Caroussel p {max-height: 150px; overflow-y: auto; scrollbar-width: thin } .cms-43 .owl-carousel .block_Caroussel .img_Caroussel {max-width: 100%; overflow: hidden; max-height: 40vh;} .bg-light {background: var(--light)} /* ||||||||||||||||||| Compte A rebours ephemeres ||||||||||||||||||| */ #compteARebours {margin: 0 auto; width: 100%; text-align: center; background: #ed273a; padding: 10px; border-radius: 10px} #compteARebours .item {display: inline-block; padding: 0 7px; color: var(--white)} #compteARebours p{padding: 0px; color: var(--white)} #compteARebours hr {background: rgba(255,255,255,0.5); margin: 5px } #compteARebours #jours, #compteARebours #heures, #compteARebours #minutes, #compteARebours #secondes {font: 600 36px/1em "Raleway", sans-serif; display: block} #category #thumbs_list {position: absolute; top: 0px;width: 100%;} /* TEMP SPECIAL */ body #languages-block-top {display: none !important;} /* ajout css 2024*/ #cart_summary .table tbody > tr > td { line-height: 0;} #cart_summary td.cart_quantity { min-height: auto; width: auto; border: none; padding: 0; text-align: left; position: relative; float:left; margin-top: 20px; } #cart_summary td.cart_quantity:before { content: 'Quantité'; display: block; width: 100%; font-size: 90%; font-weight: 600;} #cart_summary .cart_description { float:none;} #order-detail-content #cart_summary td.cart_quantity { float:none; display:block;} .choixPapillons { line-height: 16px !important; margin: 0; font-weight: 600; font-size: 0.8rem;} .bloc-pap, .bloc-pap_span, .bloc-carte, #cart_summary tbody td.cart_description small, #cart_summary_bis tbody td.cart_description small { line-height: 12px !important; margin: 0; font-size: 0.8rem; font-weight: 500;} .bloc-pap { display: block !important;} .product-name { font-weight: bold; line-height: 0px !important;} #papillons_delete { position: absolute; top: 8px; right: 0px;} #order-detail-content #voucher2 .button {max-width: 40px; text-align: center; padding: 0;} .bloc_papillons { margin-bottom: 8px !important; display: block !important;} #cart_summary tfoot td.total_price_container span, #cart_summary_bis tfoot td.total_price_container span { text-transform: none!important;} #order-detail-content #cart_summary tbody td.cart_unit { display:none;} #cart_summary tbody td.cart_delete { position: absolute !important; top: 8px;} #cart_summary .cart_total { display: block; position: absolute; right: 0px; bottom: 16px;} .card_title {font-size: 17px;line-height: 23px;color: #3a3939;font-weight: bold;} .messagePerso { margin: 0; line-height: 16px!important; font-size: 0.8rem;} .messagePerso .gras { font-weight: 600;} #index #leading-1 .content_page.absolute-bloc { z-index: 99; width: 100%; text-align: center; margin: 0; padding: 3vh; margin-bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);max-width: 100vw;display: block;position: absolute;bottom: 0} #index #leading-1 .content_page.absolute-bloc h2, #index #leading-1 .content_page.absolute-bloc h3 {text-align: center; color: #fff} .category-56 ul.product_list.grid > li .product-container .old-price {display: none !important} /* MODAL PRESTIGE */ .modalvideo, .modalproduit { display: none; position: fixed; z-index: 10000000; left: 0px; padding-left: 0px; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(20,30,34, 0.95); } .modalvideo iframe, .modalproduit iframe {max-width: 70vw} #module-formmaker-form #home_message {display: none !important;} #authentication #noSlide {opacity: 1 !important} input[type="radio"], input[type="checkbox"] {width: auto;margin: 0 auto; height: auto} .radio-inline label {line-height: 1em} #authentication .select.form-group label {z-index: 10 !important;position: relative;width: 100%} #authentication .select.form-group label:after {background-position: center -55px !important;width: 30px;height: 30px;position: absolute;margin-top: 0px;display: block;right: 15px;} /* ||||||||||||||||||| MEDIA QUERIES ||||||||||||||||||| */ @media (min-width: 1920px) { .header-left {min-width: 16.66667%;} header .row #header_logo {margin: 25px 19%;width: 60%;padding-top: 0;} .footer-container { padding: 0 35px 50px;} #perso_coeur .header_perso img, #perso_carte .header_perso img, #perso_livret .header_perso img, #cartepapillon .header_perso img, #personnalisation .header_perso img, #perso_mignognette .header_perso img {height: auto } #perso_livret .header_perso, #perso_coeur .header_perso, #cartepapillon .header_perso {min-height: 50vh} .content_scene_cat {min-height: 500px} } @media (min-height: 720px) { #perso_livret .header_perso #slider,#perso_coeur .header_perso #slider,#cartepapillon .header_perso #slider, #cms.cms-65 #slider {max-height: 50vh;} } @media (min-width: 1500px) { .pagecent .row .titre_page, .pagecent .row .content_page,#perso_carte .header_perso .titre_page, #personnalisation .header_perso .titre_page, #pagenotfound .titre_page, #cms .pagenotfound .titre_page, #perso_mignognette .header_perso .titre_page { width: 100%;} .pagecent .row.full_size_img .titre_page, .pagecent .row.full_size_img .content_page,#perso_carte .header_perso .full_size_img .titre_page, #perso_livret .header_perso .full_size_img .titre_page, #cartepapillon .header_perso .full_size_img .titre_page, #pagenotfound .full_size_img .titre_page, #perso_carte .header_perso .titre_page, #personnalisation .header_perso .titre_page, #perso_mignognette .header_perso .titre_page {width: 60%;max-width: 60%; padding-top: 0} .pagecent .row.full_size_img .titre_page {width: 100%;max-width: 100%;} #perso_coeur .header_perso .titre_page details,#perso_carte .header_perso .titre_page details, #perso_mignognette .header_perso .titre_page details,#perso_livret .header_perso .titre_page details, #cartepapillon .header_perso .titre_page details, #personnalisation .header_perso .titre_page details, #cms details { display: inline-block;} } @media (max-width: 1400px){ header .row #header_logo {margin: 1% 0px 0;width: 100%;} .header-left {max-width: 18%} #cart_summary tbody, #cart_summary_bis tbody {max-width:70%;} .block_infos {width: 33% !important;} } @media (max-width: 1199px){ .header-left {min-width: 25%;} #personnalisation #bloc_recap_fairepart input[type='submit']{white-space: inherit;height: auto;} #order-opc #cart_title {float: left; width: 100%;} html #subcategories ul li {padding: 10px} html .content_scene_cat .content_scene_cat_bg .cat_desc { width: 100% } .form_contact input,.form_contact select,.form_contact textarea {font-size: 13px} #pagenotfound .pagenotfound .form-control { max-width: 80%; display: inline-block; margin-right: 5px;} html #subcategories ul li .subcategory-name {font-size: 16px;} #perso_carte .header_perso .titre_page h1, #perso_livret .header_perso .titre_page h1, #cartepapillon .header_perso .titre_page h1, #pagenotfound .titre_page h1, #personnalisation .header_perso .titre_page h1, #perso_mignognette .header_perso .titre_page h1 { font-size: 24px} #category .bg_video {display: none;} #product .center_column .pb-right-column {bottom: auto;position: fixed;right: 20px;bottom: 30px; max-width: 18%} } @media (min-width: 1080px) and (max-width: 1800px) { #cms #page #center_column img {width: auto;height: 100vh;max-width: initial;} #cms.cms-10 #page #center_column img {max-width: 100%; height: auto} #cms #page #center_column .full_size_img img {width: auto; height: auto} #cms.cms-54 #page #center_column img, #cms #page #center_column .content_page img, #cms #page #center_column .content_scene_cat img, #cms #page #center_column .img_boutiqueAC img {height: auto;max-width: 100%;} } @media (min-width: 1200px) and (max-height: 700px) { body .content_submenu ul.menulink li a, body .content_submenu ul.menuhtml li a {line-height:16px !important;font-size: 13px !important;} body #header_logo img {max-height: 60px} body footer hr {margin-top: 10px;margin-bottom: 10px;} .footer-container #footer #social_block ul, .footer-container #footer #social_block p {margin-bottom: 0 } } @media (max-width: 1080px) { #cms #center_column .pagecent .page_scroll,#index #center_column .pagecent .page_scroll {height: auto;min-height: auto;padding: 50px 0;} #cms #center_column .pagecent .content_page {width: 100%;max-width: 90% !important;position: relative;margin-top: 0;transform: translateY(0);margin-left: 5% !important;} } @media (max-width: 1024px){ #perso_coeur #bloc_recap .quantity_perso label, #perso_carte #bloc_recap .quantity_perso label, #perso_mignognette #bloc_recap .quantity_perso label,#perso_coeur #bloc_recap .quantity_perso select, #perso_carte #bloc_recap .quantity_perso select, #perso_mignognette #bloc_recap .quantity_perso select { width: 100%;} #cartepapillon .quantity_perso .col-xs-6 {text-align: left;} #cartepapillon .quantity_perso p {min-height: 40px;line-height: 2.8em !important;margin-bottom: 0;} #cms #center_column #univers a {display: block !important} #cms #center_column #univers ul {padding-left: 0} #cms #center_column #univers h3{ text-align: center; padding: 50px 20px 10px; } #cms #center_column #univers li {height: auto;padding: 0;list-style-type: none; margin: 0px; overflow: hidden; } #cms #center_column #univers li .description_univers {position: relative;opacity: 1;padding: 5px 20px 20px 20px; height: 280px} #cms #center_column #univers li .description_univers p {text-align: center} #cms #center_column #univers li .description_univers h3 {padding: 1} #cms #center_column #univers a {position: relative;height: auto; width: 100%; cursor: pointer; } #cms #center_column #univers li img {height: auto; width: 100%;max-width: auto;margin-left: 0% !important;opacity: 1} #cms #center_column #univers .titre_page {bottom: auto; top: 0px; position: absolute; width: 100%} #cms #center_column #univers ul a {height: auto;overflow: hidden;} #cms #center_column #univers a.button {width: auto; display: inline-block !important;} } @media (min-width: 910px) and (max-width: 1200px) { #mouse-down-icon {bottom: 0px} #cms #center_column #univers li .description_univers {bottom: auto;top: 20px; max-width: 80%; margin-left: 10%} #perso_coeur #contenu_bloc.col-md-9,#perso_carte #contenu_bloc.col-md-9, #perso_livret #contenu_bloc.col-md-9, #cart_summary tbody, #cart_summary_bis tbody, #csoc-container, #etape2 #opc_account, #etape2 #carrier_area, #etape2 #opc_payment_methods, #perso_mignognette #contenu_bloc.col-md-9 {width: 65%} #order-detail-content #cart_summary tfoot tbody {width: 100%} #perso_coeur #product_list .infos-hover,#perso_carte #product_list .infos-hover,#perso_livret #product_list .infos-hover, #perso_mignognette #product_list .infos-hover {margin-left: -15px; padding: 0} #perso_coeur #product_list .infos-hover h4,#perso_carte #product_list .infos-hover h4,#perso_livret #product_list .infos-hover h4, #perso_mignognette #product_list .infos-hover h4 {font-size: 80%; margin: 0 10px;top: 50%;transform: translateY(-50%); position: relative;} #order-opc #voucher .button {margin-top: 7px; margin-right: 0} #cart_summary tfoot, #cart_summary_bis tfoot, #bloc_recap {max-width: 250px;} /* #order-opc #cart_summary tbody .product-name a{font-size: 13px} */ #cart_summary tbody td.cart_product, #cart_summary_bis tbody td.cart_product {width: 120px } #product .content_scene_cat_bg {min-height: 120px !important;} #product .nav-tabs > li > a {font-size: 13px} #product .our_price_display {font-size: 100%;line-height: 1em !important;} #product .our_price_display b {display: block} } @media (min-width: 992px) { .pagecent .carouselAC.carouselValeurs {width: 100vw} } @media (min-width: 769px) { #cms.cms-65 .content_scene_cat {min-height: 40vh;} } @media (min-width: 768px) and (max-width: 992px) { #cart_summary tbody,#cart_summary_bis tbody {width: 100%} #order-opc #cart_summary .customization.product_227, #order-opc #cart_summary .customization.product_228, #order-opc #cart_summary .customization.product_229, #order-opc #cart_summary .customization.product_230, #order-opc #cart_summary .customization.product_231, #order-opc #cart_summary .customization.product_232 {margin-top: 35px; bottom: auto} #cart_summary tbody td.cart_product, #cart_summary_bis tbody td.cart_product {width:120px } } @media (max-width: 992px) and (min-width: 769px) { #cms #center_column .full_size_img img,#index #center_column .full_size_img img {height: 100%;width: auto;left: 0;} #cms #center_column .pagecent .row .image_small,#index #center_column .pagecent .row .image_small {margin-left: -15% !important;} #perso_coeur #product_list .infos-hover,#perso_carte #product_list .infos-hover,#perso_livret #product_list .infos-hover, #cartepapillon #product_list .infos-hover, #perso_mignognette #product_list .infos-hover { padding: 0 15px; margin-left: -15px } #perso_coeur #product_list .infos-hover h4,#perso_carte #product_list .infos-hover h4, #perso_livret #product_list .infos-hover h4,#cartepapillon #product_list .infos-hover h4, #perso_mignognette #product_list .infos-hover h4 { font-size: 10px;line-height: 1em} } @media (max-height: 770px) { #perso_coeur .header_perso .titre_page, #perso_carte .header_perso .titre_page, #perso_livret .header_perso .titre_page, #cartepapillon .header_perso .titre_page, #personnalisation .header_perso .titre_page, #perso_mignognette .header_perso .titre_page {margin: 0px; top: 0;} } @media (max-width: 992px) { #module-formmaker-form #center_column form .col-md-6:first-child {margin-left: 0px;} .col-sm-12.global-content { width: 75%;float: right} video {width: 300vw;margin-left: -100vw;} #perso_livret .header_perso #slider .control_next, #perso_livret .header_perso #slider .control_prev, #perso_coeur .header_perso #slider .control_next, #perso_coeur .header_perso #slider .control_prev, #cartepapillon .header_perso #slider .control_next, #cartepapillon .header_perso #slider .control_prev, #cms.cms-65 #slider .control_next, #cms.cms-65 #slider .control_prev {display: none} #module-formmaker-form #center_column .col-md-6:first-child {max-height: 380px} #module-formmaker-form h1 {margin-top: 25px} #module-formmaker-form #center_column .col-md-6 button {display: block; margin: 5px 10% 30px !important; width: 80%} #product .center_column .pb-right-column {bottom: auto;position: relative;right: auto;bottom: auto; max-width: 100%} #cartepapillon #options {display: none} .mobile { display: block !important;} .block_infos {width: 90% !important;margin: 5%;margin-top: 60vw;} #index #center_column .pagecent .content_page.absolute-bloc, #index .content_page.absolute-bloc { z-index: 99; width: 100vw; text-align: center; margin: 0; padding: 3vh; margin-bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); max-width: 100vw;display: block;position: absolute;bottom: 0;} #index .absolute-bloc h2, #index .absolute-bloc h3 {color: #fff; font-size: 1rem;margin: 5px 0 } #index .absolute-bloc h2 {font-size: 1.1rem; } .desktop-only {display: none} #index .shopping_cart a:before {background-color: var(--primary);} .animate-text {margin: 0;margin-bottom: 10px;} #product .titre, #product .our_price_display {width: 100%;text-align: center; font-size: 200%} #product .our_price_display {font-size: 130%;} #cart_summary .cart_total, #cart_summary_bis .cart_total {display: block;width: auto;float: right;position: absolute;bottom: 0;right: 0;} .col-sm-12.global-content {width: 100%;float: left;margin-top: 90px;} h1, #cart_title, .page-heading { padding-left: 0px;} .page-heading {text-align: center; padding-top: 10px} #mouse-down-icon, .image_small {display: none} #index .columns-container.global-content {margin-top:0px;} .header-left { position: relative; height: auto; padding: 0; max-width: 100% } header .row #header_logo {margin: 0 auto; width: 100%; text-align: center;z-index: 2; background: #fff } header .row #header_logo img {display: inline-block; max-width: 100px} .topbar nav, #order-opc .cart_navigation { top: 20px; z-index: 9999; width: 20%; right: 10px;} #order-opc .cart_navigation {display: none} #order-opc nav .shopping_cart {display: block;} .pagecent .row .content_page {max-width: 100%; top: auto} .pagecent .row .titre_page, .pagecent .row .content_page {position: relative} .header-container {position: fixed;z-index: 999; padding: 0} .cms-38 .contact_infos {margin: 0} #order-opc .topbar {display: block} #order-opc .center_column.col-xs-12 {margin-top: 0px;} .checkbox.addressesAreEquals label, .order_carrier_content label {display: inline-block;max-width: 85%;font-weight: 400;} .order_carrier_content label {display: inline-block;max-width: 85%;font-weight: 400;line-height: 20px;font-size: 90%;} #csoc-container #PM_CSOC .owl-wrapper .owl-item {width: 100% !important;margin: 10px 0} #csoc-container #PM_CSOC .owl-wrapper {max-width: 100%} #csoc-container #PM_CSOC .product_img_link {padding: 0} div#csoc-container #PM_CSOC .image-block {padding: 0} div#csoc-container div.product-container .right-block {padding: 10px} .espace-membre a {display: block; text-align: center; padding: 10px 0; margin: 10px 0 } .espace-membre span {display: none} #csoc-container {/*! border-top: 1px solid #eee */} .cms-38 .contact_infos {margin: 0} body#cms #slider_row .center_column, body#authentication #slider_row .center_column {margin-top: 80px;} .cms-10 .center_column li {display: inline-block; width: 49%; height: 130px; text-align: center; margin:0;} .pagecent .row p {padding: 0 20px; text-align: justify} .pagecent .row .titre_page p {text-align: center} .images-slider.aim {display: none} .cms-44 .pagecent .row {margin: 0} #module-formmaker-form .form_3 { padding-left:0px;} #index #center_column .image_gauche {max-width: 100vw;} /* ORDER OPC */ #order-detail-content tfoot, #cart_summary_bis tfoot { float: none;left: 0; right: auto; width: 100%; max-width: 100%; border: none; border-top: 1px solid #eee; z-index: 999; background: #fff; position: fixed; display: block; box-shadow: none; bottom: 0; padding: 15px; } #order-detail-content #cart_summary_bis tfoot {display: block} #order-detail-content tfoot tr.voucher_total_price,#order-detail-content #cart_summary tfoot tr.voucher_total_price td, #cart_summary_bis tfoot tr.voucher_total_price,#cart_summary_bis tfoot tr.voucher_total_price td {width: 100%;position: relative;display: inline-block;margin: 0;z-index: 1;} #order-detail-content tfoot tr.total_total_price,#order-detail-content #cart_summary tfoot tr.connect_total_price, #cart_summary_bis tfoot tr.total_total_price,#cart_summary_bis tfoot tr.connect_total_price { position: fixed;bottom: 0; left: 0 ; width: 100%; max-width: 100%; border: none; border-top: 1px solid #eee; z-index: 9999; background: #fff; padding: 0px; margin: 0; box-shadow: none} #order-detail-content #cart_summary tfoot tr.total_total_price { border-top: 1px solid #eee; padding: 10px; bottom: 70px} #order-detail-content tfoot tr.total_total_price #total_price_container {width: 50%; float: right; text-align: right} #order-detail-content #cart_summary tfoot tr.connect_total_price td, #order-detail-content #cart_summary tfoot tr.connect_total_price td #show_modal_login {width: 100%;padding: 15px 15px ; display: block;} #order-opc #totopbtn {bottom: 200px;} #order-detail-content #cart_summary tfoot tr.connect_total_price {border: none} #order-detail-content #cart_summary tfoot tr.connect_total_price td #show_modal_login {background: var(--primary); color: #fff; text-transform: uppercase} #order-detail-content #cart_summary tfoot tr.connect_total_price td #show_modal_login:hover {background: #fff; color: var(--primary)} #order-detail-content {border: none } #order-detail-content table { width: 100%;display: block;} #order-detail-content #cart_summary tfoot .title_summary_cart, #order-detail-content #cart_summary tbody td.cart_description .cart_ref, #order-detail-content #cart_summary tbody td.cart_unit, #order-detail-content #cart_summary td.cart_total:before, #order-detail-content #cart_summary_bis tfoot .title_summary_cart, #order-detail-content #cart_summary_bis .cart_total_price #cart_voucher, #order-detail-content #cart_summary_bis tbody td.cart_description .cart_ref, #order-detail-content #cart_summary_bis tbody td.cart_unit, #order-detail-content #cart_summary_bis td.cart_total:before, #cart_summary_bis tfoot .title_summary_cart {display: none} #order-detail-content tfoot tr {margin: 0 10px} #order-detail-content #cart_summary tr,#order-detail-content #cart_summary_bis tr {padding: 0; border:none} #order-detail-content #cart_summary tr.cart_item,#order-detail-content #cart_summary_bis tr.cart_item {border-top: 1px solid #eee} #cart_summary tfoot tr.cart_total_price #total_price_container, #cart_summary_bis tfoot tr.cart_total_price #total_price_container{padding-bottom: 0 !important; background: none} #cart_summary_bis tfoot tr.cart_total_price #total_price_container{padding-bottom: 5px !important;font-size: 21px;line-height: 30px;} #cart_summary tbody,#cart_summary tfoot {border: none; padding: 0; padding-bottom: 10px} #order-opc .delivery_option > div > table.resume td:nth-child(2) {display: block;width: 70%;float: left;} #order-opc .delivery_option > div > table.resume td:nth-child(2) strong {display: block; font-size: 120%} #order-opc .delivery_option > div > table.resume td:nth-child(3) {display: block;width: 30%;float: left; font-size: 120%; text-align: right} #carrier_area div.radio span {top: 2px} #order-opc p.payment_module a {background: var(--primary) !important;opacity: 1;font-size: 120%;color: var(--white);} .mobile_menu {display: block} .pagecent ul li a {display: none !important} .pagecent .full_size_img ul li a {display: inline-block !important;} #cart_summary_bis {display: block;} #order-opc .product-name a,#order-opc .product-name, #order-opc tbody .cart_item .price { font-size: 14px; line-height: 12px !important; font-weight: 600;} #order-detail-content #cart_summary tbody td.cart_description, #order-detail-content #cart_summary_bis tbody td.cart_description {} #order-opc #cart_summary .customization .typedText{margin-top: 0; float: left; max-width: 100%;} #order-opc #cart_summary ul.typedText span{display: none} #order-opc .customize {width: 100%; position: relative} #order-opc #cart_voucher .button {right: 10px} #order-opc #cart_summary tfoot #cart_voucher .button { right: 20px; } #cart_summary_bis tfoot .total_price_container.text-right span {line-height: 30px} #order-opc #etape2 {margin-bottom: 80px} /* PERSO COEUR */ #perso_coeur .header_perso,#perso_carte .header_perso,#perso_livret .header_perso,#cartepapillon .header_perso, #perso_mignognette .header_perso {height: auto; } #perso_coeur #bloc_recap h2, #perso_carte #bloc_recap h2, #perso_livret #bloc_recap h2, #cartepapillon #bloc_recap h2, #perso_mignognette #bloc_recap h2 {display: none;} #perso_livret .header_perso img,#cartepapillon .header_perso img,#perso_mignognette .header_perso img, #perso_coeur .header_perso img,#personnalisation .header_perso img {float:right; margin-bottom: 30px} .pagecent .row .titre_page, .pagecent .row .content_page,#perso_coeur .header_perso .titre_page,#perso_carte .header_perso .titre_page,#perso_livret .header_perso .titre_page, #cartepapillon .header_perso .titre_page, #perso_mignognette .header_perso .titre_page,#personnalisation .header_perso .titre_page { text-align: center; margin: 0px; position: relative;margin-bottom: 20px; max-width: 100%; transform: translateY(0);padding: 0;height: auto;max-height: 100%;overflow: auto;display: block;position: relative;width: 100%} #perso_mignognette .header_perso img {width: 100%;} #perso_coeur .header_perso .titre_page .back_button:nth-child(1),#perso_carte .header_perso .titre_page .back_button:nth-child(1),#perso_livret .header_perso .titre_page .back_button:nth-child(1), #cartepapillon .header_perso .titre_page .back_button:nth-child(1), #perso_mignognette .header_perso .titre_page .back_button:nth-child(1),#personnalisation .header_perso .titre_page .back_button:nth-child(1) {display: none; } .pagecent .row .titre_page h1, .pagecent .row .content_page h1,#perso_coeur .header_perso .titre_page h1, #perso_carte .header_perso .titre_page h1,#perso_livret .header_perso .titre_page h1, #cartepapillon .header_perso .titre_page h1 , #perso_mignognette .header_perso .titre_page h1 {font-size: 19px;} #perso_coeur .header_perso .titre_page a span,#perso_carte .header_perso .titre_page a span, #perso_livret .header_perso .titre_page a span,#cartepapillon .header_perso .titre_page a span, #perso_mignognette .header_perso .titre_page a span {display: inline-block} #perso_coeur h2,#perso_carte h2,#perso_livret h2,#cartepapillon h2, #perso_mignognette h2 {text-align: center} #perso_coeur #bloc_recap,#perso_livret #bloc_recap,#cartepapillon #bloc_recap, #perso_mignognette #bloc_recap { float: left; position: relative; right: auto; border: none; box-shadow: none; padding-top: 0; margin-bottom: 0; max-width: 100%; z-index: 9; bottom: 0; } #perso_coeur .mobile,#perso_carte .mobile,#perso_livret .mobile,#cartepapillon .mobile, #perso_mignognette .mobile {display: block;border: none; width: 100%; color: var(--primary); background: none; font-size: 17px; font-weight: 300} #perso_coeur .mobile:after,#perso_carte .mobile:after,#perso_livret .mobile:after,#cartepapillon .mobile:after, #perso_mignognette .mobile:after {margin-top: -10px; position: absolute} #perso_carte #contenu_bloc, #perso_mignognette #contenu_bloc {float: left; border-top: 1px solid #e9e9e9} #perso_coeur .button_input,#perso_carte .button_input,#perso_livret .button_input,#cartepapillon .button_input, #perso_mignognette .button_input {z-index: 999;position: fixed; bottom: 0; width: 100%;left: 0; background: #fff; border-top: 1px solid #e9e9e9;box-shadow: 0 0 5px rgba(0,0,0,0.1);display: block !important;} #perso_coeur .button_input a,#perso_carte .button_input a,#perso_livret .button_input a, #cartepapillon .button_input a, #perso_mignognette .button_input a {font-size: 19px;margin: 20px;width: auto;} /* FAQ */ .cms-44 .pagecent img,#order-opc #csoc-container {/*! display: none */} .filtre_listing select {width: 100%} .filtre_listing label:after {right: 0; margin-top: -40px} #perso_coeur .filtre_listing label:after,#perso_carte .filtre_listing label:after,#perso_livret .filtre_listing label:after {margin-top: 0px} #perso_coeur #product_list .infos-hover,#perso_carte #product_list .infos-hover, #perso_livret #product_list .infos-hover, #cartepapillon #product_list .infos-hover, #perso_mignognette #product_list .infos-hover {margin-left: -15px} #order-opc #cart_summary tfoot td.reassurance_cart {display: none !important;} #perso_coeur h2 span,#perso_carte h2 span,#perso_livret h2 span,#cartepapillon h2 span, #perso_mignognette h2 span {display: block} #perso_coeur .filtre_listing label,#perso_carte .filtre_listing label,#perso_livret .filtre_listing label { display: inline-block;float: right;} #perso_coeur .filtre_listing label::after,#perso_carte .filtre_listing label::after,#perso_livret .filtre_listing label::after { right: auto; margin-top: 3px} .cms-2 .pagecent .row.full_size_img .titre_page,.cms-3 .pagecent .row.full_size_img .titre_page {position: relative} .cms-2 .pagecent .row.full_size_img .titre_page p, #cms.cms-3 .pagecent .row .titre_page p {text-align: justify} .cms-2 .pagecent .row.full_size_img .titre_page h2,.cms-2 .pagecent .row.full_size_img .titre_page h1, .cms-3 .pagecent .row .titre_page h2,.cms-3 .pagecent .row .titre_page h1, h3.sous_titre, h2.titre {text-align: center;font-size: 1rem;} .cms-2 .pagecent .row.full_size_img .titre_page h2,.cms-2 .pagecent .row.full_size_img .titre_page h1, .cms-3 .pagecent .row .titre_page h2,.cms-3 .pagecent .row .titre_page h1, h2.titre {font-size: 1.5rem} #personnalisation #bloc_recap_fairepart {right: auto;float: left;} #personnalisation #contenu_bloc {margin-bottom: 20px} #personnalisation #police_fairepart {margin-top: 20px} #cart_summary tbody, #cart_summary_bis tbody {max-width:100%;} #pagenotfound .columns-container.global-content {margin: 0} html #cms #center_column .pagecent .row .image_small {width: 100%;margin-top: -30vw !important;} #pagenotfound .titre_page {max-width: 45vw} .pagecent .row, #perso_coeur .header_perso, #perso_carte .header_perso, #perso_livret .header_perso, #pagenotfound .pagenotfound, #personnalisation .header_perso, #perso_mignognette .header_perso {height: auto;padding-top: 10px;} #cms.cms-2 .pagecent .full_size_img { display: block } #perso_coeur .center_column, #perso_carte .center_column, #personnalisation .center_column, #perso_livret .center_column, #perso_mignognette .center_column,#cartepapillon .center_column { background: none; } html #cartepapillon .header_perso .titre_page,html #personnalisation .header_perso .titre_page {padding: 0; margin: 0} #index .video_hp {left: 0;margin-top: 92px; max-width: 100vw;overflow: hidden;height: auto;} #product #blockphotomobile {display: block;margin-top: 75px;} #product #blockphotodesktop {display: none} .cms-38 .pagecent #panel1 {max-height: 100%;} .cms-38 .pagecent #panel1 .image_gauche, #module-formmaker-form .image_gauche {max-height: 50vh; overflow: hidden} #module-formmaker-form .col-md-6, #module-formmaker-form .col-md-6 .rte, #module-formmaker-form .col-md-6 .rte .image_gauche { height: auto; overflow: auto;} #module-formmaker-form .col-md-6 .rte .image_gauche {overflow: hidden;} #module-formmaker-form .image_gauche img { min-height: auto; width: 100%; } .pagecent .row.full_size_img { height: auto;} .pagecent .row.full_size_img .titre_page {position: relative;} .oleafoqty_fromprice {text-align: center;} #perso_mignognette #bloc_recap .form-group.quantity_perso input { max-width: 100%;} #order-opc #etape2 #cart_title {text-align: center; font-size: 150%; font-weight: 500;/*! color: var(--primary); */z-index: 9999;position: relative;} #cms #center_column .pagecent .page_scroll,#index #center_column .pagecent .page_scroll {height: auto;min-height: auto;padding: 0px 0;display: block;max-height: fit-content;overflow: hidden;} .mobile_only {display: block} .desktop_only {display: none;} #perso_livret #price,#perso_coeur #price {font-size: 200%;float: left;width: 25%;margin-right: 20px;border-right: 2px solid var(--primary);padding-right: 10px;line-height: 40px !important;min-height: 40px} #perso_livret .header_perso h1, #perso_coeur .header_perso h1 {text-align: left;} .Contenthead_perso h3 {line-height: 2em} #cms #center_column .image_gauche {display: block;margin-bottom: 25px;max-height: 100vw;overflow: hidden;position: relative;} #cartepapillon #contenu_bloc {margin-bottom: 100px; float: left} #cookieNotice {width: 80% !important; left: 10% !important} #cms.cms-65 #slider {position: absolute;top: 0} #cms.cms-65 #slider ul li {width: 100vw;} #cms.cms-65 .block_infos {width: 86vw !important;margin: 7vw;margin-top: 200px;} #index #center_column .pagecent .row .image_small {width: 100%;height: 100vw;} #cms.cms-29 .block_infos {margin-top: 440px;} #cms .title_reseaux {top: 40px; bottom: auto; right: 20px} #cms .title_reseaux h2 {font-size: 20px; line-height: 8px} #index video {position: relative;width: 100vw;height: 100vw !important;} #index #center_column #leading-4 .image_gauche {display: block; height: auto;max-height: 100vw;overflow: hidden;} #index #center_column #leading-4 .image_gauche img {height: auto} #category #slider, #cartepapillon .header_perso #slider, #livretpapillon .header_perso #slider, #cartepapillon .header_perso #slider {max-height: 220px;position: relative;height: auto !important;} #perso_livret .header_perso #slider img, #perso_coeur .header_perso #slider img, #cartepapillon .header_perso #slider img, #cms.cms-65 #slider img, #category #slider img {width: 200%; height: auto} #category #slider{max-height: 200px} #cartepapillon .header_perso #slider {margin-bottom: 15px} #slider a.control_prev,#slider a.control_next {display: none;} #product .content_scene_cat {display: none} #index .block_boutiqueAC > div h3 {display: inline-block; width: auto; float: left; max-width: 60%; text-align: left; font-weight: 600} #index .block_boutiqueAC > div h3.right-content {float: right} #index .content_boutiqueAC > div {display: inline-block; width: 100%; padding: 0 20px;} #index .content_boutiqueAC p {padding: 0} .footer-container {position: relative; text-align: center} .footer-container #footer #social_block ul li {float: none; display: inline-block; margin: 15px 0px;} .footer-container #footer #social_block ul li a {font-size: 1.5rem} .header_user_info, #search_block_top {display: none} .mobile-only {display: block} #cms #center_column .full_size_img img {max-width: 100%} #cms #center_column .pagecent .content_page {/*! margin-top: -40vw; */ background: #fff; padding: 20px; margin-left: 0 !important;margin-right: 0 !important;max-width: 100vw !important;} .block_infos {margin-top: 160px;} .cms-43 .owl-carousel .block_Caroussel .img_Caroussel {max-width: 100%; overflow: hidden; max-height: 500px} html .ps_checkout-payment-option div.payment_module a {background-image: none !important;} .footer-container.desktop-only {display: block; padding: 0} .footer-container.desktop-only .copy, .footer-container.desktop-only hr, .footer-container.desktop-only #social_block {display: none} #module-formmaker-form #center_column .form_12 .col-md-6:first-child {background-image: url(https://magic.appli.ovh/img/cms/2022/Carte-Papillon-funeraire.webp);} #module-formmaker-form #center_column .form_6 .col-md-6:first-child {background-image: url(https://magic.appli.ovh//img/cms/2022/form-funeraire-mobile.jpg);} } /* ICONES BOUTIQUE */ .block_boutiqueAC .img_boutiqueAC a:before, .block_boutiqueAC .img_boutiqueAC a:after, .block_boutiqueAC:nth-child(1) .img_boutiqueAC a:after { content: ""; width: 70px; height: 30px; background: white url(https://magic.appli.ovh/img/cms/2025/icone-envol-multiple.jpg) no-repeat center; background-size: auto 80% ; position: absolute; display: block; top: 35px; right: 25px; border-radius: 5px; box-shadow: 0 5px 5px rgba(0,0,0,0.2) } .block_boutiqueAC:nth-child(1) .img_boutiqueAC a:after, .block_boutiqueAC:nth-child(4) .img_boutiqueAC a:after { background-image: url(https://magic.appli.ovh/img/cms/2025/icone-envol-simple.jpg); } .block_boutiqueAC .img_boutiqueAC a:before { content: " x 1"; background-image: url(https://magic.appli.ovh/img/cms/2025/icone-papillon.jpg); background-position: 3px center; left: 25px; right: auto; padding-left: 35px; vertical-align: center; line-height: 2em; font: 600 16px/1.8em "Raleway" ,arial, sans-serif } .block_boutiqueAC:nth-child(3) .img_boutiqueAC a:before {content: " x 20";} .block_boutiqueAC:nth-child(2) .img_boutiqueAC a:before {content: " x 10";} /* ///////////////////////////////// // MEDIA QUERIES /////////////////// //////////////////////////////////// ///////////////////////////////// */ @media (max-width:768px){ #cms #page .border-btn, .scroll_btn, #perso_mignognette #page .border-btn {display: block; margin: 15px 0 !important;} } @media (max-width: 661px){ #product .content_scene_cat {display: none !important} #product .product-infos {margin: 0} #product .center_column .pb-right-column {bottom: auto;position: relative;right: auto;max-width: 100%;margin-bottom: 90px} #order-opc .button.add-address {width: 100%} } @media (max-width: 480px){ #cms.cms-29 .block_infos {margin-top: 260px;} #perso_coeur .header_perso .titre_page details summary,#perso_carte .header_perso .titre_page details summary,#perso_livret .header_perso .titre_page details summary, #cartepapillon .header_perso .titre_page details summary, #perso_mignognette .header_perso .titre_page details summary, #personnalisation .header_perso .titre_page details summary,#cms details summary { display: block; margin: 5px;text-align: center; } .pagecent .row .titre_page h1, .pagecent .row .content_page h1, #perso_coeur .header_perso .titre_page h1, #perso_carte .header_perso .titre_page h1,#perso_livret .header_perso .titre_page h1, #cartepapillon .header_perso .titre_page h1, #perso_mignognette .header_perso .titre_page h1 {font-size: 18px;font-weight: 600} #order-detail-content #cart_summary td.cart_product, #order-detail-content #cart_summary_bis tbody td.cart_description, #order-detail-content #cart_summary td.cart_product, #order-detail-content #cart_summary_bis tbody td.cart_description {width: 30%; padding: 0 } #order-detail-content #cart_summary td.cart_quantity { min-height: auto;width: auto; border: none;padding-left: 10px; position: relative; float:left; top: 10px} #order-detail-content #cart_summary_bis td.cart_quantity { min-height: auto;width: auto; border: none; padding: 0;padding-left: 10px; position: relative; float:left; top: 10px } #order-detail-content #cart_summary td.cart_total,#order-detail-content #cart_summary_bis td.cart_total,#order-detail-content #cart_summary td.cart_delete, #order-detail-content #cart_summary_bis td.cart_delete { right: 10px;} #order-opc #cart_summary .customization {max-width:100%;width:100%; float: right; margin: 0; height: auto;} .cms a.button {display: block; text-align: center; margin: 10px !important;} #cms #center_column h3 {text-align: center} #cart_summary tbody, #cart_summary_bis tbody {width: 100%} #order-detail-content #cart_summary .cart_discount td{text-overflow: ellipsis;white-space: nowrap; padding: 0;vertical-align: top; width: 50%; overflow: hidden;display: inline-block; float: left; position: relative; font-size: 80% ; font-weight: 100} #order-detail-content #cart_summary .cart_discount td:first-child {width: 70%;vertical-align: top;} #order-detail-content #cart_summary .cart_discount td:last-child {width: 25%;line-height: 2em} .pagecent .row .titre_page, .pagecent .row .content_page, #perso_coeur .header_perso .titre_page, #perso_carte .header_perso .titre_page,#perso_livret .header_perso .titre_page, #cartepapillon .header_perso .titre_page, #pagenotfound .titre_page, #personnalisation .header_perso .titre_page, #perso_mignognette .header_perso .titre_page { max-width: 90%; transform: translateY(0); margin-left: 5%;margin-right: 5%;} /* #order-detail-content #cart_summary td:before, #order-detail-content #cart_summary_bis td:before {display: none} */ #order-detail-content #cart_summary tr.customization td.cart_delete, #order-detail-content #cart_summary_bis tr.customization td.cart_delete {text-align: right } /* PERSONNALISATION FAIRE PART */ #personnalisation #img_recto, #personnalisation #img_verso {max-width: 290px; max-height: 145px} #personnalisation #image_upload_preview_div { width: 90px; height: 60px; margin-left: 27px; margin-top: 21px} #personnalisation #preview_general_recto {width: 80px; margin-left: 175px; top: 0px; margin-top: 100px; font-size: 75%; height: 35px} #personnalisation #contenu_preview_gauche, #personnalisation #contenu_preview_droit {font-size: 45%; margin-top: 10px; margin-left: 15px; width: 112px; height: 45px; line-height: 9px} #personnalisation #contenu_preview_droit { margin-left: 160px; width: 115px; margin-top: 30px;height: 80px} #personnalisation div.uploader span.action {width: 84px !important;} #personnalisation #preview_recto_gauche {top: 0; margin-top: 135px;margin-left: 22px} #personnalisation .faire-part_pap #img_recto { max-width: 150px; max-height: 145px;} #personnalisation .faire-part_pap #preview_general_recto { width: 115px; margin-top: 40px; font-size: 60%; height: 60px;} /* Gabarit 1 */ #personnalisation .gabarit1 #contenu_preview_gauche, #personnalisation .gabarit1 #contenu_preview_droit { text-align: left; height: 125px;width: 122px; margin-top: 9px; margin-left: 10px} #personnalisation .gabarit1 #contenu_preview_droit {margin-left: 155px;} #personnalisation .gabarit1 #preview_general_recto, #personnalisation .gabarit1 #preview_recto_gauche {width: 114px;position: absolute;top: 50px;height: 22px} #personnalisation .gabarit1 #image_upload_preview_div { width: 90px; height: 50px; margin-left: 27px; margin-top: 41px} #personnalisation .gabarit1 #preview_recto_gauche {margin-top: 95px;height: 35px;margin-left: 15px} /* Gabarit 3 */ #personnalisation .gabarit3 #image_upload_preview_div, #personnalisation .gabarit3 #preview_general_recto, #personnalisation .gabarit3 #contenu_preview_droit {width: 122px; height: 85px;overflow: hidden; margin-left: 155px; margin-top: 11px} #personnalisation .gabarit3 #preview_general_recto {position: absolute;top:0px;margin-top:160px;height: 20px;font-size: 65%} #personnalisation .gabarit3 #contenu_preview_gauche {text-align: center;margin-top: 30px;margin-left:30px;width: 80px;height: 80px;} #personnalisation .gabarit3 #contenu_preview_droit {height: 120px} #product .nav-tabs > li > a {margin:0px !important;} #product #add_to_cart button {width: 100%} #order-detail-content #cart_summary tfoot tr.total_total_price {position: fixed} #pagenotfound .titre_page input.form-control {margin: 10px 0} #pagenotfound .titre_page {bottom: auto; top: 20vh} .cms-prestige .bloc-prestige .button.ajax_add_to_cart_button {position: absolute; bottom: auto; top: 0px; right: 0px; overflow: hidden; display: block; width: 40px; height: 40px;padding: 0;margin: 0 !important;} .cms-prestige .bloc-prestige .button.ajax_add_to_cart_button:before {content: "+"; padding: 0 10px; font: 300 30px/1.3em "Raleway",arial, sans-serif;text-align: center;width: 40px;display: block;height: 40px;} label #perso_coeur #product_list .infos-hover h4, #perso_carte #product_list .infos-hover h4, #perso_livret #product_list .infos-hover h4, #cartepapillon #product_list .infos-hover h4, #perso_mignognette #product_list .infos-hover h4 {font-size: 12px} .cms-Foire-aux-questions .pagecent {margin-left: -15px; margin-right: -15px} .maps_contact iframe, .form_contact iframe { height: 60vh;} #cms.cms-2 .pagecent .full_size_img { display: block } #product .box-cart-bottom { position: fixed; bottom: 0; width: 100%; left: 0; background: #fff; padding: 10px 5%; z-index: 9; border-top: 1px solid #e9e9e9; box-shadow: 0 0 5px rgba(0,0,0,0.05); } .animate-text { padding: 10px 5% 0; max-width: 100%;display: none;} .topbar nav { top: 20px; right: 10px;} #cms .center_column, #index .center_column, #pagenotfound .center_column, #module-formmaker-form .center_column {padding-bottom: 20px;} .content_scene_cat a.lnk_more {display: block;text-align: center; margin: 5px 0;} #index #slider_row .center_column {padding-bottom: 0;} #order-detail-content #cart_summary td.cart_quantity, #order-detail-content #cart_summary_bis td.cart_quantity {min-width: 80px; padding-right: 10px; margin-top: -9px;} #order-detail-content #cart_summary td.cart_quantity > .form-control, #order-detail-content #cart_summary_bis td.cart_quantity > .form-control {float: left;width: 40px; text-align: center;} #order-detail-content #cart_summary td.cart_quantity div, #order-detail-content #cart_summary_bis td.cart_quantity div {float: right;} .cart_voucher fieldset { margin-bottom: 0px;} #cart_summary tfoot p,#cart_summary_bis tfoot p {float: left; line-height: 40px !important; margin: 0;} .cart_voucher fieldset .discount_name, #cart_summary_bis fieldset .discount_name {width: 50%; float: right; margin: 0;} #order-opc #cart_summary tfoot #cart_voucher .button, #cart_summary_bis tfoot #cart_voucher .button { right: 5px;} #cart_summary_bis tfoot #cart_voucher .button { right: 25px;} #cms #center_column #univers li .description_univers{height: auto} .Contenthead_perso h3 {line-height: 1em} .col-sm-12.global-content {margin-top: 90px; z-index: 9} #cms.cms-75 video {position: relative; margin-bottom: -450px} body #mega_menu_plus ul.mg-menu > li.lang_menu { display: none} html #cms #center_column .pagecent .row .image_small {margin-top: 0vw !important;} .footer-container #footer .copy {font-size: 15px; line-height: 24px } } @media (max-width: 992px) { #order-detail-content tfoot { position: relative; } html .fancybox-nav span {visibility: visible} } @media (max-width: 767px) { #cart_summary .cart_description { float:left;} #cart_summary tbody td.cart_delete { top: 0px; } #cart_summary .cart_total { bottom: 24px; } #order-detail-content #cart_summary tbody td.cart_description, #order-detail-content #cart_summary_bis tbody td.cart_description {padding-top: 10px !important} } @media (min-width: 480px) and (max-width: 992px) { .footer-container #footer #social_block ul li a:before, #show_modal_produitmobile:before { width: 40px;height: 40px;mask-size: 55px;-webkit-mask-size: 55px; /*! margin-right: 15px; */} #order-opc #cart_summary tfoot td.reassurance_cart:before {mask-position: center -206px;-webkit-mask-position: center -206px;} .footer-container #footer #social_block ul li:hover a:before{background-color: var(--dark); } .footer-container #footer #social_block ul li.facebook a:before {mask-position: center -798px; -webkit-mask-position: center -798px; } .footer-container #footer #social_block ul li.twitter a:before {mask-position: center -367px; -webkit-mask-position: center -367px; } .footer-container #footer #social_block ul li.rss a:before {mask-position: center -435px; -webkit-mask-position: center -435px; } .footer-container #footer #social_block ul li.youtube a:before, #show_modal_produitmobile:before {mask-position: center -697px; -webkit-mask-position: center -697px; } #show_modal_produitmobile:before {background: var(--white) } .footer-container #footer #social_block ul li.pinterest a:before {mask-position: center -484px; -webkit-mask-position: center -484px; } .footer-container #footer #social_block ul li.instagram a:before {mask-position: center -320px; -webkit-mask-position: center -587px; } #order-detail-content tfoot { z-index: 0;} #authentication .select.form-group label {display: block;} }