.clear{float:none;clear:both;width:0;height:0;} ul{margin:0;padding:0;} ul li{list-style:none;margin:0;padding:0;} a{border:none;outline:none;text-decoration:none;color:inherit;} a:focus, a:hover{text-decoration:none;outline:none;color: #89cd5c;} .wrap_btn_top a:focus, .wrap_btn_top a:hover{color:#fff!important;} button:focus, select:focus, input[type="text"]:focus,input:focus, textarea:focus {outline:none;} img{border:none;max-width:100%;} strong{font-family:"Gotham-Medium"; font-weight:normal} body{font-family:"Montserrat","Gotham-Book", Arial;color:#2d2a2d;font-size:13px;line-height: unset;font-weight: 400;-webkit-overflow-scrolling: auto !important;} .big_wrapper{background:#ffffff;/*overflow-x: hidden;*/} .bg_blanc{background-color:#ffffff;} select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer} /**remove select apparence IE****/ select::-ms-expand {display: none;} .loader { border: 10px solid #f3f3f3; /* Light grey */ border-top: 10px solid #3498db; /* Blue */ border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; width: 80px; height: 80px; animation: spin 1.2s linear infinite; -webkit-animation: spin 1.2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg);-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);-o-transform: rotate(0deg);} 100% { transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg); } } .opacity_hover:hover{ filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%); } .color_bleu{color:#00a0d7!important} .color_white{color:#ffffff!important} .color_rouge{color:#f45a45!important} .color-body{color:#686368!important} .bg_white{background:#ffffff!important} .bg_gris{background:#f2f3f4} .menu_mob_overlay{background:rgba(45, 42, 45,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .creation_overlay{background:rgba(45, 42, 45,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;} .menu_overlay{background:rgba(45, 42, 45,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none} .line_through{text-decoration:line-through} .visible_980{display:none} /* Bandeau Admin */ #bandeauAdmin{position:fixed;z-index:99999;width:100%;padding:0 10px;color:#FFFFFF;top:0;background-color:#E32D49;} #bandeauAdmin a{color:#ffffff;} .bandeauAdminLeft{float:left;} .bandeauAdminLogo{float:left;} .bandeauAdminHello{float:left;margin:7px 25px 0 25px;font:15px "Gotham-Medium";} .bandeauAdminHello strong{font:15px "Gotham-Medium"} .bandeauAdminRight{float:right;} .bandeauAdminR{float:left;margin:10px 0 0 25px;} .bandeauAdminVersion{position:relative;float:left;} .bandeauAdminVersion > a{display:block;padding:10px;font-weight:700;} .bandeauAdminM{position:absolute;top:100%;left:0;background-color:#E32D49;width:160px;} .bandeauAdminM a{display:block;padding:10px;} @media only screen and (max-width:860px) { .bandeauAdminLogo{display:none;} .bandeauAdminHello{margin:7px 0 0;} } @media only screen and (max-width:767px) { .bandeauAdminLeft{display:none;} .bandeauAdminRight{width:100%;display: flex;justify-content: space-between;align-items: center;} .bandeauAdminR{float:right;margin-top: 3px;} } @media only screen and (max-width:520px) { .bandeauAdminR a i{font-size:20px;} .bandeauAdminR a span{display:none;} .bandeauAdminR{width: 87px;text-align: right;} } @media (min-width: 1320px){ .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px;} } .titre_42 {font: 42px "DKLemonYellowSun";padding: 10px 0;text-align: center;} .titre_45 {font: 45px "DKLemonYellowSun";padding: 10px 0;text-align: center;} .titre_30 {font: 30px "DKLemonYellowSun";padding: 10px 0;text-align: center} .barre_cookie {background: rgba(0,0,0,0.7) none repeat scroll 0 0;bottom: 0;left: 0;position: fixed;width: 100%;z-index: 999;} .barre_cookieC {max-width: 1400px;padding: 10px;text-align: center;top: 50%;position: relative;margin: auto;z-index: 9;color: #fff;} .page_index .titre_45{font-family: Montserrat;font-weight: 600;text-transform: uppercase;} .page_index .text-bloc-qsn *{font-family: Montserrat!important;} .barre_cookieC a{text-decoration:underline; color:#e84363} .barre_cookieC a:hover{color: #e84363} .barre_cookieC button {background-color: #f45a45;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #fff;height: 20px;padding: 0;text-align: center;width: 40px;z-index:10; margin-left:5px} .barre_cookieC button:hover {background-color: #F5705C} .page_index .swiper-pagination-bullet{border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;} @media (min-width: 980px){ .page_index .titre_45{font-size: 28px;} } /*===================================== COMMUN =======================================*/ .header_body {position:relative;z-index:10;} .header_body.z-index1 {z-index:1;} .top_header {background-color: #474442;color:#ffffff} .offre_bienvenu {padding: 11px 0;} .nav_top {float: right;font-family:13px} .nav_top::after {content: "";display: block;clear: both;} .nav_top > li {float: left;padding: 5px 15px;position:relative;z-index:1} .nav_top > li::after{content:""; background-color:#cea484; width:1px; height:10px;position:absolute; top:50%; margin-top:-5px; left:0} .nav_top > li.pro_top::after{display:none!important} .nav_top > li > a {padding: 5px 0 5px 20px;display:inline-block;border:1px solid rgba(0,0,0,0)} .nav_top > .langue_header > a {padding: 0;} .nav_top > li > a:hover{color:#f45a45} .nav_top li.contact_top > a {background:url("template-ico_mail_w.png") no-repeat 0 5px;height: 26px;} .nav_top li.contact_top > a:hover{background-position:0 -17px} .nav_top li.service_top > a {background: url("template-ico_phone_w.png") no-repeat 0 3px;height: 26px;} .nav_top li.service_top > a:hover{background-position:0 -25px} .nav_top li.show_top > a {background: url("template-ico_map.png") no-repeat 0 3px;height: 26px;} .nav_top li.show_top > a:hover{background-position:0 -23px} .nav_top li.pro_top > a {background: url("template-ico_pro.png") no-repeat 0 3px;height: 26px;} .nav_top li.pro_top > a:hover{background-position:0 -27px} .contact_top strong {color: #21969a;font: 15px "Gotham-Medium";} body:not(.page_index) .header_sticky:not(.headerFixed) {box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);} #header{background:#fff; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;color:#2d2a2d} .max-header {/*max-width: 95%;*/margin: auto;position: relative;width: 100%;} .logo {left: 5%;margin-top: -10px;position: absolute;top:0;z-index: 99999;} .logo h1 {position: absolute;left: 0;top: 0;width: 0px;font-size: 0;color: rgba(0,0,0,0);} .visible_mobile{display:none} .visible_mobile_767{display:none} .logo img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;max-height:160px;} .texte_perso_center {color: #f4dfc0;font: 31px "DKLemonYellowSun";text-align: center;} .texte_perso_center h1{color: #f4dfc0;font: 31px "DKLemonYellowSun";text-align: center;display: inline;margin: 0;} .texte_perso_center img {bottom: -44px;position: absolute;z-index: 9;} .img_top1 {left: -15px;} .img_top2 {right: 0;} .other_link_top a {display: block;padding: 0 10px;text-align: center;} .other_link_top a span {display: block;height: 30px;min-width: 30px;} a.contact_link span {background: url(template-ico_contact.svg) no-repeat;background-position: center;} a.compte_link span {background:url("template-ico_compteV2.svg") no-repeat scroll ;background-size: 30px;height: 30px;filter: brightness(0%);-ms-filter: brightness(0%);-webkit-filter: brightness(0%);} #texte_perso_ref{display: none;} a.compte_fav span {background:url("template-ico_favoris.svg") no-repeat scroll ;background-size: 30px;height: 30px;filter: brightness(0%);-ms-filter: brightness(0%);-webkit-filter: brightness(0%);} a.panier_link span {background:url("template-ico_cart.svg") no-repeat scroll ;background-size: 30px;height: 30px;filter: brightness(0%);-ms-filter: brightness(0%);-webkit-filter: brightness(0%);} a.panier_link em {display: block;position: absolute;width: 15px;height: 15px;background: #f45a45;color: #fff;font: 12px "Aller";border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;right: 0;top: 0;} a.panier_link.panier_link_0 em {display: none;} .panier_link , .panier_link span{position:relative} .conseil_lien {margin: -8px 0 0 20px;} .conseil_lien a:hover{color:#2fcdf2} .conseil_lien span {font: 20px "FamilledingueFond";vertical-align:middle} .other_link_top a:hover{color:#2fcdf2} a.contact_link:hover span {background-position:bottom center;} a.compte_link:hover span {filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);} a.panier_link:hover span {filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);} a.compte_fav:hover span {filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);} .menu_mobile {float: right;width: 30%;display:none; margin-top:10px} .menu_mobile > div {float: left;text-align: center;width: 50%;} .menu_mobile a {display: inline-block;position: relative;} .menu_mobile_bloc span {display: block;font:14px "Gotham-Medium";margin-top: 2px;text-transform: uppercase;} .menu_mobile span em {background-color: #f45a45;border-radius: 100%; -o-border-radius: 100%;-webkit-border-radius: 100%; -ms-border-radius: 100%;color: #ffffff;display: inline-block;font: 11px "Gotham-Medium";height: 20px;padding-top: 3px;position: absolute;right: -10px;text-align: center;top: 0;width: 20px;} .menu_mobile_bloc {position: absolute;top: 50%;display: none;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);left: 0;} .close_menu_mob {display: none;position: absolute;color: #ffffff;font-size: 27px;right: 6px;top: 0px;z-index: 1;line-height: 15px;} @media only screen and (min-width:1050px) { .header_sticky.headerFixed{position:fixed;width:100%;left:0;top:0;background-color:#ffffff;z-index:20;box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);} .admin_connexion .header_sticky.headerFixed{top:35px} .headerFixed .logo img {max-height: 120px;} .header_sticky.headerFixed #header{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;min-height:60px} .headerFixed a.navLink{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .headerFixed .subMenu{padding-top: 7px} /*.version_IT .other_link_top {font-size: 12px;}*/ } @media only screen and (min-width:767px) { .logo {margin-top: -40px;} } @media only screen and (min-width:992px) { /*#header{height:80px}*/ .slider_item img, .accueil_item img {object-fit: cover;width: 100%;} .slider_item,.accueil_item {/*max-height: 500px;*/overflow: hidden;} } @media only screen and (min-width:1024px) { .navigation{display:block!important;} .padding_body{padding-top:80px} .header_body.relative {position: relative;z-index: 9999;background-color:#ffffff} /*.header_body.relative * {z-index: 9999;}*/ .liste_article .pi-row {margin: 0 -8px;} /*****CATEG*****/ .bloc_left_categ {width: 21%;} .bloc_right_categ {width: 79%;} } /*****IIE STYLE*******/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) , (-ms-high-contrast: black-on-white) { .av_box > a{min-width:200px} .av_box > div{min-width:200px} .av_4 > a{min-width:230px} } .search-top {position: relative;max-width: 675px;margin: auto;} .s-text{width:100%;border:none;padding:0 10px 0 45px;color:#1C1C1B;font:14px 'Montserrat';height:45px;background-color:#EFEFEF; border-radius: 24px;} .s-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1C1C1B;opacity:1; } .s-text::-moz-placeholder { /* Firefox 19+ */color: #1C1C1B;opacity:1;} .s-text:-ms-input-placeholder { /* IE 10+ */color: #1C1C1B;opacity:1;} .s-text:-moz-placeholder { /* Firefox 18- */color: #1C1C1B;opacity:1;} .s-submit{position:absolute;top:0;left:0;height:45px;width:45px;border:none;background:url('template-ico_search.svg') no-repeat center;z-index:1;} /*================================= NAVIGATION ==================================*/ .navigation .pi-section{margin: 0;} .menu {position:relative; z-index:2} ul.onglets {display: flex;text-align: center;width: 100%; align-items: center;} li.navItem {padding: 0} a.navLink {color: #000;display: block;font:700 14px "Montserrat";padding:15px 0;position: relative;text-align: center;;z-index: 99999;} a.navLink span{padding: 0 15px; display: block;} li.navItem:hover a.navLink,li.navItem.active_menu a.navLink{color:#00a0d7} li.navItem.last-border a.navLink span{border-right: none;} li.navItem:hover ,li.navItem.active_menu {color:#00a0d7;} /*.navItem.nav_home >.navLink{color: #00a0d7;} .navItem#li_config >.navLink{color: #7EC038;} .navItem#li_mug >.navLink{color: #7EC038;} .navItem#li_affiche >.navLink{color: #00a0d7;}*/ .subMenu{position:absolute;background:none;width:100%;top:100%;left:0;z-index:9999;padding-top:16px;display:none; text-align: left;color: #2d2a2d;} .sub_menu_top {padding: 15px;background: #fff;border-top: 2px solid #00a0d7;} .sub_cat_lib{margin-bottom:20px;} .sub_cat_lib span{color:#4a79c6;font:20px 'Gotham-Medium';text-transform:uppercase;} .sub_cat_lib em{color:#231f20;font:12px 'Gotham-Book';} .sous_menu_cat >ul{padding-bottom:20px; position:relative; z-index:1} .sub_lib { text-align: left;font: 17px "aller_display";text-transform: uppercase;padding-bottom: 10px} .sous_menu_cat_lib{color:#E21414;font:15px "Gotham-Medium";text-transform:uppercase;margin-bottom:10px;} .sous_menu_catBit > ul >li{margin-bottom: 10px} .sous_menu_catBit >ul> li a.ss_link{color:#242626;font:11px "Gotham-Medium"; text-transform:uppercase} .sous_menu_cat ul li a:hover{color:#38C8A7;} .sub_product li {margin-bottom: 5px} .sub_product a{color: #2d2a2d} .sub_product a:hover{color: #00a0d7} .sub_product a.link_niv1{color:#00a0d7} .niv_2{padding-left:20px} .ss_menu2 {margin-left:15px; margin-top:5px} .ss_menu2 li a{font:11px "Gotham-Medium"; color:#6e727f; display:inline-block; padding:3px 0;} .sous_menu_catBit{float:left; width:33.3333%; padding-right:15px} .submenu_lientop{margin-top:8px} .lien_top_sub{display:inline-block; min-width:225px; text-align:center; font:14px "Gotham-Bold"; text-transform:uppercase; color:#ffffff; padding:12px 10px; background-color:#f45a45; vertical-align:middle; margin-left:5px} .menu_promo{position:absolute; right:10px; bottom:20px} .article_menu .article_prix {width: 100%;text-align: left;} .article_menu .article_prixpromo {display: inline-block;vertical-align:middle} .prix_magasin {color: #808080;padding-left: 5px;display: inline-block;vertical-align: middle;} .article_menu .article_pictopromo strong {padding: 12px 5px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;width: 60px;height: 60px;position:relative; z-index:9} .article_menu .article_pictopromo {max-width: 65px;background: none;padding-right: 0;} .article_pictopromo.menu_promo::before {content: "";background-color: #3CC7A8;width: 23px;height: 29px;position: absolute;bottom: 0;z-index: 1;left: 0px;} .menu_overlay {background: rgba(45, 45, 44, 0.5);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9;} .arianeBox{padding:15px 0;color:#8c8e93;} .arianeBox h1{display: inline;} .page_content {position: relative;z-index: 1;} #contenupage {position: relative;z-index: 1;} .texte_promo{text-align:center; font:15px "Gotham-Medium"; padding:20px 0 0 0; display:none} .page_index .texte_promo{display:block} .page_index .texte_promo.visible_mobile{display:none!important} @media only screen and (min-width:1024px) { .headerFixed .navigation::before{display:block} .no_scrolling{overflow:hidden!important} .menu {position:static; } .max-header .col-auto{position:static; } } /*==================================== SLIDER ======================================*/ .first_bloc {background: #f2f3f4 url("template-bg_part1.jpg") no-repeat scroll center bottom;position:relative; z-index:10} .first_bloc::after {content: url("template-puce_bleu.png");left: 50%;margin-left: -18px;position: absolute;top: 100%;} .conteneur_slider{position:relative; z-index:1} .slider_item {padding:5px} .slider_item img{box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-moz-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-ms-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);/*height: 100%!important;*/} .homeslider-prev{position:absolute; top:50%; margin-top:-17px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-prev_arrow.png') no-repeat center top;left:-50px; cursor:pointer } .homeslider-next{position:absolute; top:50%; margin-top:-17px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-next_arrow.png') no-repeat center top;right:-50px; cursor:pointer } .homeslider-next:hover,.homeslider-prev:hover{background-position:center -64px} .conteneur_slider .swiper-pagination{position:relative;bottom:0!important; padding:13px 0} .col.d-none.slogan h1{font: 20px "DKLemonYellowSun";font-weight: bold;margin-bottom: 0} .col.d-none.slogan .div_h1{font: 20px "DKLemonYellowSun";font-weight: bold;margin-bottom: 0} .col.d-none.slogan p {margin-bottom: 0} .slogan{background-color: #EFEFEF;font: 500 15px "Montserrat";} .slogan p {margin-bottom: 0} /*==================================== MA CREATION index ======================================*/ .bloc-creation-index {height: 580px;background-color: #CEF5FC!important;background-position: center top!important; background-attachment: fixed!important;position: relative;background-size: 100%!important;} .bloc_ma_creation {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);width: 100%;max-width: 650px;margin-top: 120px;} .shadow_creation {background: url(template-shadow_ref.png) no-repeat center bottom;background-size: 100% 50px; padding-left: 30px;padding-right: 30px; padding-bottom: 24px;} .content_ma_creation {background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(1%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(235,235,235,1) 100%);padding: 40px;position: relative;width: 100%;} .content_ma_creation::before {background: url(template-img_crea.png) no-repeat scroll;content: "";position: absolute;width: 500px;display: block;bottom: 100%;height: 250px;background-position: 50% 0!important;} .titre_creation_i h1, .titre_creation_i div {color: #00a0d7;font: 40px "DKLemonYellowSun";padding-bottom: 20px;position: relative;text-align: center;margin-bottom: 0} .titre_creation_i p{margin-bottom: 0} .content_input_creation {background-color: #e2e2e2;border-radius: 3px;-webkit-border-radius: 3px; -ms-border-radius: 3px;-o-border-radius: 3px;padding: 8px;max-width: 410px;margin: auto;} .table_form {display: table;width: 100%;} .b_input_crea{display: table-cell;} .crea_input {background-color: #e2e2e2;border: medium none;display: table-cell;font-size: 14px;height: 40px;text-align:left; padding:0 10px 0 10px ; width:100%} .b_button_crea{display: table-cell;text-align:right;width: 136px;} .crea_button {background-color: #f45a45;border: medium none;border-radius: 3px;-webkit-border-radius: 3px; -ms-border-radius: 3px;-o-border-radius: 3px;color: #ffffff;font: 14px "aller_display";padding: 10px 15px;text-transform: uppercase;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;height:38px;} .crea_button:hover {background-color: #89cd5c;} @media only screen and (min-width:980px) { .titre_creation_i h2::before {bottom: -9px;content: url(template-fleche_lrV2.png);left: 14px;position: absolute;} .titre_creation_i br{display: none;} } .img-hover-scale{overflow: hidden;margin-bottom: 10px;height: 100%;} .img-hover-scale img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;object-fit: cover;-o-object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;width: 100%;} body:not(.browser-safari) .img-hover-scale img{height: 100%;} .img-hover-scale:hover img{transform: scale(1.04);-webkit-transform: scale(1.04);-ms-transform: scale(1.04);} .img-hover-scale a {position: relative;display: block;overflow: hidden;} /*.img-hover-scale a div {position: absolute;left: 0;top: 0;font: 35px "DKLemonYellowSun";width: 100%;height: 100%;padding-left: 5%;padding-top: 5%;margin:0;z-index: 9; color: #2d2a2d;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;background: rgba(0,0,0,0)}*/ .title-perso-i{font:600 19px "Montserrat";padding: 10px 0;margin:0; color: #2d2a2d!important;background-color: #fff!important;text-transform: uppercase;} .title-perso-i p{margin: 0;} .img-hover-scale a div p{margin-bottom: 0} .img-hover-scale:hover a {background: rgba(0,0,0,0.2);color:#fff;} /*==================================== PORTRAIT ======================================*/ .bloc_portrait {margin-top: 30px;padding: 30px 20px;position: relative;z-index: 1;} .bloc_portrait::after {content:""; width:36px;height:17px; background: url("template-puce_blanc.png") no-repeat center;left: 50%;margin-left: -18px;position: absolute;top: 100%;} .portrait_content {margin-top: 15px;} .portrait_content .swiper-pagination{position:relative;bottom:0!important; padding:13px 0} .portrait_slide {text-align:center} .portrait_content .swiper-pagination-bullet {background-color:#e5e5e5} .lire-suite-mobile{color: #00a0d7;font: 13px Gotham-bold;margin-top: 10px;} .row.visible-click{display: block!important;} .hide-me .lire-suite-mobile{display: none!important;} /*==================================== CATEGORIE PERSONNAGE ======================================*/ .max-categ-index {max-width: 1180px;margin: auto;} .bloc-categorie-index {padding: 40px 10px;} .image-categ-i.text-center {position: relative;overflow: hidden;} .image-categ-i::after {content: "";width: 100%;height: 15px;background: url("template-sep_categ.png")no-repeat center;background-size: 100% 15px;position: absolute;left: 0;bottom: 0;z-index: 999;} .titre-cat-i {color: #2d2a2d;font:600 14px "Montserrat";text-transform: uppercase;padding: 10px 0;} .descr-cat-i,.descr-cat-i * {color: #726d72;font-size: 13px;} .descr-cat-i >p {color: #726d72;font-size: 13px;height: 33px;overflow: hidden;} .image_personnage img {position:relative; z-index:9; bottom:-8px} .expand-me ul::after, .expand-me_ ul::after{content: ""; clear: both; display: block} .expand-me ul,.expand-me_ ul{margin:0 -5px;min-height: 84px} .expand-me ul li,.expand-me_ ul li {float: left;width: 50%; padding: 0 15px 12px 8px;position: relative;min-height: 24px} .expand-me_ ul li:nth-child(n+9){display: none} .expand-me_ li::before {content: ">";display: block;position: absolute;left: -2px;top: 0;} .expand-me_ li:hover::before{color: #89cd5c} .expand-me .read-more,.expand-me .read-less {display: block;text-align: right;font-size: 0;} .expand-me .expand-text,.expand-me .collapse-text, .expand-me_ a.expand-text {color: #00a0d7;font: 13px Gotham-bold;margin-top: 15px;display: inline-block;padding-right: 5px;} .expand-me .expand-text:hover,.expand-me .collapse-text:hover, .expand-me_ a.expand-text:hover {color: #89cd5c} .detail-categ-i:hover .titre-cat-i,.detail-categ-i:hover .expand-me .expand-text,.detail-categ-i:hover .expand-me .collapse-text, .detail-categ-i:hover .expand-me_ a.expand-text{color: #89cd5c} .expand-me .expand-text::before, .expand-me_ a.expand-text::before {content: "";display: inline-block;border: solid #00a0d7;border-width: 0 2px 2px 0;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);margin-right: 4px;vertical-align: text-top;} .detail-categ-i:hover .expand-me .expand-text::before, .expand-me .expand-text:hover::before,.expand-me_ a.expand-text:hover::before ,.detail-categ-i:hover .expand-me_ a.expand-text::before {border-color: #89cd5c} .expand-me .collapse-text::before {content: "";display: inline-block;border: solid #00a0d7;border-width: 0 2px 2px 0;padding: 4px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);margin-right: 2px;vertical-align:text-bottom;} .expand-me .collapse-text:hover::before, .detail-categ-i:hover .expand-me .collapse-text::before{border-color: #89cd5c} .categ-item-bit.hide-link a.expand-text {display: none;} /***article portrait design ****/ .cat_affiche #articlecateg-2823 .articleBit h2, .cat_affiche #articlecateg-2823 .articleBit h3{background-color: #f45a45;} .cat_affiche #articlecateg-2823 .articleBit h2 a, .cat_affiche #articlecateg-2823 .articleBit h3 a{color: #fff;} .cat_affiche #articlecateg-2823 .articleBit_prix.prix-categ strong{color: #f45a45;} .cat_affiche #articlecateg-2823 .bg_art_w {background: rgba(244, 245, 243, 0.7);} @media only screen and (min-width:980px) { .image-categ-i {min-height:140px} } .detail_personnage {color: #ffffff;font-size: 14px;text-align: center;} .titre_personnage {font: 19px "aller_display";margin: 0;text-transform: uppercase;} .detail_personnage .cat_i_de {max-height: 48px;overflow: hidden;text-overflow: ellipsis;min-height:48px} .detail_personnage:hover *{color:#f4dfc0!important} /*==================================== QSN INDEX ======================================*/ .titre-14-aller{font: 14px "aller_display";text-transform: uppercase;padding-bottom: 15px} .paragraphe{font-size: 14px;} .paragraphe p{margin-bottom: 25px} .paragraphe p:last-child{margin-bottom: 0} .image-bloc img {width: 100%;object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;} body:not(.browser-safari) .image-bloc img{height: 100%;} @media only screen and (min-width:980px) { .text-bloc .paragraphe{max-width: 90%} } /*==================================== AVIS INDEX ======================================*/ .bloc-avis-index {background: url("template-bg_avis_i.png") no-repeat center bottom;padding-top: 30px;padding-bottom: 120px;} .max-avis-index {width: 80%;margin: auto;max-width: 1520px; } .avis-index-swiper {padding-bottom: 50px; padding-top:30px; padding-left: 5px; padding-right: 5px} .avis-index-swiper .swiper-slide {height: unset;} .box-avis-i {background: url("template-shadow_ref.png") no-repeat center bottom;background-size: 100% 50px;padding-bottom: 18px;padding-top: 8px;/*max-width: 320px;*/margin: auto;height: 100%;} .box-avis-content {background: #fff;box-shadow: 1px 2px 5px 1px rgba(53,73, 89 ,0.3);-webkit-box-shadow: 1px 2px 5px 1px rgba(53,73, 89 ,0.3);-ms-box-shadow: 1px 2px 5px 1px rgba(53,73, 89 ,0.3); -o-box-shadow: 1px 2px 5px 1px rgba(53,73, 89 ,0.3);text-align: center;padding: 15px;font-size: 15px;position: relative; height: 100%;} .slide-avis-index {position: relative;padding: 0 55px;} .slide-avis-index .swiper-pagination{bottom: 0} .slide-avis-index .swiper-pagination-bullet {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border: 1px solid #b3b3b3;height: 14px;width: 14px;} .slide-avis-index .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #f45a45; background: #f45a45!important} .button-prev-s{position:absolute; top:50%;width:25px; height:45px; font-size:0; z-index:9; border:none;background:url('template-prev_arrow.png') no-repeat center top;left:0; cursor:pointer;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%);outline: none!important } .button-next-s{position:absolute; top:50%; width:25px; height:45px; font-size:0; z-index:9; border:none;background:url('template-next_arrow.png') no-repeat center top;right:0; cursor:pointer;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); outline: none!important } .button-prev-s:hover,.button-next-s:hover {background-position: center bottom} .quote-design {padding-top: 40px;position: relative;margin-top: 15px;padding-bottom: 40px;font-size: 15px;padding-left: 10px;padding-right: 10px;min-height: 100px} .quote-design q::after {font-size: 120px;font-family: 'ProximaNova';color: #05a0d6;position: absolute;right: 0;bottom: -35px;line-height: 30px;display: block;} .quote-design q::before {font-size: 120px;font-family: 'ProximaNova';color: #05a0d6;position: absolute;left: 0;top:25px;line-height: 30px;display: block;} .blockquote {padding-bottom: 50px;margin-bottom: 0;} .nom-auteur-avis {position: absolute;right: 15px;bottom: 20px;font: 15px "Gotham-Bold";} .titre-avis-index {font: 21px "Gotham-Bold";margin-top: 30px;margin-bottom: 20px;} .date-avis-index {color: #726d72;padding-top: 5px;} .slide-avis-index .swiper-button-disabled{cursor: not-allowed;} a.btn-avis-i {display: inline-block;min-width: 230px;text-align: center;background: #00a0d7;padding: 15px;color: #fff;font: 16px "aller_display";text-transform: uppercase;margin-top: 20px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} a.btn-avis-i:hover{background-color: #89cd5c} .page_index a.btn-avis-i{font-family: Montserrat;} @media only screen and (min-width:769px) { .w-md-30{width: 600px} .quote-design { min-height: 170px;} .browser-safari .quote-design {display: -webkit-box;-webkit-box-align: center} } @media only screen and (min-width:1200px) { .bloc-avis-index {background-size: 100%;} } @media only screen and (min-width: 2000px){ .bloc-avis-index {background-size: contain;} } .just-one .swiper-pagination span, .just-one .swiper-pagination{display:none!important} .just-one .swiper-wrapper {transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;} .quote-design { display: flex;display: -ms-flex;align-items: center;-ms-align-items: center;} /*==================================== PORTRAIT REFONTE INDEX ======================================*/ .bloc-portrait { margin-bottom: 30px;padding-bottom: 20px;} @media only screen and (min-width:768px) { .slider-portrait .swiper-wrapper {transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;margin-left: -1rem!important;margin-right: -1rem!important;width: auto;flex-wrap: wrap;} .slider-portrait .swiper-wrapper .swiper-slide {flex: 0 0 25%;-webkit-flex: 0 0 25%;-ms-flex: 0 0 25%;max-width: 25%;padding: 1rem;margin-right: 0!important;height: auto;} body.browser-safari .slider-portrait .swiper-wrapper .swiper-slide{width: 25%!important;} .slider-portrait .swiper-wrapper .swiper-slide:nth-child(2) { flex: 0 0 75%;-webkit-flex: 0 0 75%;-ms-flex: 0 0 75%;max-width: 75%;} body.browser-safari .slider-portrait .swiper-wrapper .swiper-slide:nth-child(2) {width: 75%!important;} .slider-portrait .swiper-wrapper .swiper-slide:nth-child(3) {flex: 0 0 50%;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;max-width: 50%;} body.browser-safari .slider-portrait .swiper-wrapper .swiper-slide:nth-child(3) {width: 50%!important;} .portrait-content .swiper-pagination {display: none;} .portrait-content .button-prev-s, .portrait-content .button-next-s {display: none;} .slider-portrait .swiper-wrapper .swiper-slide:last-child {position: absolute;right: 0;height: auto;bottom: 0;} .slider-portrait .image-bloc {overflow: hidden;cursor: pointer;height: 100%;} .slider-portrait .swiper-wrapper .swiper-slide:nth-last-child(2) .image-bloc {height: auto} .slider-portrait .image-bloc img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;object-fit: cover;-o-object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;width: 100%;} body:not(.browser-safari) .slider-portrait .image-bloc img{height: 100%;} .slider-portrait .image-bloc:hover img{transform: scale(1.04);-webkit-transform: scale(1.04);-ms-transform: scale(1.04);} } .portrait-content .swiper-pagination-bullet {background: #b3b3b3;height: 14px;width: 14px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;} .portrait-content .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f45a45!important} .visible-safari-only{display: none!important} .browser-safari .visible-safari-only{display: block!important} /*=============================== FOOTER ================================*/ footer {background: #424448;} .goToTop {background-color: #2d2a2d;bottom: 50px;cursor: pointer;display: none;padding: 0;position: fixed;right: 25px;text-align: center;width:60px;z-index: 9999;} .goToTop:hover{background-color: #2d2a2d;} /********NEWSLETTER******/ .texte_news_admin {display: inline-block;font:13px "Gotham-Book";margin:13px 15px 0 0;vertical-align: middle;} .texte_news_admin em{font:14px "Gotham-Medium"; color:#e71d73; text-transform:uppercase} .form-bloc-news {position: relative;margin-top:5px} .adresse_newsletter {background: #ffffff;border:none;height: 38px;padding: 0 30px 0 15px;width: 100%; color:#242626; border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .news_button {background-color: #89cd5c ;border:none;color: #ffffff;font:700 13px "Montserrat";height: 38px;position: absolute;right:0;top: 0;padding:5px 20px;text-transform:uppercase; border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; } .news_button:hover {background-color: #a1db7b;} @media only screen and (min-width:980px) { .copy_text br{display:none} } .bloc_footer_menu>div>.row>div {height: 100%;} .no-margin-child p{margin-bottom: 0} @media only screen and (min-width:767px) { .has-border-left{border-left: 1px solid #fff;} .bloc_footer_menu>div>.row>div {height: 100%;border-left: 1px solid #fff;} .menu_content ul li:nth-child(n+7) {display: none;} .menu_content ul li:nth-child(n+6) {margin-bottom: 0} } /*********MENU FOOTER**********/ .col_20_m{float:left; width:35%; padding:0 15px} .col_60{float:left; width:65%; padding:0 0 0 15px } .titre_menu { font:700 14px "Montserrat";padding:0 0 10px 0;text-transform: uppercase;color: #fff;letter-spacing: 0.5px;} .menu_content {margin-top: 10px;} .bloc_menu { margin-bottom: 15px;max-width:320px} .other_menu .bloc_menu {margin:auto} .paiement_bloc {padding-bottom: 15px;} .titre_menu i {display: none;position: absolute;right: 15px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);} .menu_content ul li {margin-bottom: 15px;} .menu_content ul li:last-child {margin-bottom: 0;} .menu_content ul li a {display: block;font-size: 13px;color: #fff} .titre_menu_categ {font: 12px "Gotham-Medium";margin-bottom: 5px;} .reso_bloc a {margin: 0 5px;} .copyright{padding:20px 10px 45px 10px; text-align:center; font-size:12px; color:#fff;} .copyright a {text-decoration:none} .copyright a:hover{color:#89cd5c;text-decoration:underline} .menu_obligatoire ul li{display:inline-block} .bloc_footer_menu {padding: 80px 10px 30px 10px;} .menu_content ul li a:hover{color:#89cd5c} .menu_content span {display: inline-block;font-size: 12px;padding-left: 6px;vertical-align: middle;} /*******AVANTAGE*************/ .bloc_avantage {background: #ffffff ;padding:20px 0} .avantage_content {padding: 15px 0;display: flex;display: -ms-flexbox;justify-content: space-between;-webkit-box-pack: justify;-ms-justify-content: space-between;-webkit-box-pack: justify;} .av_box {padding: 0 10px;text-align: center;min-width: 13%; width:auto;flex: auto;} /*.avantage_content.avantage_FR .av_box {min-width: 14%;} .avantage_content.avantage_IT .av_box {min-width: 16.4%;} .avantage_content.avantage_EN .av_box {min-width: 16.4%;} .avantage_content.avantage_DE .av_box {min-width: 16.4%;}*/ .av_box span {display: block;font:18px "Montserrat";padding-top: 18px;color:#2d2a2d} .av_box a:hover span{color:#f45a45} .av_box > a {display: inline-block;padding-top: 10px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .av_box > div {display: inline-block;padding-top: 10px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} @media only screen and (min-width:1140px) { .qte_plus{padding-top:3px;} .qte_moins{padding-top:3px;} } @media only screen and (min-width:768px) { .browser-safari .avantage_content {display: -webkit-box} } .paiement-bg a {display: block;padding-left: 32px;min-height: 30px;position: relative;} .img-to{position: absolute;left: 0; top: 50%;margin-top:-15px; } .livr-rapide-bg a {display: block;padding-left: 37px;min-height: 30px;position: relative;} .livr-gratuite-bg a {display: block;padding-left: 37px;min-height: 30px;color:#fff;position: relative;} .logo-footer img {max-height: 70px;} .footer-categorie ul{padding:0; margin: 0; list-style: none;} .footer-categorie li {margin: 0;padding-right: 11px;list-style: none;display: inline-block;} .footer-categorie.bg-white.py-5 li a {color: #2d2a2d;} .footer-categorie.bg-white.py-5 li a:hover {color: #89cd5c;text-decoration: underline;} /*=============================== PAGE CREATION ================================*/ .ariane_Box {font-size: 11px;padding:15px 0} .ariane_Box *{font:11px "Gotham-Book"} .ariane_Box h1{font:11px "Gotham-Book";display: inline;margin: 0;} .wrap_btn_top{margin:auto;text-align:center} .append-slide.btn_ajout_nouv {background-color: #89cd5c;color: #ffffff;display: inline-block;font: 14px "aller_display";margin: 15px 13px;max-width: 315px;padding: 2px 15px;text-align: center;text-transform: uppercase;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .btn_ajout_nouv .b_libelle_mobile{display: none;} .picto_previsu {background-color: #00a0d7;color: #ffffff;display: inline-block;font: 14px "aller_display";margin: 15px 13px;max-width: 315px;padding: 2px 15px;text-align: center;text-transform: uppercase;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .append-slide.btn_ajout_nouv h2 {font-size: 15px;margin-bottom: 0;} .btn_ajout_nouv .b_picto, .picto_previsu .b_picto{padding:0; display:inline-block } .btn_ajout_nouv .b_picto img, .picto_previsu .b_picto img{width:30px;margin-top: -3px;margin-left: -8px;} .btn_ajout_nouv .b_libelle, .picto_previsu .b_libelle{padding:8px 0; display:inline-block } .conteneur_creation_perso {padding-bottom: 30px;} .content_cadre {position: relative;z-index: 1;overflow-x: auto;overflow-y: hidden !important;/*background-color: #0a131c;*/width: 100%;} .content_cadre::-webkit-scrollbar {width:5px; background:rgba(0,0,0,0.2);border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height:10px;} .content_cadre::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .content_cadre::-webkit-scrollbar-track {background:#fff;border: 1px solid #e6e6e6;} .content_cadre.open_bloc {z-index: 10;} .cadre_personnage_bg {margin-bottom: 0px;padding:73px 68px 73px;position: absolute;z-index: 1;box-shadow:0 0 5px 0 rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3);-o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73 ,0.3); width:100%; height:100% ; top:0; left:0} .cadre_personnage_bg .swiper-wrapper {align-items: flex-end; -webkit-box-align: flex-end;-ms-flex-align: flex-end;} .cadre-prev{position:absolute; top:50%; margin-top:-17px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-prev_arrow.png') no-repeat center top;left:2%; cursor:pointer } .cadre-next{position:absolute; top:50%; margin-top:-17px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-next_arrow.png') no-repeat center top;right:2%; cursor:pointer } .cadre_personnage_bg .swiper-button-disabled{display:none!important} .bloc_cadre {/*background-color: #0f1821;*/color: #f4ddba;padding: 59px 5px 5px;position: relative;text-align: center;z-index: 9;max-width:137px; height:100%} .cadre_personnage_bg > .cadre-next + div {height: 100%;} /************** begin previsu_popup ************/ #previsu_popup {text-align:center} #previsu_popup .previsu_filigrane{position: absolute;width: 100%;height:100%; text-align: center;left:0;right: 0;box-sizing:border-box;color: #0581a8;font-weight: bold;font-size: 23px;opacity: 0.9;z-index: 50} #previsu_popup .previsu_filigrane div{display:block;width:100%; position:absolute;} #previsu_popup .previsu_filigrane div img{display:block;width:90%; height:auto;margin:auto;} #previsu_popup .previsu_filigrane .text{white-space: nowrap;} #previsu_popup .content_cadreprevisu{position:relative;margin:auto; background: #f3ebc9; background-image:url("template-bois.png"); background-size: 150px 150px;overflow:hidden} #previsu_popup .cadre_haut {white-space: nowrap;display:flex;display: -ms-flexbox;} #previsu_popup .cadre_haut .left{display:inline-block; /*background:url("template-coin2.png") no-repeat;*/ vertical-align: top;} #previsu_popup .cadre_haut .middle{display:inline-block; vertical-align: top;} #previsu_popup .cadre_haut .middle .titre_haut{color:#000; text-align: left;font: 600 45px "FamilledingueFond";display:inline-block; width:100%;white-space: nowrap;} #previsu_popup .cadre_haut .right{display:inline-block; /*background:url("template-coin1.png") no-repeat;*/ vertical-align: top;} #previsu_popup .cadre_milieu {display:inline-block;white-space: nowrap;display:flex;display: -ms-flexbox; position:relative} .browser-safari #previsu_popup .cadre_milieu {display: -webkit-box;} #previsu_popup .cadre_milieu .texte_portrait{ position:absolute; text-align:center; width:100px; font-size: 30px; /*font-family: FamilledingueFond;*/ font-family: Lobster; font-weight: normal; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); text-align:center; } #previsu_popup .cadre_milieu .texte_portrait span{ display: inline-block; white-space: nowrap; } #previsu_popup .cadre_milieu .content_personnages_previsu{display:flex;display: -ms-flexbox;} #previsu_popup .cadre_milieu .left{display:inline-block;vertical-align: top;} #previsu_popup .cadre_milieu .middle{display:flex;display: -ms-flexbox; vertical-align: top;white-space: nowrap;} #previsu_popup .cadre_bois .cadre_milieu .content_personnages_previsu{overflow-x:clip;} #previsu_popup .cadre_milieu .right{display:inline-block;vertical-align: top;} #previsu_popup .cadre_bas {display:flex;display: -ms-flexbox;white-space: nowrap;} #previsu_popup .cadre_bas .left{display:inline-block; /*background:url("template-coin1.png") no-repeat;*/ vertical-align: top;} #previsu_popup .cadre_bas .middle{display:inline-block;vertical-align: top;} #previsu_popup .cadre_bas .middle .titre_bas{color:#000; text-align: right;font: 600 45px "FamilledingueFond";display:inline-block; width:100%;white-space: nowrap;} #previsu_popup .cadre_bas .right{display:inline-block; /*background:url("template-coin2.png") no-repeat;*/ vertical-align: top;} #previsu_popup .cadreprevisu_item {display:inline-block; position:relative;/*overflow-y:hidden*/} #previsu_popup .cadreprevisu_item .nom_personne_c {position:static;display:block; overflow:hidden; white-space: nowrap; z-index:30;} #previsu_popup .cadreprevisu_item .image_visage_wrap {position:static;display:block;display:block} #previsu_popup .cadreprevisu_item .image_visage_wrap .image_visage{height:auto; /*height:calc(100% + 5px)*/} #previsu_popup .cadreprevisu_item .image_corps_wrap {position:static;display:block;} #previsu_popup .cadreprevisu_item .image_corps_wrap .image_corps{height:auto; /*height:calc(100% + 5px)*/} #previsu_popup .cadreprevisu_item .image_visage_wrap.hidden {display:none} #previsu_popup .cadreprevisu_item .image_corps_wrap.hidden {display:none} #previsu_popup .cadreprevisu_item .image_visagecorps_wrap.hidden {display:none} #previsu_popup .cadreprevisu_item .image_visage {width:100%} #previsu_popup .cadreprevisu_item .image_corps {width:100%} #previsu_popup .cadreprevisu_item .image_visagecorps {width:100%} #previsu_popup .previsu_popup_inner {margin: auto;} #previsu_popup .content_previsu_popup_outer {display: flex;display: -ms-flexbox;} #previsu_popup .b3d_top_wrap {margin:auto} #previsu_popup .b3d_top{transform: skewX(45deg);-webkit-transform: skewX(45deg);-ms-transform: skewX(45deg);-o-transform: skewX(45deg); filter: brightness(69%);-webkit-filter: brightness(69%);-ms-filter: brightness(69%);-o-filter: brightness(69%);} #previsu_popup .b3d_left {float:left;transform: skewY(45deg);-webkit-transform: skewY(45deg);-ms-transform: skewY(45deg);-o-transform: skewY(45deg);margin-top: -6px;background-image: url("t20fbr-18_2.png?v=1");filter: brightness(40%);-webkit-filter: brightness(40%);-ms-filter: brightness(40%);-o-filter: brightness(40%);} /************** end previsu_popup **************/ .abs_div_item{ position:absolute; bottom:0px; /* transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; */ } #bloc_envoi_cadre{margin-top: 10px; color:#ffffff;background: #fff;} #mail_envoi{border: 1px solid #888;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding: 5px;background: rgba(255,255,255,0.6);} #mail_envoi.error{border: 1px solid #e22} #btn_envoi_cadre{border: 1px solid #fff;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;background: #05a0d6;color: #ffffff;} #btn_envoi_cadre span{background:url("template-btn_ami.png") no-repeat scroll left center;padding: 5px; padding-left: 31px;padding-right: 10px;display: inline-block;} /************** begin edition_bloc ************/ #edition_bloc {text-align:center;position: relative/*;padding-left: 52px;*/} #edition_bloc .content_edition_bloc{margin:auto; background: #f3ebc9; background-image:url("template-bois.png"); background-size: 150px 150px;-webkit-box-shadow: 15px 15px 18px 0px rgba(73, 73, 73, 0.4);-moz-box-shadow: 15px 15px 18px 0px rgba(73, 73, 73, 0.4);box-shadow: 15px 15px 18px 0px rgba(73, 73, 73, 0.4);-ms-box-shadow: 15px 15px 18px 0px rgba(73, 73, 73, 0.4);-o-box-shadow: 15px 15px 18px 0px rgba(73, 73, 73, 0.4);} #edition_bloc .shadow_zone{margin:auto;} #edition_bloc .cadre_haut {display:flex;display: -ms-flexbox;} #edition_bloc .cadre_haut .left{display:inline-block; /*background:url("template-coin2.png") no-repeat;*/ vertical-align: top;} #edition_bloc .cadre_haut .middle{display:inline-block; vertical-align: top;} #edition_bloc .cadre_haut .middle .titre_haut{color:#000; text-align: left;font: 600 45px "FamilledingueFond";display:inline-block; width:100%;white-space: nowrap;/*overflow: hidden;text-overflow: ellipsis;*/} #edition_bloc .cadre_haut .middle .titre_haut span{display:inline-block;white-space: nowrap;/*overflow: hidden;text-overflow: ellipsis;*/} #edition_bloc .cadre_haut .right{display:inline-block; /*background:url("template-coin1.png") no-repeat;*/ vertical-align: top;} #edition_bloc .cadre_milieu {display:inline-block;display:flex;display: -ms-flexbox;display: -webkit-box;position:relative} #edition_bloc .cadre_milieu .texte_portrait{ position:absolute; text-align:center; width:100px; font-size: 30px; /*font-family: FamilledingueFond;*/ font-family: Lobster; font-weight: normal; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); text-align:center; } #edition_bloc .cadre_milieu .texte_portrait span{ display: inline-block; white-space: nowrap; } #edition_bloc .cadre_milieu #content_personnages{display:flex;display: -ms-flexbox;} #edition_bloc .cadre_bois .cadre_milieu #content_personnages{/*overflow-x:clip;*/overflow:visible;} #edition_bloc .cadre_milieu .left{display:inline-block;vertical-align: top;} #edition_bloc .cadre_milieu .middle{display:inline-block; vertical-align: top;} #edition_bloc .cadre_milieu .right{display:inline-block;vertical-align: top;} #edition_bloc .cadre_bas {display:flex;display: -ms-flexbox;} #edition_bloc .cadre_bas .left{display:inline-block; /*background:url("template-coin1.png") no-repeat;*/ vertical-align: top;} #edition_bloc .cadre_bas .middle{display:inline-block;vertical-align: top;} #edition_bloc .cadre_bas .middle .titre_bas{color:#000; text-align: right;font: 600 45px "FamilledingueFond";display:inline-block; width:100%;white-space: nowrap;/*overflow: hidden; text-overflow: ellipsis;*/} #edition_bloc .cadre_bas .right{display:inline-block; /*background:url("template-coin2.png") no-repeat;*/ vertical-align: top;} #edition_bloc .cadreprevisu_item {display:inline-block;} #edition_bloc .cadreprevisu_item.cadre_item .nom_personne_c {position:relative;display:block;color:#ffffff; white-space: nowrap; z-index:30} #edition_bloc .cadreprevisu_item.cadre_item .image_visage_wrap {position:static;display:block;} #edition_bloc .cadreprevisu_item.cadre_item .image_visagecorps_wrap {position:static;display:block;} /*#edition_bloc .cadreprevisu_item.cadre_item .image_visage_wrap .image_visage{ height:calc(100% + 5px)} */ #edition_bloc .cadreprevisu_item.cadre_item .image_corps_wrap {position:static;display:block;} /*#edition_bloc .cadreprevisu_item.cadre_item .image_corps_wrap .image_corps{ height:calc(100% + 5px)}*/ #edition_bloc .cadreprevisu_item .image_visage_wrap.hidden {display:none} #edition_bloc .cadreprevisu_item .image_corps_wrap.hidden {display:none} #edition_bloc .cadreprevisu_item .image_visagecorps_wrap.hidden {display:none} #edition_bloc .cadreprevisu_item .image_visage {width:100%} #edition_bloc .cadreprevisu_item .image_corps {width:100%} #edition_bloc .cadreprevisu_item .image_visagecorps {width:100%} #edition_bloc .edition_bloc_inner {margin: 0 auto 40px auto;position:relative} #edition_bloc .b3d_top_wrap {margin:auto} #edition_bloc .b3d_top{transform: skewX(45deg);-webkit-transform: skewX(45deg);-ms-transform: skewX(45deg);-o-transform: skewX(45deg); filter: brightness(69%);-webkit-filter: brightness(69%);-ms-filter: brightness(69%);-o-filter: brightness(69%);} #edition_bloc .b3d_left {float:left;transform: skewY(45deg);-webkit-transform: skewY(45deg);-ms-transform: skewY(45deg);-o-transform: skewY(45deg);margin-top: -6px;background-image: url("t20fbr-18_2.png?v=1");filter: brightness(40%);-webkit-filter: brightness(40%);-ms-filter: brightness(40%);-o-filter: brightness(40%);} @media only screen and (min-width:768px) { .browser-safari #edition_bloc .cadre_haut{display: -webkit-box;} .browser-safari #previsu_popup .cadre_haut{display: -webkit-box;} .browser-safari #edition_bloc .cadre_bas {display: -webkit-box;} .browser-safari #edition_bloc .cadre_milieu #content_personnages{display: -webkit-box;} .browser-safari #previsu_popup .cadre_milieu .content_personnages_previsu{display: -webkit-box;} .browser-safari #previsu_popup .cadre_milieu .middle{display: -webkit-box;} .browser-safari #previsu_popup .cadre_bas {display: -webkit-box;} .browser-safari #previsu_popup .content_previsu_popup_outer {display: -webkit-box;} } /************** end edition_bloc **************/ .nom_personne_c >span {display:inline-block;font: 600 27px "FamilledingueFond";left: 0;position: absolute;top: 10px;min-width: 100%;z-index: 9;line-height:27px;} .btn_top_cadre {right: 0;padding: 2px 10px;position: absolute;text-align: center;bottom: -40px;width: 50%;z-index: 99;} /*.btn_suppr_c{background: #999999;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;display:inline-block;font: 0px "aller_display";padding:0 5px;text-transform: uppercase;width: 35px;height: 35px;margin-bottom:1px;}*/ .btn_suppr_creation {background: #999999;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;display:block;font: 0px "aller_display";padding:0 9px;text-transform: uppercase;margin:auto; max-width:120px; text-align:center;width: 35px;height: 35px;margin-bottom:1px;} .btn_suppr_creation2 {background: #999999;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;display:block;font: 0px "aller_display";padding:0 9px;text-transform: uppercase;margin:auto; max-width:120px; text-align:center;width: 35px;height: 35px;margin-bottom:1px;} .btn_m_crea #btn_previsualisation {font-size: 11px;padding: 0;max-width: 120px;margin: 2px auto;} .btn_m_crea .btn_previsualisation {font-size: 11px;padding: 5px; max-width: 160px;margin: 2px auto;} .btn_m_crea .btn_previsualisation2 {font-size: 13px;padding: 5px; max-width: 160px;margin: 2px auto;} .creation_item .btn_m_crea .picto_previsu > span, .creation_item .btn_m_crea .picto_previsu >div> span {background-size: 17px;background-position: 5px center;padding-left: 23px;} .btn_suppr_c span, .btn_suppr_creation span, .btn_suppr_creation2 span{background:url("template-ico_supprn.png") no-repeat center; padding:0; display:block;width: 100%;height: 100%;} .btn_bottom_cadre {left: 0;padding: 2px 10px;position: absolute;text-align: center;bottom: -40px;width:50%;z-index: 99;max-height: 40px} .btn_bottom_cadre a{display:block; background: #05a0d6;margin-bottom:1px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 0px "aller_display";padding:0 5px;text-transform: uppercase;width: 35px;height: 35px;} /*.btn_bottom_cadre a.btn_deplacer_c{cursor: move;margin-bottom:0}*/ .btn_deplacer_c{cursor: move;position:absolute; display:block; /*background:rgba(155,200,155,0.5);*/ z-index: 55; width:100%; height:calc(100% - 60px); top: 30px;/*background: url("template-move2.png") no-repeat bottom;*/} .btn_modifier_c span{background:url("template-ico_modifn2.png") no-repeat center; padding:0;display: block;width: 100%;height: 100%; } .btn_deplacer_c span{background:url("template-ico_deplacer.png") no-repeat right center; padding:3px 15px 3px 0; display:inline-block} /* .box_design {background-color: #ffffff;box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);padding: 35px;border-radius:0 0 5px 5px} */ .box_design {background-color: #ffffff;box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); padding: 24px 35px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px} .form_group {display: table;width: 100%;} .form_group label {display: table-cell;font: 13px "Gotham-Book";vertical-align:middle} .form_content_i {display: table-cell;min-width: 67%;} .input_cadre {background: #efefef;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;font-style: italic;height: 38px;max-width: 318px;padding: 0 15px;width: 100%;} .suppr_conf,.ok_conf{position:relative} .suppr_conf::after{content:url('template-ico_ferme.png'); position:absolute;right:-5px; top:-5px; z-index:99} .ok_conf::after{content:url('template-ico_ok.png'); position:absolute;right:-5px; top:-5px; z-index:99} .input_cadre::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4c3e39; opacity:1; } .input_cadre::-moz-placeholder { /* Firefox 19+ */ color: #686668; opacity:1; } .input_cadre:-ms-input-placeholder { /* IE 10+ */ color: #686668; opacity:1; } .input_cadre:-moz-placeholder { /* Firefox 18- */ color: #686668; opacity:1; } .prix_cadre {float: left;width: 52%;margin-top:2px } .px_promo {color: #222;font: 28px "Gotham-Medium";font-weight: bold;} .stand_shadow_creation .detail_1 .px_promo {color: #05A1D4;font: 24px "Gotham-Medium";} .stand_shadow_creation .detail_2 .px_promo {color: #f45a45;font: 30px "Gotham-Medium";} .prix_cadre.loading .px_promo {color: #eed6d3} .prix_cadre.loading #prix_barre {color: #eed6d3} .px_barre {font-size: 18px;text-decoration: line-through;} .qte_cadre {/*float: right;*/width: 44%;} .art_qte {margin: 0px 0;min-width: 154px;} .art_qte label {display: inline-block;font: 13px "Gotham-Book";margin-bottom: 0;vertical-align: middle;width: 66px; /*font-weight: bold;*/} .contenu_qte_art {display: inline-block;text-align: left;vertical-align: middle;width: 84px;} .qte_panier {position: relative;z-index: 1;} .qte_moins {background-color: #ceccce;border:none;top: 7px;font-size:20px; height: 17px;position: absolute;left: 0;text-align: center;width: 31px;z-index: 1;display:inline-block;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .qte_plus {background-color: #ceccce;border:none;height: 17px;position: absolute;right: 0;text-align: center;top: 6px; font-size:19px;width: 31px;z-index: 1;display:inline-block;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .inputqte {background-color: #efefef;font-size:15px;height: 40px;padding:0;width:47px;text-align:center; border:none;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-weight:bold} /* .caract_cadre {margin-top: 15px;padding: 15px; margin-bottom: 15px;} */ .caract_cadre {padding: 15px; } .select_s {background: #efefef url("template-arrow_select.png") no-repeat scroll right center;border: medium none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 38px;max-width: 110px;padding: 5px 29px 5px 6px;width:100%;border-right:15px solid #efefef} .caract_cadre .form_content_i{min-width:52%} .btn_right_panier {float: right;text-align: right;width: 30%;} .btn_add_panier {cursor:pointer; background-color: #000;border: none;border-radius: 50px;-webkit-border-radius: 50px;-ms-border-radius: 5px;-o-border-radius: 50px;color: #ffffff;font: 22px "aller_display";padding: 10px 19px;text-align: center;text-transform: uppercase;margin-top:30px;} .btn_add_panier.disabled {background-color: #d4edc3;cursor:no-drop} .btn_add_panier:hover{ filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%);} .btn_add_panier.disabled:hover {filter: none;} .btn_add_panier > span {/*background:url("template-add_panier.png") no-repeat scroll left center;*/display: inline-block;padding: 5px 15px;} #portrait_error{color:#721c24;margin:10px 0;} #portrait_error.contain{background-color: #f8d7da;border-color: #f5c6cb;border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding:8px} .btn_left_panier {float: left;width: 70%;margin-top:7px} .btn_bleu {background-color: #05a0d6;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;font: 15px "aller_display";padding: 5px 15px;text-align: center;text-transform: uppercase;margin-right:5px; display:inline-block} .btn_bleu h2{font-size: 15px;margin-bottom: 0} .btn_gris {background-color: #cccccc;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #2d2a2d!important;font: 15px "aller_display";padding: 5px 15px;text-align: center;text-transform: uppercase; display:inline-block} .btn_gris h2{font-size: 15px;margin-bottom: 0} .btn_vert {background-color: #89cd5c;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;font: 15px "aller_display";padding: 5px 15px;text-align: center;text-transform: uppercase; display:inline-block} .btn_vert h2{font-size: 15px;margin-bottom: 0} .btn_cadre_panier .btn_bleu.disabled {background-color: #91d7ef;cursor:no-drop} .btn_bleu:hover {background-color: #2fcdf2;} .btn_gris:hover {background-color: #efefef ;} .btn_vert:hover { filter:brightness(110%); -moz-filter:brightness(110%); -webkit-filter:brightness(110%); -ms-filter:brightness(110%); -o-filter:brightness(110%); } .btn_gris.disabled {opacity:0.5; cursor:no-drop;background-color: #2fcdf2!important;} .has_picto span {padding: 5px 0px 5px 31px;display: inline-block;} .picto_save > span {background:url("template-btn_save.png") no-repeat scroll left center;} .picto_fb > span {background:url("template-icon_fb.png?2") no-repeat scroll left center; background-size: 24px 24px;} .creation_item .picto_previsu > span, .creation_item .picto_previsu >div> span {background:url("template-btn_previsu.png") no-repeat scroll left center;} .picto_ami > span {background:url("template-btn_ami.png") no-repeat scroll left center;} /**********CREATION CADRE**********/ .bloc_creation_nouv {margin-bottom: -7%;margin-top: -68px;padding: 15px 30px ;position: relative;z-index: 15;padding:0 30px; display:none} .open_bloc #image_fond {margin-top: -3.1%;} #image_fond{opacity:0} .cadre_perso{height: 100%;} .bloc_fond{display:none} .content_nouv_personnage::after{display:block; content:""; clear:both} .content_nouv_personnage {background: #ffffff;box-shadow: 1px 5px 5px 0 rgba(73, 73, 73, 0.3);-moz-box-shadow: 1px 5px 5px 0 rgba(73, 73, 73, 0.3);-webkit-box-shadow: 1px 5px 5px 0 rgba(73, 73, 73, 0.3);-o-box-shadow: 1px 5px 5px 0 rgba(73, 73, 73, 0.3);padding: 40px;border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position:relative} .tab_creation_left {float: left;width: 60%;border-right:1px solid #2d2a2d; padding-right:10px} .wrapcaract.hide{display:none} .cadre_encours{border:3px solid #05a0d6;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .personnage_item_zone .cadre_encours{border:1px solid #05a0d6;} .cadre_encours::after{content: "";position: absolute;left: 50%;width: 0;height: 0;border-width: 25px 35px 0 35px;border-color: #fff transparent transparent transparent;border-style: solid;filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-webkit-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-ms-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-moz-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-o-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);top: -89px;} .support_2 .cadre_encours::after{top: -60px;} .support_3 .cadre_encours::after{top: -69px;} .cadre_encours .btn_bottom_cadre{display:none} .cadre_encours .btn_top_cadre{display:none} .content_cadre.previsualisation .btn_top_cadre, .content_cadre.previsualisation .btn_bottom_cadre{display:none} .form_60 {float: left;padding: 0 10px;width: 60%;margin:8px 0} .form_50 {float: left;padding: 0 10px;width: 50%;margin:8px 0} .form_40 {float: left;padding: 0 10px;width: 40%;margin:8px 0} .form_30 {float: left;padding: 0 10px;width: 33.333%;margin:8px 0} .form_content_g .select_s {max-width: 100%;} .select_facette{position:relative; z-index:9} /*.select_list_drop {visibility:hidden; background: #efefef; position:absolute;width:100%;border-radius: 0 0 5px 5px;top:92%; left:0;padding: 5px 29px 5px 6px }*/ .scrollPerso + .nicescroll-rails {opacity: 1 !important;display: block !important;height: 21% !important;left: 95% !important;top:24px!important; max-height:380px!important} .scrollPerso + .nicescroll-rails >div{height:100%!important} .select_list_drop .visage_item img{max-height: 100px;width: auto;} .select_list_drop .corps_item img{max-height: 100px;width: auto;} .select_list_drop .visagecorps_item img{max-height: 100px;width: auto;} .form_30 .select_list_drop {max-width:65px;} .select_list_drop li{margin-bottom:5px} .active_facette{background: #efefef url("template-arrow_select.png") no-repeat scroll 92% center;border: medium none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 38px;padding: 5px 29px 5px 6px;width:100%; display:block; }.form_caract_nouv::after{display:block; content:""; clear:both} .active_facette img{max-width:110px} .row_30::after{display:block; content:""; clear:both} .form_30 .active_facette{max-width:65px} .tab_creation_right {float: right;width: 40%;padding:0 0 0 30px;z-index:0} #without_image{display:none; text-align:center;color:#c00808; font-size:13px; padding-top:125px} #with_image{display:none} .form_unique {margin: 76px auto;max-width: 230px;} .form_unique .active_facette img {margin: -19% -10% -19% 15px;max-width: 100px;max-height: 125px;} .tab_creation_right .select_facette {position: inherit;} .form_unique .select_list_drop {border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;/*min-*/height: 90%;padding: 45px;position: absolute;top: -5px;z-index: 999;} .form_unique .select_list_drop ul{margin:0 -10px;/*max-height:380px; */height:100%; overflow-y:auto;overflow-x:hidden!important} .form_unique .select_list_drop ul::after{display:block; clear:both; content:"";} .form_unique .select_list_drop ul li{cursor:pointer; display:inline-block; padding:10px; width:15.6667%; text-align:center; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; overflow:hidden; border: 3px solid transparent; margin-right: 2px; margin-left: 2px;position:relative} .form_unique .select_list_drop ul li:hover{border-color:#b4de97} .form_unique .select_list_drop ul li a{display:block; background-color:#ffffff; border:3px solid #efefef } .form_unique .select_list_drop ul li.active{border-color:#89cd5c} .form_unique .select_list_drop ul li a.active{border-color:#89cd5c} .liste_fond{margin:0 -10px;height:100%; overflow-y:auto;overflow-x:hidden!important} .close_pop_mob {position: absolute;right: 15px;top: 15px;z-index: 11;} .close-design {position: absolute;right: 15px;top: 15px;z-index: 11;} /*.btn_save_creation button{background-color: #89cd5c;border: none;border-radius: 5px;color: #ffffff;font: 15px "aller_display";padding: 5px 10px;text-align: center;text-transform: uppercase;margin-right:5px; display:block} .btn_save_creation button > span {background:url("template-ico_check.png") no-repeat scroll left center;padding: 5px 10px 5px 25px;display:inline-block}*/ .aide_article_fixed {position: fixed;left: 0;bottom: 150px;z-index: 9999;width:100%} .content {background-color: #302e30;padding: 10px;position: relative;text-align:center;border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-moz-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);-ms-box-shadow: 0px 3px 5px 0px rgba(73, 73, 73, 0.3);} .content_absolute{position:absolute; left:101%; z-index:99; top:0; width:200px; } .content::after{content:url('template-bull_fixed.png'); position:absolute; right:72%; bottom:-15px; z-index:9} .content >* {display: block;} .art_contact strong {font: 15px "Gotham-Book";margin-bottom:5px ;} .art_contact {background:url("template-ico_aide.png") no-repeat scroll left center;padding :2px 0 2px 45px;text-align:center; color:#ffffff; font: 21px "FamilledingueFond";display:inline-block} .topBit_boutons:nth-child(n+2) {display: none;} /**POPUP**/ .artPopub_titre{color:#e32d49 ;font:13px "Gotham-Bold";padding:10px;text-align:center;text-transform:uppercase} .artPopub{padding:0 10px} .artPopub_lib{font:20px "Gotham-Medium";text-transform:uppercase; color:#474442; margin:0; padding-top:10px} .article_prix_promo{color:#f45a45 ;font:21px "Gotham-Medium";text-transform:uppercase} .article_code{color:#716968; padding:10px 0} .article_code > strong{color:#716968;font:12px "Gotham-Book";text-transform:uppercase} .artPopub_ima{border:1px solid #e0e0e2;margin-bottom:15px} .artPopub_continuer{float:left;width:auto} .artPopub_valider{float:right;width:auto} .artPopub_continuer a{background-color:#2d2a2d ;color:#fff!important;display:inline-block;font:15px "aller_display";padding:10px 15px;text-transform:uppercase;width:225px;text-align:center} .artPopub_continuer a.lien_nouveau{width:250px;} .artPopub_continuer a.lien_accueil{width:200px;} .artPopub_valider a{background-color:#89cd5c;color:#fff!important;display:block;font:15px "aller_display";padding:10px 15px;text-transform:uppercase;width:220px;text-align:center} #TB_title{background-color:#fff!important;border-bottom:2px solid #212f4a!important;height:auto!important;position:relative;width:100%} .ajout_panierpopup#TB_ajaxContent{background-color:#fff;margin:0} #TB_ajaxWindowTitle{float:none!important;margin-bottom:1px;padding:7px 0 5px 10px;position:relative;color:#3C3C3C;height:50px;text-align:center;font:30px Gotham-book;text-transform:uppercase;background:url(template-logo.png) no-repeat scroll center center;color:transparent;margin-bottom:0; background-size:auto 50px} #TB_ajaxContent{width:100%!important;height:auto!important;max-height:395px; background:#ffffff} #TB_closeAjaxWindow{padding:3px 3px 0 0 !important;position:absolute;right:-21px;top:-17px} #TB_closeWindowButton{background:url(template-btn_close.png) no-repeat scroll center top;display:block;height:36px;width:36px;font-size:0} .ajout_panierpopup#TB_window{top:20%; margin-top:0!important; background-color:#e32d49 } .ajout_panierpopup #TB_ajaxWindowTitle{display:none} .artPopub_boutons{margin:15px 0} .apan_btns{display:flex;display: -ms-flexbox;width:100%;box-sizing:border-box;margin:0;} .browser-safari .apan_btns{display: -webkit-box;} .apan_btn{padding:10px; text-align:center} .apan_btn.bnew{width:40%} .apan_btn.bhome{width:25%} .apan_btn.bcart{width:35%} .apan_btn a{height:100%;width:100%;box-sizing:border-box;background-color: #2d2a2d;color: #fff !important;display: flex;display: -ms-flexbox;align-items:center;-webkit-box-align: center;font: 15px "aller_display";padding: 10px 15px;text-transform: uppercase;} .browser-safari .apan_btn a{display: -webkit-box;} .apan_btn.bcart a{background-color: #89cd5c} .apan_btn a span{display:block;text-align:center;width:100%} @media only screen and (max-width:640px) { .apan_btns{display:block} .browser-safari .apan_btns{display:block;} .apan_btn{padding:5px 0} .apan_btn.bnew{width:100%} .apan_btn.bhome{width:100%} .apan_btn.bcart{width:100%} #edition_bloc .content_edition_bloc{box-shadow: 8px 12px 22px 0px rgba(73, 73, 73, 0.4);-ms-box-shadow: 8px 12px 22px 0px rgba(73, 73, 73, 0.4);-o-box-shadow: 8px 12px 22px 0px rgba(73, 73, 73, 0.4);-webkit-box-shadow: 8px 12px 22px 0px rgba(73, 73, 73, 0.4);} } @media only screen and (min-width:1140px) { .box_design .refonte_titre_cadre .form_group label{text-align:right; padding-right:15px} .caract_cadre .pi-col-sm-4.pi-no-padding {width: 36%;} .caract_cadre .pi-col-sm-4 {width: 32%;} .prix_cadre{text-align:right; padding-right:15px} .caract_cadre .form_group label {padding-right: 10px;width: auto;} .caract_cadre .form_group {width: auto;} .refonte_titre_cadre .pi-row {margin: 0 -27px 0 -31px;} .refonte_titre_cadre .suppr_conf::after{right:5px} .refonte_titre_cadre .ok_conf::after{right:5px} .cadre_personnage_bg{min-height:420px} /*.content_cadre{min-height:420px}*/ .btn_suppr_c{max-width:85px;} .btn_bottom_cadre a{max-width:85px; margin:0 auto 2px auto} .btn_suppr_creation, .btn_suppr_creation2 {max-width:120px; margin:auto} .content_cadre.open_bloc{top:40px} .content_cadre.open_bloc + .form_design_cadre {margin-top: 40px;} #ascrail2000-hr {left:0!important; margin-top: -37px;top:100%!important} #ascrail2000-hr>div {height:9px!important} .content_nouv_personnage .tab_creation_left{width:72%} .content_nouv_personnage .tab_creation_right{width:28%} .support_1 .btn_top_cadre,.support_1 .btn_bottom_cadre {bottom: -55px} } .image_corps {/*margin-top: -6px;*/position: relative;z-index: 1;} .image_visage {position: relative;z-index: 2;} .titre_h_cadre {color: #000000;font: 600 41px "FamilledingueFond";position: absolute;bottom: 98%;line-height:79px; left:0} .titre_b_cadre{color: #000000;font: 600 41px "FamilledingueFond";position: absolute;top: 100%;line-height:79px; right:0} .title_creation{ margin: 15px; text-align:center; } #liste_creations{ padding:30px; min-height: 135px; } #liste_creations .creation_item{ width: 25%; float:left; padding: 5px; box-sizing:border-box; cursor:pointer } #liste_creations .creation_item img{ width: 100%;height:auto } /*******Mdif 06 06 2018******/ .cadre_fond{z-index:99; height:100%} .bordure_cadre{position:absolute; left:0; top:0; width:100%; height:100%; z-index:9} .right_b {position: absolute;right: 0;top: 0;} .left_b {position: absolute;left: 0;top: 0;} .right_b {position: absolute;right: 0;top: 0;} .left_b {position: absolute;left: 0;top: 0;} .cadre_bas .left_b {top:auto; bottom:0} .cadre_bas .right_b {top:auto; bottom:0} /*********MES CREATIONS************/ .cadrecreation-prev{position:absolute; top:50%; margin-top:-67px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-prev_arrow.png') no-repeat center top;left:0px; cursor:pointer } .cadrecreation-next{position:absolute; top:50%; margin-top:-67px; width:25px; height:52px; font-size:0; z-index:9; border:none;background:url('template-next_arrow.png') no-repeat center top;right:0px; cursor:pointer } .cadrecreation-next:hover,.cadrecreation-prev:hover{background-position:center -64px} #liste_creations .swiper-pagination{position:relative;bottom:0!important; padding:13px 0} .btn_m_crea{padding:8px 0; text-align:center} /*********MODIF 04 10 2019**********/ .wrapbis_b {float: left;width: 55%;padding: 0 5px;} .wrapbis {float: left;width: 75%;padding: 0 5px;} .wrapbis_big {float: left;width: 45%;padding: 0 5px;} .wrapbis_little {float: left;width: 25%;padding: 0 5px;} .dds .pictofacette {position: absolute;left: 0;top: 50%;z-index:9; transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);} .dds.dds_picto .ddv {padding-left: 80px;} .dds_picto + .ddt .pictofacette {max-width: 36px;} @media only screen and (min-width:640px) { .content_nouv_personnage{font-family:Gotham-Medium} .wrap_row {/*margin-right: -10px;padding-right: 0;margin-left: -10px;*/margin-bottom:50px} .left_row + .right_row{ margin-left: 10px;} } @media only screen and (min-width:768px) { .wrap_row.right_row{padding-left: 16px;} } .dds_picto .ddv .pictofacette{max-width:69px} .none{display:none!important} /**********responsive new conf 07 10 2019**************/ @media only screen and (max-width:768px) { .wrapbis_b{padding:0} .wrapbis_big{padding-right:0; padding-left:5px} .wrapbis_little{padding-right:0; padding-left:5px;width:35%} .wrapbis{padding:0; width:65%} .wrapcaract.form_50.wrap_row {margin-top: 20px;margin-bottom: 20px;} .left_row + .right_row {margin-left: 0!important;} } @media only screen and (max-width:520px) { .dds_picto .ddv .pictofacette {max-width: 56px;} } /*=============================== PAGE PANIER 1 ================================*/ .etapecommande {padding: 0 15% 30px;} .contenu_panier{background-color:#f2f3f4} .etapecommande {padding-bottom: 20px;} .stepBox {float: left; position: relative;text-align: center;width: 25%;} .stepBox_txt {background: #999999 url("template-sepR.png") no-repeat scroll right center;padding: 5px 10px 5px 0;} .stepActive .stepBox_txt {background-color: #89cd5c;} .stepBox_txt span {color: #ffffff;font: 15px "aller_display";text-transform: uppercase;} .stepBox_ima {margin-bottom: 20px;padding-right: 15px;position: relative;z-index: 2;text-align:center} .stepBox_ima strong{display:inline-block; padding:7px; border-radius:100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%; background-color:#999999} .stepDone .stepBox_ima strong{background-color: #89cd5c;} .stepActive .stepBox_ima strong {background-color: #89cd5c;} .stepDone .stepBox_txt {background: #89cd5c url("template-sepD.png") no-repeat scroll right center;} .stepDone .stepBox_txt.lastStep, .stepBox_txt.lastStep{background-image: none;} .liste_panier {display: table;width: 100%;background:#ffffff} .panier_head, .panier_bit, .panier_bit {display: table-row;} .panier_head > div{display: table-cell;vertical-align: middle;text-align:center; padding:10px; color:#ffffff; background:#2d2a2d; font:18px "Gotham-Medium"; border:2px solid #f2f3f4} .panier_bit > div {display: table-cell;vertical-align: middle;text-align:center; padding:15px; /*border:2px solid #f2f3f4*/} .panier_head + .panier_bit > div{border-top-color:#ffffff} .panier_detail {width: 58%;} .image_panier {float: left;padding-left: 20px;width: 60%;} .commentaire_lignepanier {text-align: left; margin-top:10px;} .bnt_detail_panier {float: right;padding-left: 10px;width: 40%;} .panier_detail.head_table {text-align: left;/*padding-left:15%*/;margin-top: 20px;} .px_old_panier {display: block;font-size: 17px;text-decoration: line-through;} .px_promo_panier {color: #f45a45;font: 20px "Gotham-Medium";display:block; padding-top:12px} .panier_px_total {color: #f45a45;font: 20px "Gotham-Medium";} .supprimer_panier {background-color: #999999;display: inline-block;} .bnt_detail_panier a{background-color: #05a0d6;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 13px "aller_display";padding: 7px 15px;text-align: center;text-transform: uppercase;margin-right:5px; display:block; margin:0 auto 37px auto} /* dedicace panier */ .detail_panier_dedicace{clear: both;} .detail_panier_dedicace .dedicace_action{padding-top: 5px} .detail_panier_dedicace .dedicace_form{display:none; background: transparent ;box-sizing: border-box;margin-left: 18px;padding: 7px; padding-bottom:0px} .detail_panier_dedicace .dedicace_form textarea{width:100%;display:block;height:75px; padding:5px; min-height: 20px !important} .detail_panier_dedicace .dedicace_btn_save{display:none; cursor:pointer;text-align: center;} .detail_panier_dedicace .dedicace_btn_save span{background-color: #05a0d6;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 13px "aller_display";padding: 7px 15px;text-align: center;text-transform: uppercase;display:inline-block} .detail_panier_dedicace .dedicace_view{display:block;border: 1px solid #ddd;background: #eee;box-sizing: border-box;margin-left: 18px;padding: 7px;border-radius: 5px;} .detail_panier_dedicace .dedicace_view_text{} .detail_panier_dedicace .dedicace_vide{color:#a00} .detail_panier_dedicace .dedicace_vide.hidden{display:none} .detail_panier_dedicace .dedicace_btn_edit{display:block; cursor:pointer;text-align: center;} .detail_panier_dedicace .dedicace_btn_edit span{background-color: #05a0d6;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 13px "aller_display";padding: 7px 15px;text-align: center;text-transform: uppercase;display:inline-block} .detail_panier_dedicace.edit .dedicace_view{display:none} .detail_panier_dedicace.edit .dedicace_btn_edit{display:none} .detail_panier_dedicace.edit .dedicace_form{display:block} .detail_panier_dedicace.edit .dedicace_btn_save{display:block} .panier_save > span, .btn_connexion > span {background:url("template-btn_save.png") no-repeat scroll left center;padding: 10px 10px 10px 22px;display:block;} .panier_previsu > span {background:url("template-btn_previsu.png") no-repeat scroll left center;padding: 10px 10px 10px 30px;display: block;} /********ETAPE DIVERS********/ .etape_divers_panier {padding-bottom: 20px;} .etapescde_diversG {float: left;min-width:30%} .bouton_cde_G {margin-top: 100px;} .continu_achatt {background-color: #808080;color: #ffffff;display:inline-block;margin-bottom: 5px;min-width: 230px;padding: 5px 15px;text-align: center;text-transform: uppercase; vertical-align:middle; font:13px "Gotham-Medium"} .continu_achatt.imprim_panier span{display:inline-block; padding:8px 0 8px 40px; background:url("template-ico_print.png") no-repeat scroll left center} a.imprim_panier span{display:inline-block; padding:8px 0 8px 40px; background:url("template-ico_print.png") no-repeat scroll left center} .continu_achatt:hover {background-color: #2fcdf2 ;} .etapescde_diversD {float: right;text-align: right;width:50%;font-size: 19px;padding-top:20px} .divers_panier_bit {margin-bottom: 10px;} .offerte_livraison {color: #f45a45;} .lib_divers {} .value_divers {display: inline-block;min-width: 140px;} .tot_panier{font:19px "Gotham-Medium";color:#f45a45} .tot_panier strong {font:19px "Gotham-Medium";} /***********µMOYEN PAIEMT 1***********/ .moyen_paiement_panier{padding-bottom:30px} .conteneur_mode_livr {padding: 30px 30px 5px 30px;} .content_mode_livrai {margin: 25px -12px 0;} .moyen_lab {position: relative;z-index: 1;padding-top:15px; max-width:340px; margin:auto} .moyenlivraisonBit{float:left; padding:0 12px; margin-bottom:15px; width:25%} .mobile_input_abs {cursor: pointer;height: 100%;opacity: 0;position: absolute;width: 100%;z-index:99} .descr_moyen {border: 1px solid #b3b3b3;background-color:#ffffff; text-align:center} .logo_mode {min-height: 50px;} .descr_moyen::after {background:url("template-moyen_nok.png") no-repeat scroll center center;content: ""; height: 35px;left: 50%;position: absolute;top: 0;width: 35px;z-index: 9;margin-left:-17px} .pays_livr {display: table;margin: 15px auto;} .pays_livr > label {font: 18px "Gotham-Medium";padding-right: 20px;} .pays_livr select {background: #ffffff url("template-arrow_select.png") no-repeat scroll 98% center;border: 1px solid #b3b3b3;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size: 16px;height: 38px;min-width: 200px;padding: 5px 30px 5px 10px;} .border_moyen{border:5px solid #fff; padding:30px 10px 10px 10px} .mobile_input_abs:checked + .descr_moyen{border-color:#89cd5c} .mobile_input_abs:checked + .descr_moyen .border_moyen{border-color:#89cd5c} .mobile_input_abs:checked + .descr_moyen .date_livraison{border-color:#89cd5c; background-color:#89cd5c; color:#ffffff} .mobile_input_abs:checked + .descr_moyen::after{background-image:url('template-moyen_ok.png')} .nom_moyen {font:24px "Gotham-Medium";} .texte_descr_moyen{display:none; padding:15px; text-align:center} .txt_moyen {color: #000000;font-size: 15px;min-height: 85px;padding: 15px;} .logo_moyen {min-height: 147px;padding: 15px 0;} .date_livraison {border-top: 1px solid #b3b3b3;color: #000000;font: 14px "Gotham-Medium";padding: 10px 4px;} #divcgv {padding: 8px 5px 10px 5px;text-align:center; color:#000} #divcgv a{color: #00a0d7;} #divcgv label {position: relative;z-index: 1;font: 13px "Gotham-Book";max-width:400px} #cgv {margin: 0;} #divcgv span {display: block;background: url("template-check_off_moyen.svg") no-repeat center left;padding:8px 0 8px 45px; background-size: 32px;} #cgv:checked + span{background-image: url("template-check_on_moyen.svg")} .nb_cgv {padding-top: 10px;} .input_abs {cursor: pointer;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 1;} .btn_pan_s {margin: 25px 0 15px;text-align: center;} .btn_pan_s .btn_form {background-color: #89cd5c;color: #ffffff;display: block;margin: auto;max-width: 320px;padding: 8px 25px;text-transform: uppercase;text-align:center} .btn_pan_s .btn_form:hover {background-color: #f45a45; } .btn_pan_s .btn_form strong {display: block;font: 27px "aller_display";line-height:35px;} .btn_pan_s .btn_form strong span {background: url("template-ico_secure.png") no-repeat scroll left center;display: inline-block;font: 14px "Gotham-Medium";padding: 1px 1px 1px 16px;text-transform: none;} .contenu_panier::after {content:""; width:36px;height:18px; background: url("template-puce_gris.png") no-repeat center;left: 50%;margin-left: -18px;position: absolute;top: 100%;} /*********CODE PROMO************/ .bloc_code_promo {background-color: #ffffff;padding: 15px;margin: 15px 7px;} .cde_promo {margin: auto;} .cde_promo label {font: 18px "Gotham-Book";margin: 0;padding-right: 20px;} .input_c {min-width: 300px;position: relative;} .input_code {background-color: #efefef;border: 1px solid #b3b3b3;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;height: 38px; width: 100%;} .button_code {background-color: #2d2a2d;border: medium none;border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color: #ffffff;font: 18px "Gotham-Medium";height: 38px;position: absolute;right: 0;top:0} .info_bull {margin-top: -12px;position: absolute;right: -30px;top: 50%;} .info_bull:hover .code_reponse{display:block} .message_joint {margin:5px auto;} .check_client{position:relative; font-size:19px; margin-right:15px} .message_joint td >label {font: 18px "Gotham-Book";margin: 0;padding-right: 50px;position:relative} .message_joint td >label .info_bull{right:10px} .check_client .input_abs:checked + span{background-image: url("template-check_on.png")} .check_client .input_abs + span{display: block;background: url("template-check_off.png") no-repeat center left;padding:2px 0 2px 22px;} .bnt_cde1_l{/*float: left;*/text-align: left;/*width: 60%;*/margin-top:30px;text-align: center;} .bnt_cde1_r {/*float: right;text-align: right;width: 30%;*/} .btn_bleu.big_btn_picto{padding-top:10px; padding-bottom:10px; font-size:13px} .picto_continu > span {background: url("template-arrow_l.png") no-repeat scroll left center;} .code_reponse{display:none;position: absolute;width: 250px;border: 1px solid #999;background: #fff;padding: 10px;margin-top: 25px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .image_panier > img {box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);-o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);-ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);} .top_diversD .value_divers.color_rouge {font-family:"Gotham-Medium"; } .top_diversD .lib_divers {font-family:"Gotham-Medium";} @media only screen and (min-width:1090px) { .contenu_cde {margin: 0 -20px;} .bnt_detail_panier a:last-child{margin-bottom:15px} .top_diversD .value_divers.color_rouge {font: 24px "Gotham-Medium";min-width: auto;} .top_diversD .lib_divers {font: 18px "Gotham-Medium";} } /*=============================== PAGE PANIER 2 ================================*/ /*************COMMUN LOGGING*****************/ .input_txt {background-color: #efefef;height: 38px;padding: 0 15px;width: 100%;border:none; text-indent:0; } .content_logging .input_txt, .formBox .input_txt {display: inline-block;vertical-align: middle;width: 55%;} .formBox select{background:#efefef url("template-arrow_down.png") no-repeat scroll 96% center; border:none; height:38px;border:none;width:100%; border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;width:55%; padding-left: 15px; padding-right: 15px} .inscription > .formBox> select{width:55%} .titre_content {background: #2d2a2d;color: #ffffff;font: 18px "Gotham-Medium";padding: 10px;text-align:center} .titre_content strong{font: 18px "Gotham-Medium";} .formContent {background-color: #ffffff;margin: auto;max-width: 520px;padding:0;width: 100%;} .formContent form, .formContent .form{padding:18px 10px} #formInscription .error:not(input), .formContent .error:not(input){text-align: center;margin-top: 1px; margin-bottom: 16px;color: #bb0000;font-weight: bold;} #formInscription label.error:not(input), .formContent label.error:not(input){display:block;margin-top: 8px;} .formBox {margin:0 auto 10px auto;} .form_et {font: 13px "Gotham-Book";width: 32%;text-align:right; vertical-align:middle; padding-right:15px} /*.input_client.errorForm {border-color: #f45a45;}*/ .input_txt:focus {border-color: #4EB8C6;} .error_box {color: #f45a45;} input.errorForm {color: #f45a45 !important;border-color: #f45a45 !important;} .erreur_message{color: #f45a45; text-align:center; font:13px 'Gotham-Medium'} /*label.errorForm {color: #f45a45;display: block;text-align: right;}*/ .client_select{display: inline-block;vertical-align: middle;width: 55%;} .formContent .textarea_txt{border:none;display: inline-block;height: 60px;width: 55%;resize:none;text-indent:10px; background-color:#efefef ; padding:10px 0;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .formContent .passperdu ,.formContent .souligner{color: #2d2a2d;display: block;margin-bottom: 5px;font:13px "Gotham-Medium"} .client_mdp{color: #4EB8C6;display: block;margin-bottom: 5px;text-decoration: underline;} .client_mdp.create_cde_compte{ color: #ea365d;font: 13px "Gotham-Medium";padding-bottom: 15px;} .formBox span a {color: #4EB8C6;} .etoile{color:#00a0d7;} .txt13_medium{font:13px "Gotham-Medium"} .txt14_medium{font:14px "Gotham-Medium"} label.errorForm{color:#f45a45;text-align:right;width:100%; font-size:12px;padding-right: 5%;} .client_non_connecte label.errorForm{padding-right: 12%} .hidden{display:none} .btn_valider {background-color: #89cd5c;border: none;color: #ffffff;font: 20px "aller_display";padding: 5px 50px;text-transform: uppercase;margin-top:25px; min-width:320px} .btn_valider span {display: block;padding: 5px 20px 5px 0;} .btn_valider_new {background-color: #89cd5c;border: none;color: #ffffff;font: 20px "aller_display";padding: 5px 50px;text-transform: uppercase;margin-top:10px; min-width:220px} .btn_valider_new span {display: block;padding: 5px 20px 5px 0;} .ico_r_dir{background: url("template-ico_payer.png") no-repeat right center;} #formLogging .formBox.pi-text-right {padding-right: 15%;} .non_connecte {padding-bottom: 20px;} .content_logging {display: table;width: 100%;margin:20px auto} .content_logging .pi-col-md-6 {background-color: #ffffff;border: 15px solid #f2f3f4;display: table-cell;float: none;padding: 0;vertical-align:top} .input_txt::-webkit-input-placeholder, .textarea_txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #2d2a2d; opacity:1; } .input_txt::-moz-placeholder,.textarea_txt::-moz-placeholder { /* Firefox 19+ */ color: #2d2a2d; opacity:1; } .input_txt:-ms-input-placeholder, .textarea_txt:-ms-input-placeholder { /* IE 10+ */ color: #2d2a2d; opacity:1; } .input_txt:-moz-placeholder,.textarea_txt:-moz-placeholder { /* Firefox 18- */ color: #2d2a2d; opacity:1; } .formradio{display:inline-block; width:55%} .formradio label {position: relative;font:13px "Gotham-Book"} .formradio label span {display: block;background: url("template-radio_off.png") no-repeat center left;padding:2px 0 2px 22px;} .formradio label input:checked + span{background-image: url("template-radio_on.png")} .formcheck label{position:relative} .formcheck label span {background : url("template-check_nok.png") no-repeat center left; padding:2px 0 2px 22px;font:13px "Gotham-Book"} .formcheck label input:checked + span {background-image: url("template-check_ok.png"); } /*******MONDILA RE=LAUY***********/ .MRW-Title {font: 14px "Gotham-Medium";padding: 15px 0;text-align: center;} .MRW-Search {margin: 15px 10px;text-align: center;} .MRW-Line input[type="text"]{background-color: #efefef;height: 38px;padding: 0 15px;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border:none} .MRW-Line button{background-color: #89cd5c;border: none;color: #ffffff;font: 15px "aller_display";padding: 5px 10px;text-transform: uppercase;} .MRW-RList {background-color: #efefef;margin: 15px 0;padding: 15px;width: 100%;} .PR-List-Item{background-color:#ffffff; padding:5px; margin-bottom:8px} #MRW-Map {width: 100%!important;} /*=============================== PAGE PANIER 3 ================================*/ /***********µMOYEN PAIEMT 3***********/ .mode_paiement_panier{padding-bottom:30px} .conteneur_mode_paie {background-color: transparent;padding:10px;} .titre_mode_paie {background-color: #2d2a2d;color: #ffffff;font: 18px "Gotham-Medium";margin: 15px 0 5px 0;padding: 10px;text-align: center;} .mode_lab {position: relative;z-index: 1;} .modelivraisonBit{ padding:0 8px; margin-bottom:15px; } .mobile_input_abs {cursor: pointer;height: 100%;opacity: 0;position: absolute;width: 100%;z-index:99} .descr_mode {padding:10px 10px 10px 60px;background:#fff url("template-check_off_moyen.svg") no-repeat scroll center left 15px; text-align:center; display: flex;align-items: center;justify-content: space-between; border: 1px solid #ccc;border-radius: 10px; background-size: 32px;} .logo_mode {min-height: 50px;} .mobile_input_abs:checked + .descr_mode{background-image:url('template-check_on_moyen.svg'); background-color: #fff;} .nom_mode {font:16px "Gotham-Medium";padding-bottom:0} .texte_descr_moyen{display:none; padding:15px; text-align:center} .step-loader-bit{height: 12px;border-radius: 13px;background-color: #c1c1c1;position: relative;width: 100%;max-width: 200px;} .step-loader-bit + .step-loader-bit{margin-left: -15px;} .step-loader-bit.active-step-loader{background-color: #000;} .step-loader-bit.active-step-loader{z-index: 2;} /*=============================== PAGE PANIER 4 ================================*/ .contenu_cde.cde4_c {padding-bottom: 20px;} .conteu_cde4 {background-color: #ffffff;margin: 15px 0 30px;padding: 40px 30px;} .content_cde4_f {line-height: 25px;/*padding: 0 235px 10px 30px;*/position: relative;z-index: 1;} .btn_cde4_top {position: absolute;right: 0;text-align: center;top: 0;width: 235px;z-index: 9;} .btn_cde4_top a {color: #ffffff;display: block;font: 12px "Gotham-Bold";padding: 5px 10px;text-transform: uppercase; margin-bottom:10px} .cde4_fb {background-color: #4d71ba;} .cde4_twitter {background-color: #65c7ea;} .btn_cde4_top a span {display: block;padding:5px 0 5px 30px;} .btn_cde4_top a.cde4_fb span{background: url("template-s_fb.png") no-repeat scroll; background-position:10px 50%} .btn_cde4_top a.cde4_twitter span{background: url("template-s_twitter.png") no-repeat scroll; background-position:left center} .btn_cde4_bottom {position: absolute;right: 0;text-align: center;bottom: 0;width: 235px;z-index: 9;} .btn_cde4_bottom a {color: #ffffff;display: block;font: 12px "Gotham-Bold";padding: 3px 10px;text-transform: uppercase;background-color:#808080; margin-bottom:10px} .btn_cde4_bottom a span{display:inline-block; padding-top:8px; padding-bottom:8px} /*================================================= CLIENT ===================================================*/ .row_5{margin:0 -5px} .row_5::after{content:""; display:block; clear:both} .divers_lib{text-align:center; padding:15px 10px; position:relative; z-index:1; font:24px "aller_display"; margin:0 0 15px 0; color:#f45a45; text-transform: uppercase;} .divers_lib::after{background-color:#B3B3B3; width:60px; position:absolute; content:""; height:1px; left:50%;margin-left:-30px; bottom:10px} .menu_account{float:left; width:33.3333%; padding:0 15px;margin:20px 0} .menu_account a {display: block;text-align: center;background-color: #ffffff;padding: 15px;margin-bottom:10px; border:1px solid #e0e0e2;transition:all 0.85s ease 0s; -webkit-transition:all 0.85s ease 0s;-moz-transition:all 0.85s ease 0s; -ms-transition:all 0.85s ease 0s; -o-transition:all 0.85s ease 0s} .menu_account a:hover{border-color:#f45a45;transition:all 0.85s ease 0s; -webkit-transition:all 0.85s ease 0s;-moz-transition:all 0.85s ease 0s; -ms-transition:all 0.85s ease 0s; -o-transition:all 0.85s ease 0s} .menu_account img {height: 25px;} .menu_account h4 {font: 14px 'Gotham-Medium';padding: 15px 0;text-transform:uppercase; margin:0; color:#f45a45} .menu_account span {display: block;margin-bottom: 10px;min-height: 47px;} .content_client .btn_valider_c {min-width: 175px;} .content_client .titre_diversbis strong{font-size:16px} .page_client .client_connecte .formContent, .page_newsletter .formContent {border: 1px solid #efefef;} .w_55_inline{display:inline-block; width:55%} .miniSelect {float:left; width:33.333%; padding:0 5px} .margin_mini{margin:0 -5px} .formBox .miniSelect select{width:100%} .page_client .client_connecte .form_et {width:39%} .lien_souligner{text-decoration:underline; color:#f45a45} /**********ADRESSE*********/ .titreClient , .titreClientSpace{padding: 10px 0;font:30px "DKLemonYellowSun";} .adresse_carnetBit {float: left;width: 25%;padding: 0 10px;margin:15px 0 15px 0} .content_adressebit{padding:10px; background-color:#ffffff} .titre_divers strong {font: 15px "Gotham-Medium";padding: 5px 0;border-bottom: 1px solid #474442;display: block;margin-bottom: 10px;} .content_adressebit .titre_divers strong i{color:#f45a45} .carnetAdresse span {display: block;margin: 5px 0px;overflow:hidden; text-overflow:ellipsis ;white-space:nowrap;} .carnetAdresse span i{color:#f45a45} .btn_adresse {margin: 5px 0;text-align: right;} .btn_adresse a {display: inline-block;width: 40px;vertical-align: middle;margin-left: 5px;color: #ffffff;padding: 10px 10px;font-size: 14px;text-align: center;} .icoModif{background-color: #2d2a2d ;} .icoModif:hover{background-color: #f45a45;} .icoSuppr{background-color: #f45a45;} .icoSuppr:hover{background-color: #e32d49} .adresse_recap .adresse_carnetBit {width: 50%;} .adresse_recap .content_adressebit {max-width: 320px;} /*******COMMANDE CLIENT*******/ .content_client {padding-bottom: 20px;} .resume_cmd {margin: 15px 0;padding: 15px;background-color: #ffffff;min-width: 310px;text-align: center;} .content_cmd table .cmdbit td {padding: 5px;background-color: #ffffff;border-bottom: 1px solid #474442 ;vertical-align: middle;} .content_cmd table .cmdbit:nth-child(odd) td {background-color:#f9f9f9} .tdheadcde{font:18px "Gotham-Medium" ; text-transform:uppercase; padding:10px; background-color:#474442 ; color:#ffffff} .moyenName, .pay_state {display: block;} .page_client .image_panier img {height: auto;width: auto;} .content_client .form_content_w {box-shadow:0px 0px 1px 1px #b3b3b3;-webkit-box-shadow:0px 0px 1px 1px #b3b3b3;-moz-box-shadow:0px 0px 1px 1px #b3b3b3;-ms-box-shadow:0px 0px 1px 1px #b3b3b3; -o-box-shadow:0px 0px 1px 1px #b3b3b3;} .content_commande_c.content_cmd {margin-bottom: 30px;} .btn_retour {background: #00a0d7;display: inline-block;font: 20px "aller_display";margin:0 auto;padding: 10px 15px;text-align: center;text-transform: uppercase;vertical-align:middle; min-width:175px; color:#ffffff; vertical-align:middle} .btn_retour:hover{background-color:#2fcdf2; color:#ffffff} .page_client .client_connecte .btn_valider{margin-top:0; min-width:175px; padding:5px 15px; vertical-align:middle; display:inline-block} .btn_form_content{margin:15px 0; text-align:center} /*================================================= PLAN ===================================================*/ .menuplanBit {box-shadow:0px 0px 1px 1px #b3b3b3;-webkit-box-shadow:0px 0px 1px 1px #b3b3b3;-moz-box-shadow:0px 0px 1px 1px #b3b3b3;-ms-box-shadow:0px 0px 1px 1px #b3b3b3; -o-box-shadow:0px 0px 1px 1px #b3b3b3;padding:15px} .menuplanBit a:hover {color: #f45a45;} .menuplanBit a {display: block;padding: 3px 0;} .titre_plan {text-align: center;padding: 8px;background-color: #474442;color: #ffffff;text-transform: uppercase;font:12px "Gotham-Medium"} .content_news .civ_radio label span {background-position: left center;} /*========================================= PARTYENAIRE =========================================*/ .lienBit{padding:10px;box-shadow:0px 0px 1px 1px #b3b3b3;-webkit-box-shadow:0px 0px 1px 1px #b3b3b3;-moz-box-shadow:0px 0px 1px 1px #b3b3b3;-ms-box-shadow:0px 0px 1px 1px #b3b3b3; -o-box-shadow:0px 0px 1px 1px #b3b3b3;margin-bottom:20px; text-align:center} .lienBit_ima{background-color:#f8f8f8;margin:0 15px 10px 0;} .lienBit_ima img{} .lienBit_lib{margin:0 0 10px;} .lienBit_lib a{color:#3d3d3d;font: 14px "Gotham-Medium";text-transform:uppercase; padding:5px 0} .lienBit_lib a:hover{color:#4b1a69 ;} .lienBit_desc{margin-bottom:10px;} .lienBit_link{text-align:center;} .lienBit_link a{display:inline-block;padding:5px 10px;background-color:#f45a45 ;color:#ffffff;font:14px "Gotham-Medium";} /*=============================== RECHERCHER =================================*/ .page_rechercher .li0_folderClose,.page_top .li0_folderClose, .page_marques .li0_folderClose {display:block} .content_formulaire_rech{margin:10px 0} .li_histo li{margin:5px 8px; display:inline-block; vertical-align:middle} .li_histo li a:hover{color:#f45a45} .rechcontenubit {margin: 10px 0;border-left: 4px solid #f45a45;padding: 15px;background-color: #ffffff;} .nosrayons_navigation {} .content_formulaire_rech .check_label{position:relative} .content_formulaire_rech .checbox_client span{margin-left:0; padding-left:22px;display: block;background: url('template-check_off.png') no-repeat center left; padding: 2px 0 2px 18px;font:12px Gotham-Book; color:#9a9a99} .page_rechercher .lib_article a >strong{color:#f45a45;font:11px "Gotham-Book"} .page_rechercher .form_content_w {border: 1px solid #e0e0e2;margin-top: 20px;} .souligner_rech {display: block;white-space: nowrap;overflow: hidden;max-width: 280px;text-overflow: ellipsis;} .contenu_liste_artrech {} .rechcontenubit .rechcontenubit {border: medium none;} /*=============================== INSTIT =================================*/ .instit{padding:20px; background-color:#ffffff; margin:20px 0;/*box-shadow:0px 0px 1px 1px #b3b3b3;-webkit-box-shadow:0px 0px 1px 1px #b3b3b3;-moz-box-shadow:0px 0px 1px 1px #b3b3b3;-ms-box-shadow:0px 0px 1px 1px #b3b3b3; -o-box-shadow:0px 0px 1px 1px #b3b3b3;*/} .reponse_formulaire {padding: 15px;text-align: center;color: #f45a45;background-color: rgba(214,43,105,0.1);border: 1px solid #f45a45;margin-bottom: 15px;} .institform .form_content_w {padding:20px; background-color:#ffffff; box-shadow:0px 0px 1px 1px #b3b3b3;-webkit-box-shadow:0px 0px 1px 1px #b3b3b3;-moz-box-shadow:0px 0px 1px 1px #b3b3b3;-ms-box-shadow:0px 0px 1px 1px #b3b3b3; -o-box-shadow:0px 0px 1px 1px #b3b3b3;} .max_content{max-width:500px; margin:15px auto} .divers_instit {padding-bottom: 15px;} #forminstit {padding: 10px;} #forminstit .input_content input[type="file"]{width:100%;border:none; background-color: #efefef;padding: 0;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-size: 11px;} #forminstit .input_content{display: inline-block;vertical-align: middle;width: 55%;} #forminstit .input_content input[type="text"]{background-color: #efefef;height: 38px;padding: 0 15px;width: 100%;border:none; text-indent:0; border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} #forminstit textarea{border:none;display: inline-block;height: 60px;width: 100%;resize:none;text-indent:10px; background-color:#efefef ; padding:10px 0;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} .page_contenu_partenaire .ss_categ_bit .lien_ss_cat{min-height:270px; text-align:center; background-color:#ffffff} .telech_bit {margin: 5px 0;background-color: #f1f1f1;padding: 10px} .titre_diversbis {font-size: 15px;padding: 0 0 15px;text-align: center;text-transform: uppercase;} /* Formulaire Bas */ div.page_content.instit_46 .has_form .instit{width: 100%; float: none;} div.page_content.instit_46 .has_form .institform{width: 100%; float: none;margin: 25px auto 0;max-width: 100%;} .partenairesBit {border: 1px solid #cccccc;margin-bottom: 15px;text-align: center;} .titre_marque {background-color: #f45a45;color: #ffffff;padding: 10px;text-transform: uppercase;} @media only screen and (min-width:980px) { .content_cde4_adresse .adresse_carnetBit {width: auto;} .art_img_content{overflow:inherit} .has_form .instit{float: left;width:50%; padding:0 10px; margin-top:0} .has_form .institform{float: left;width:50%; padding:0 10px; clear:right} .has_form .institform .max_content{margin-top:0;max-width: 100%;} #forminstit .form_et{width:40%} } .stat {position: absolute;height: 0;left: 0;top: 0;} #texte_perso_addpanier{display:none} #spinnerloading, #previsu_popup {position:fixed;z-index:5000;background:rgba(0,0,0,0.7); color:#fff;text-align:center; font-size:20px} #conf_panier {position:fixed;z-index:5000;background:rgba(0,0,0,0.7); color:#fff;text-align:center; font-size:20px; width:100%; height:100%} .content_conf_panier_wrap{width: 500px; margin:auto;height:100%;position:relative} .content_conf_panier{width: 100%; padding: 10px; margin:auto; background:#fff; border:1px solid; color:#000; position:absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);} .content_conf_panier .txt_perso{padding:10px} #conf_panier .dedicace{padding: 5px;} #conf_panier #dedicace{display:block;width:100%; box-sizing:border-box;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} #btn_return_add_panier{display: inline-block; border:1px solid #789; background: #aaa; padding:10px; margin:10px; cursor:pointer} #btn_return_add_panier:hover{background: #888;} #btn_confirm_add_panier, #btn_confirm_modification{display: inline-block; border:1px solid #987; background: #aea; padding:10px; margin:10px; cursor:pointer} #btn_confirm_add_panier:hover, #btn_confirm_modification:hover{background: #8d8;} #spinnerloading div {height:40px} #spinnerloading .message {font-size: 20px} .textarea_messagecadeau{height: 80px;width: 100%;border: 1px solid #E0E0E0;background-color: #f9f9f9;padding: 15px 15px 15px 35px;background-image: url(template-ico_pencil.png);background-repeat: no-repeat;background-position: 5px 9px;color:#2d2a2d;margin-top: 10px;font-size:15px} .textarea_messagecadeau::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #2d2a2d;opacity:1; } .textarea_messagecadeau::-moz-placeholder { /* Firefox 19+ */color: #2d2a2d;opacity:1;} .textarea_messagecadeau:-ms-input-placeholder { /* IE 10+ */color: #2d2a2d;opacity:1;} .textarea_messagecadeau:-moz-placeholder { /* Firefox 18- */color: #2d2a2d;opacity:1;} /* ****** *** *** ***** */ /* POPUP-MONDIAL RELAY */ /* ****** *** *** ***** */ .avert_boxrelay{position:absolute;background-color:#ffffff;padding:15px;top:50%;left:50%;margin:-250px 0 0 -380px;max-width:760px;width:100%;min-height: 550px} .validrelay{border:none;background-color: #e2007a;width:16%;padding:12px 0px 12px 0;text-align:center;color:#ffffff;text-transform:uppercase;font:bold 18px Arial;margin-left: 20px; margin-top: 15px;} .MR-Widget{font-size:10px!important;margin:5px;background:#fff;position:relative;} .MR-Widget .MRW-Title{display:none;color:#666;font-weight:700;text-align:center;background:#eee;padding:3px;border-bottom:solid 1px #ddd} .MR-Widget .MRW-Results{overflow:auto;height:auto;} .MR-Widget input{border:solid 1px #ddd} .MR-Widget .MRW-Search{padding:10px 5px;background:#fafafa;} .es-ES .MRW-Search{padding:25px 0 25px 20px!important;} .MR-Widget .MRW-Line{display:block;margin-bottom:3px} .MR-Widget .MRW-BtGeoGo{display:none;border:solid 1px #ddd;background:#eee} .MR-Widget .MRW-BtGo{height: auto;border: 1px solid #D4D4D4;background: #000;padding: 2px 25px;font-size: 14px;text-align: center;white-space: nowrap;color: #FFF;text-transform: uppercase;} .MR-Widget .PR-List-Item{border-left:solid 2px #ddd;padding:3px;margin-bottom:4px;cursor:pointer;font-weight: bold;font-size: 12px;} .MR-Widget .PR-Name{color:#ca0047;font-weight:600;font-size: 14px;line-height: 20px;font-weight: bold;text-transform: uppercase;} .MR-Widget .PR-hover{border-left:solid 2px #ca0047;background:#f7f7f7} .MR-Widget .PR-Selected{border-left:solid 2px #ca0047;background:#DDDDDD} .MR-Widget .MRW-Errors{color:#ff8c44;display:block;background:#ffede2;border:solid 1px #ff8c44;font-weight:100;padding:4px;display:none;width: 720px;} .MR-Widget .PR-Warning{color:#ffa500;font-weight:700;text-align:center;padding:2px} .MR-Widget .PR-Hours{width:100%;color:#666;border:solid 1px #eee;font-size:10px} .MR-Widget .PR-Hours td{width:35%;text-align:center} .MR-Widget .PR-Hours .d{background:#eee} .MR-Widget .PR-AutoCplCity{position:absolute;width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000} .MR-Widget .MRW-fl-Select{position:absolute;width:100px;text-align:left;display:none;border:solid 1px #B1B1B1;background:#fff;z-index:8000;padding-left: 8px;} .MR-Widget .MRW-fl-Select .MRW-fl-Item,.MR-Widget .PR-City{padding:3px} .MR-Widget .MRW-fl-Select .MRW-fl-Item:hover,.MR-Widget .PR-City:hover{cursor:pointer;background:#f5f5f5;font-weight:700} .MR-Widget .AutoCpl-Hover{background:#f5f5f5;font-weight:700} .MR-Widget #MRW-Map{overflow:hidden !important;font-size:8pt !important} .MR-Widget .InfoWindow{width:245px !important} .MR-Widget .PR-Name{padding-bottom:2px} .MR-Widget .Tabs-Btns{overflow:auto;border-bottom:1px solid #ccc} .MR-Widget .Tabs-Btn{display:inline-block;padding:2px 5px;float:left;background-color:#eee;cursor:pointer} .MR-Widget .Tabs-Btn-Selected{font-weight:bold;border:1px solid #ccc;border-bottom:0} .MR-Widget .Tabs-Tabs{margin-top:2px} .MR-Widget .Tabs-Tab{display:none;visibility:hidden} .MR-Widget .Tabs-Tab-Selected{display:inline;visibility:visible} .MRW-RList{overflow: auto;height: 280px; width: 100% !important;} .MRW-Map{overflow: hidden;height: 280px !important;width:100% !important;margin:auto;float:none !important} .Arg2{width: 70px !important;margin-right: 10px; margin-left: 5px;} .MRW-flag{margin-right: 20px;cursor: pointer;padding-left: 9px;} .iArg0{width: 100px !important;margin-bottom: 10px;} #erreur_no_relais { background: #ffb2bb; border: solid 1px #f91713; padding: 10px;font-family:verdana;font-size:10px; font-weight:bold;margin-bottom:10px;display:none;} .MRW-Content > div:last-child { display:none } /**** Page instit (Comment ca fonctionne?) *****/ .banner_principal{text-align: center;} .text_subBanner{padding:15px;background-color: #00a0d7;color:#ffffff;font-size: 14px;text-align: center;margin-bottom: 25px;} .how_to_lib{text-align: center;font:24px "aller_display";color:#f45a45;} .image_perso{text-align: center;} h2.partie_titre{margin: 25px 0 0;color: #00a0d7;font:31px "DKLemonYellowSun";text-align: center;padding:20px 0 0;border-top:3px dotted #cdcdcd;} .partie_ss_lib{text-align: center;font:16px 'Gotham-Medium';} .partie_desc{text-align: center;font-size: 13px;margin-bottom: 15px;} ul.list_puce li{margin: 0 0 10px;background: url("template-puce.jpg") no-repeat left center;padding-left:13px;} .pres_button_lib{text-align: center;margin-bottom: 15px;font:14px 'Gotham-Medium';color:#f45a45;} .buttonBox{text-align: center;} .buttonBox_ima{margin-bottom: 10px;} .buttonBox_lib{font:14px 'Gotham-Medium';margin-bottom: 10px;} /* client */ /* .sav_onglet{ display:inline-block; cursor:pointer; padding: 5px; background: #ccc; color:#666; } .sav_onglet.selected{ background: #aaa; color:#000; } */ #sav_nouveau_sujet{ border: 1px solid #ddd; background:#fff; color:#fff; } #sav_nouveau_sujet .titre{ background:#211f21; padding:10px; } .sav_content input[type="submit"] {background: #211f21;padding: 10px 15px;color: #fff;border: none;text-transform: uppercase;margin: 10px 0;font: 15px "aller_display";} .sav_content input[type="submit"]:hover{background: #f45a45;} .sujet{ background:#00a0d7; padding:10px; border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; font-size: 15px; color:#fff; font-weight:bold; margin: 0; } .sujet_etat1 .sujet{ background:#aaaaaa; } .sav_content{ display:block; padding: 10px; color:#000; } .sav_content table{ width: 100% } .sav_content table .td_label{ width: 120px; } .sav_sujet{ width:100%; border: 1px solid #bbb; border-radius: 0px;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; padding:10px; } .sav_cmt{ width:100%; border: 1px solid #bbb; border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0; padding:10px; } .sujet_bit{ border: 1px solid #ccc; background: #fff; margin: 15px 0; } .sujet_bit.sujet_etat0{ border: 1px solid #2fcdf2; background: #fff; margin: 15px 0; } .commentaire_bit{ border: 1px solid #ccc; padding: 10px; background: #fff; margin: 15px 0; } .message_sav{ border: 1px solid #469eb9; background: #7bdcec; padding: 10px; font-weight: bold; text-align: center; font-size: 15px; } .detail_s_top {padding: 15px;} .sujet_type_titre{font: 15px "Gotham-Medium";margin-bottom: 5px;} .sujet_date{font-style:italic; float: left;padding: 5px;margin-right: 10px;} .s_t_bottom{padding:0 15px 20px 15px;} .content_comm_s{border-radius:10px;-webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; padding:15px; background:#f2f3f4; position:relative} .content_comm_s::after{width: 0;height: 0;border-style: solid;border-width: 15px 30px 15px 0;border-color: transparent #f2f3f4 transparent transparent;content:""; position:absolute;left: 2px;bottom: -12px;} .commentaire_auteur{border-bottom: 1px solid #ddd;padding-bottom: 3px;margin-bottom: 5px;font-style: italic;font-weight: 600;} .commentaire_msg {padding: 10px 0;} .sav_fichier_bit {display: inline-block; margin-left: 10px;} .sav_fichier_bit a{display: block; padding: 5px; border:1px solid #ddd} .sav_fichier_bit a:hover{border:1px solid #bbb} .commentaire_date {text-align: right;font-size: 11px;} .sujet_type_pastille{display:inline-block; width: 10px; height: 10px; border-radius: 50%;-webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border:1px solid #000} .sav_info{display:none; color:#f45a45} .btn_clore {background: #f45a45;padding: 10px 15px;color: #fff;border: none;text-transform: uppercase;margin: 10px 0;font: 13px "aller_display";} .btn_clore:hover{background:#F23D22} .content_d_sujet {background: #fff;padding: 15px;} .content_d_sujet .s_t_bottom .sujet_bit{border:none; margin-bottom:25px} .content_d_sujet .detail_s_top{border:1px solid #ccc} /**** S.A.V ****/ .sav_lib{color:#00a0d7;font:24px "aller_display";text-transform: uppercase;margin: 0 0 10px;} .sav_contenu{font-size:14px;line-height: 150%;} strong.sav_highlight{font-weight: normal;font-family: 'Gotham-Bold';color:#f45a45;font-size:16px;} .sav_contenu strong{font-weight: normal;font-family: 'Gotham-Medium';} /********** nouveau configurateur **************/ .dim_taille{ position:absolute;height:100%; width: 50px; background:url("template-dim_cadre.png");background-repeat: no-repeat;background-size: 100% 100%; top:0px;left:0;} #support_taille_selected{margin: 0;position: absolute;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);font: 31px "DKLemonYellowSun";color: #999;/*background: #f4f4f4;*/left: 0;} .b_left{float:left;width:57%;padding:0 20px} .b_support {display: table;width: 100%;margin-bottom: 15px;} .b_support.hidden{display:none;} .titre_support {display: table-cell;vertical-align: middle;font: 21px "DKLemonYellowSun";width: 175px;} .s_titre_support {vertical-align: middle;font: 21px "DKLemonYellowSun";text-align: center;margin-bottom: 16px;} .content_support_bit {display: table-cell;vertical-align: middle;} .stand_shadow_creation .content_support_bit {display: block;vertical-align: middle;} .support_bit {display: inline-block;cursor: pointer;padding: 3px;border: 1px solid transparent;vertical-align: top;width:50%;text-align: center;background: #eeeeee;margin: 0 5px;border-radius: 5px;} span#support_3 {margin-right: 0;margin-left: 10px;} span#support_1 {margin-left: 0;margin-right: 10px;} .support_bit.selected {box-shadow: 2px 2px 4px 2px rgba(73,73,73,0.3);background-color: #ffffff;} .support_img{display:block;mix-blend-mode: darken;} .support_bit img{max-width:110px ; margin:auto;width: 100%;} .support_libelle {display: block;font: 13px "Gotham-Book";padding: 5px 2px ;line-height: 13px;margin-top: 5px;background: /*url(template-off_support.png) no-repeat center top;*/none!important} .support_bit.selected .support_libelle{background-image: url('template-on_support.png')} .support_desc_bit, .support_desc_bottom_bit{display:none;} .support_dim_bit{display:none;} .support_desc_bit.active, .support_desc_bottom_bit.active{display:block;} .support_dim_bit.active{display:block;} .support_taille_bit{display:none;} .support_taille_bit.active{display:block;font-size: 11px;} .b_other_caract {display: table;width: 100%;} .b_desc {display: table-cell;width: 55%;padding: 10px 15px 10px 0;font-size: 12px;font-style: italic;/*color: #999;*/vertical-align: middle;} .support_desc_bit, .support_desc_bottom_bit{font:12px Gotham-Book;} .support_dim_bit{font:16px Gotham-Book;} .support_desc_bit strong, .support_desc_bottom_bit strong{font:14px Gotham-Medium;color: #05A1D4} .support_dim_bit strong{font:14px Gotham-Medium;color: #05A1D4} .b_desc.full{display: table-cell;width: 100%} .b_taille {display: table-cell;width: 45%;text-align: right;vertical-align:middle} .b_taille.hidden{display: none} .support_taille_bit.active select {background: #efefef url('template-arrow_down.png') no-repeat 124px 50%;border: none;height: 25px;padding: 2px 21px 2px 10px;max-width: 144px;width: 100%;font-size: 12px;} .b_action_cadre::after{display:block; content:""; clear:both} .b_action_cadre {display:flex;display: -ms-flexbox;box-sizing: border-box;padding:0 10px; margin: 0 -15px;} .b_action_cadre .ac-item{padding:10px 5px;flex: 0 0 33.3333%;-webkit-flex: 0 0 33.3333%;-ms-flex: 0 0 33.3333%;font-size: 12px} .b_action_cadre a{width: 100%;} .b_action_cadre a img {display: block;width: 100%;max-width: 56px;margin:0 auto 5px auto} .b_action_cadre a span.text{display:block;text-align: center;} .b_action_cadre a:hover{color: #05a0d6} .browser-safari .b_action_cadre{display: -webkit-box;} .browser-safari .b_action_cadre .ac-item{ -webkit-box-flex: 0;width: 33.3333%} @media only screen and (min-width:767px) { .b_action_cadre .ac-item{flex: 0 0 25%;-webkit-flex: 0 0 25%;-ms-flex: 0 0 25%;} .b_action_cadre {justify-content: flex-end;-webkit-box-align: flex-end;-ms-flex-align: flex-end;} } @media only screen and (max-width:640px) { .b_action_cadre .ac-save{width:100%} .b_action_cadre .ac-save-sn{width:100%} .b_action_cadre .ac-cover-fb{width:100%} } @media only screen and (min-width:481px) { .b_action_cadre a{height: 100%;} } @media only screen and (max-width:480px) { .b_action_cadre {padding:0px;flex-wrap: wrap;} .b_action_cadre .ac-save{width:100%; padding: 10px 0} .b_action_cadre .ac-save-sn{width:100%; padding: 10px 0} .b_action_cadre .ac-cover-fb{width:100%; padding: 10px 0} .b_action_cadre a{width: 100%;max-width: 115px;margin: auto;display: block;} .b_action_cadre a.btn-couverture{max-width: 200px} .b_action_cadre .ac-item {padding: 10px 5px;flex: 0 0 50%;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;} .browser-safari .b_action_cadre .ac-item{width: 50%} } @media only screen and (max-width:380px) { .b_action_cadre a img{max-width: 46px} } /* .b_action_cadre #btn_save { margin:5px 0} .b_action_cadre #btn_save_sn { margin:5px 0} .b_action_cadreIT #btn_save { margin:5px 0} .b_action_cadreIT #btn_save_sn { margin:5px 0} .b_action_cadre #btn_popup_envoi_ami { margin:5px 0} .b_action_cadre #btn_cover_fb{margin: 5px 0;} .b_action_cadre #btn_cover_fb span{padding-left:0px} */ .b_right{float:right;width:43%; padding:0 20px 0 20px} .max_cotent_s{max-width:300px; margin:auto} .b_prev {display: table;width: 100%;} .b_prev >* {display: table-cell!important;vertical-align: middle;} .b_prev .picto_previsu{padding-left:2px; padding-right:2px} .b_prev .picto_previsu > span ,.b_prev .picto_previsu > div> span {background: url('template-btn_previsu.png') no-repeat scroll top center;padding: 23px 5px 0 5px;font-size:12px} .b_prev >span {width: 20%;padding: 0 5px;} .b_panier {margin-top: 15px;} .b_panier .qte_cadre{width: auto;} .b_panier .prix_cadre{padding-right:0;width: auto;text-align:left; /*float:left; */min-width:100px;padding-bottom: 0;} .max_cotent_s .btn_add_panier{width:100%; display: block;} .produit_delai {margin: 15px 0;} /********MODIF FOND**********/ .fond_left_b{ float: left;width: 50%;border-right: 1px solid #2d2a2d;padding-right: 10px;} .fond_left_b .form_group label {width: 105px;} .fond_right_b {float: right;width: 50%;padding: 0 0 0 30px;} .fond_right_b .form_group label {width: 130px;} .form_100{ margin: 40px 0;} .bloc_creation_nouv.fond{background: #ffffff;box-shadow: 1px -5px 5px 0 rgba(73, 73, 73, 0.3); -webkit-box-shadow: 1px -5px 5px 0 rgba(73, 73, 73, 0.3);-ms-box-shadow: 1px -5px 5px 0 rgba(73, 73, 73, 0.3);-o-box-shadow: 1px -5px 5px 0 rgba(73, 73, 73, 0.3);padding: 40px;border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position:relative} .select_facette.fond >a>img {max-width: 146px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);} .bloc_modif_fond .btn_save_fond button{margin:15px auto 0 auto} .bloc_modif_fond .form_100 .select_s{max-width:100%} /******* pour IT *******/ /* .bloc_modif_fondIT .fond_left_b, .bloc_modif_fondDE .fond_left_b, .bloc_modif_fondEN .fond_left_b {display:none} */ /* .bloc_modif_fondIT .fond_right_b, .bloc_modif_fondDE .fond_right_b, .bloc_modif_fondEN .fond_right_b {width:100%} */ /******* pour IT *******/ .bloc_modif_fondIT .support_1 .fond_left_b {display:none} .bloc_modif_fondIT .support_1 .fond_right_b {width:100%} /******* pour DE *******/ .bloc_modif_fondDE .support_1 .fond_left_b {display:none} .bloc_modif_fondDE .support_1 .fond_right_b {width:100%} /******* pour EN *******/ .bloc_modif_fondEN .support_1 .fond_left_b {display:none} .bloc_modif_fondEN .support_1 .fond_right_b {width:100%} .pastille{display: none} .select_list_drop .pastille,.select_list_drop_ .pastille{display: block;position: absolute;width: 30px !important;height: auto !important;} .detail_item .pastille, .list_comb_item .pastille{display: block;position: absolute;width: 30px !important;height: auto !important;z-index:50} .form_100 .select_list_drop ul li {position:relative;cursor: pointer;float: left;padding: 10px;width: 15.6667%;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;overflow: hidden;border: 4px solid transparent;margin-right: 2px;margin-left: 2px;} .form_100 .select_list_drop {border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;background: #efefef;height: 108%;padding: 45px;position: absolute;top: -5px;z-index: 999;left: 0;width: 100%;} .fond_right_b .select_facette {position: inherit;} .fond_right_b .select_list_drop ul li.active, .fond_right_b .select_list_drop ul li:hover {border-color: #89cd5c;} #active_fond {position: relative;z-index: 9;border-right: 15px solid #efefef;background-position:right center} #recuperation_loading{background:rgba(255,255,255,0.8);position:absolute;width:calc( 100% - 80px );height: calc( 100% - 80px );z-index: 10;text-align:center} #recuperation_loading span{display:block;padding-top:200px} /*********design emoticone********/ div#emo_avant_titrehaut {position: relative;z-index: 99;} .form_50_e{margin-bottom:5px} .active_smiley {background: #efefef url(template-arrow_select.png) no-repeat scroll right center;border: medium none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 38px;max-width: 318px;padding: 5px 29px 5px 6px;width: 100%;display:block;text-align: center;border-right: 15px solid #efefef;} .active_smiley img {max-width: 30px;} .select_smiley{position:relative;max-width: 318px;} .liste_emo li {display: inline-block;width: 14%;text-align: center; margin: 10px 0;padding:0 2px} .smiley_item img {max-width: 30px;width: 100%; } .cadre_haut .titre_haut img {max-width: 50px;} .cadre_bas .titre_bas img {max-width: 50px;} .dd { position: relative;z-index: 9;} .ddv {cursor:pointer;background: #efefef url(template-arrow_select.png) no-repeat scroll right center;border: medium none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;height: 38px;padding: 5px 20px 5px 6px;width: 100%;display: block;border-right: 15px solid #efefef;} .ddt {display: none;background: #e6e6e6;position: absolute !important;width: 100%;border-radius: 0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;top: 95%;left: 0;padding: 5px 5px 5px 6px;max-height: 190px;overflow: hidden;} #content_animal_modele .ddt {position: absolute !important;} .ddv .ptext {line-height: 30px;} .caractval_item {padding: 5px 0;cursor:pointer} .caractval_item:hover{background: #ddd;} .pfacette {width: 26px;height: 26px; display: inline-block;vertical-align: middle;} .caractval_item >span {display: inline-block;vertical-align: middle;} .ptext {margin-left:5px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 112px;} .ddt .ptext {max-width: 170px;} .form_group .label {display: table-cell;font: 13px "Gotham-Book";vertical-align:middle; width:40%} .wrapcaract:nth-child(1){z-index:99!important; position:relative} .wrapcaract:nth-child(2){z-index:98!important; position:relative} .wrapcaract:nth-child(3){z-index:97!important; position:relative} .wrapcaract:nth-child(4){z-index:96!important; position:relative} .wrapcaract:nth-child(5){z-index:95!important; position:relative} .wrapcaract:nth-child(6){z-index:94!important; position:relative} .wrapcaract:nth-child(7){z-index:93!important; position:relative} .wrapcaract:nth-child(8){z-index:92!important; position:relative} .wrapcaract:nth-child(9){z-index:91!important; position:relative} .content_nouv_personnage .form_caract_nouv2{padding-top:15px} .form_caract_nouv2 .form_caract_nouv {position: relative;z-index: 9;} .form_caract_nouv2 .bloc_accessoire {position: relative;z-index: 8;} .page_configurateur .nicescroll-rails {margin-left: -5px;} .page_configurateur .nicescroll-rails {display: none!important;} .ajout_nouv_perso .fond_left_b .form_100 {position: relative;z-index: 20;} .ajout_nouv_perso .fond_left_b .form_emo {position: relative;z-index: 19;} .ajout_nouv_perso .fond_left_b .form_emo + .form_100{position: relative;z-index: 18;} .ajout_nouv_perso .fond_left_b .form_emo + .form_100 + .form_emo {position: relative;z-index: 17;} .ajout_nouv_perso .fond_left_b {position: relative;z-index: 21;} div#emo_avant_titrebas {position: relative;z-index: 9;} .content_nouv_personnage .form_unique .active_facette img {margin-left: auto; margin-right: auto;display: block;} @media only screen and (min-width:1024px) { .page_configurateur .nicescroll-rails {margin-top: -25px;} .bloc_creation_nouv.ajout_nouv_perso{padding:0;} .bloc_creation_nouv.ajout_nouv_perso.fond {padding:30px;} .content_nouv_personnage .form_unique .active_facette img {max-width:110px} .content_nouv_personnage .form_unique #active_corps.active_facette img {max-width:95px} .content_nouv_personnage .form_unique {margin-bottom:90px; margin-top:80px} .btn_save_creation.creation.new_conf_b{padding-top:1px} .btn_save_creation.creation.new_conf_b button {width: 100%;font-size: 18px;padding-top: 8px;padding-bottom: 8px;margin-top: 19px;} .wrapcaract.form_50:nth-last-child(-n+2) {margin-bottom: 0;} } /***********RESPONSIVE NEW CONFIG*********/ @media only screen and (max-width: 1140px){ .content_cadre.open_bloc + .form_design_cadre {margin-top: 41px;} } @media only screen and (max-width: 980px){ .wrap_btn_top .btn_bleu {display: inline-block;} .b_left{width:100%} .b_right{width:100%; margin-top:15px} .max_cotent_s{max-width:100%} .b_panier .conteneur_panier_b {max-width: 400px;margin: auto;} div#wrapcaract_4 {position: relative;z-index: 5;} div#wrapcaract_5 {position: relative;z-index: 4;} div#wrapcaract_6 {position: relative;z-index: 3;} #support_taille_selected{background:#fff} div#liste_creations .swiper-pagination-bullet {background: #ccc;margin: 0 4px;} .fond_right_b .select_list_drop ul li {width: 24%;} } @media only screen and (max-width:768px) { .content_nouv_personnage .form_50 .select_facette .active_facette{background-position:97% 50%} .content_nouv_personnage .form_50 .form_group {background: #efefef;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .close-design{ right: 3px;top: 2px;} .b_panier .prix_cadre {width: 100%;text-align: right;padding-left: 5px;} .cadrecreation-prev {height: 25px; margin-top: -45px; background-size: 13px;} .cadrecreation-next {height: 25px; margin-top: -45px; background-size: 13px;} .cadrecreation-next:hover, .cadrecreation-prev:hover {background-position: center -33px;} .fond_left_b{width:100%; border-right:none;padding-right: 0;} .fond_right_b{width:100%; padding-left:0} .fond_left_b .form_group label {width:99px} .fond_right_b .form_group label {width: 99px!important;} .fond_left_b .form_100:last-child{margin-bottom:0} .fond_right_b .select_list_drop ul li {width: 32%;} .bloc_fond{padding: 5px 20px 20px;} .ajout_nouv_perso .select_facette.fond >a>img{margin-top:0; max-width:30px} .form_group .label{text-align:right; padding-right:5px} .themedesign .form_group .label{text-align:right; padding-right:5px} .bloc_creation_nouv.ajout_nouv_perso.fond {padding: 0;} .bloc_creation_nouv.ajout_nouv_perso{margin-bottom:0} .bloc_creation_nouv.ajout_nouv_perso +.content_cadre.open_bloc{top:0} .bloc_creation_nouv.ajout_nouv_perso +.content_cadre.open_bloc .cadre_encours::after {} .liste_emo li{width:19%} #recuperation_loading{width:calc( 100% - 40px );height: calc( 100% - 0px );} .b_panier .qte_cadre{width: 100%} } @media only screen and (max-width:640px) { .form_caract_nouv + .row_30{margin:0} .b_panier .conteneur_panier_b {max-width:100%;} .form_caract_nouv2 .row_30 {margin: 0;} .produit_delai {text-align: center;} /*.wrap_btn_top .btn_bleu {display: block;max-width: 251px;margin: 0 auto 15px auto;}*/ #support_taille_selected{font-size:25px; padding:0 5px} .wrap_btn_top .btn_bleu {font-size:12px} .tab_creation_right .active_facette {position: relative;z-index: 1;} .tab_creation_right .active_facette img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);margin:0} } @media only screen and (max-width:580px) { .select_facette.fond >a>img{margin-top:-9%} .b_support {display: block;} .titre_support {display: block;width: 100%;text-align: center;padding-bottom: 10px;font: 30px "DKLemonYellowSun";} .titre_support br{display:none} .content_support_bit {display: block;text-align:center} .support_libelle{ font-size:14px;background-size: 18px;} .support_bit img {max-width: 100px;} .b_other_caract {display: block;} .b_desc {display: block;width: 100%;} .b_taille {display: block;width: 100%;text-align: left;margin: 10px 0 15px 0;} .b_left{padding:0} .b_right{padding:10px} .b_action_cadre #btn_save {width: 100%;} .b_action_cadre #btn_save_sn {width: 100%;} .b_action_cadre #btn_cover_fb {width: 100%;} .b_action_cadre #btn_popup_envoi_ami {width: 100%;margin-top:5px} .b_action_cadre #btn_save_client {width: 100%;} .btn_bottom_vis .b_right{margin-top:5px} .select_list_drop .visage_item img {height: auto;max-height: 75px;} .wrap_btn_top {padding: 0 10px;} #conf_panier {padding: 0 10px} .content_conf_panier_wrap{width: 100%;box-sizing:bor} .content_conf_panier{width:100%} #dedicace{min-height: 64px;} } #btn_previsualisation.disabled {opacity: 0.5;cursor: not-allowed;} #btn_ask_modification.disabled {opacity: 0.5;cursor: not-allowed;} /*** Ou nous trouver ***/ .marcheBox{padding:15px 0;border-bottom: 1px solid #CDCDCD;} h2.marcheBox_lib{margin: 0 0 15px;font:20px "aller_display";text-transform: uppercase;color:#00a0d7;} /*** Idee cadeau ***/ .ideaBox{padding:25px 0;border-top: 2px dashed #CDCDCD;} h2.ideaBox_lib{margin: 0 0 15px;font:20px 'Gotham-Medium';color:#00a0d7;} h2.ideaBox_lib a{font:20px 'Gotham-Medium';color:#00a0d7;} h2.ideaBox_lib a:hover, h2.ideaBox_lib a:focus{color:#f45a45;} .ideaBox_ima{margin: 0 0 15px;} .ideaBox_content p{margin: 0 0 10px;} .ideaBox_content p strong{color:#00a0d7;font-weight: normal;font-family: 'Gotham-Medium';} .form_50.wrap_row{position:relative} .form_50.wrap_row:nth-child(1) {z-index: 20;} .form_50.wrap_row:nth-child(2) {z-index: 19;} .form_50.wrap_row:nth-child(3) {z-index: 18;} .form_50.wrap_row:nth-child(4) {z-index: 17;} .form_50.wrap_row:nth-child(5) {z-index: 16;} .form_50.wrap_row:nth-child(6) {z-index: 15;} .form_50.wrap_row:nth-child(7) {z-index: 14;} .form_50.wrap_row:nth-child(8) {z-index: 13;} .form_50.wrap_row:nth-child(9) {z-index: 12;} .form_50.wrap_row:nth-child(10) {z-index: 11;} .form_50.wrap_row:nth-child(11) {z-index: 10;} .form_50.wrap_row:nth-child(12) {z-index: 9;} /* debut colissimo relais */ #points_box .coordonnees{margin: 5px;padding: 5px;background:#eee;} #points_box .coordonnees table td{padding:0 5px; width:33.3333%} #points_box .coordonnees input[type='text'] {height:35px; padding:5px 10px; border:1px solid #89cd5c;width: 100%;} #liste_points .point_item {margin: 4px;cursor: pointer;padding: 5px 5px 5px 38px;background: #fff url(template-colissimo2.png) no-repeat;background-position: 5px 6px;border-bottom:1px solid #ED6F07;} #liste_points .point_item:last-child{border-bottom:none} #liste_points .point_item >div>strong {color: #ED6F07;margin: 5px 0;display: block;font-size: 14px;} #liste_points .point_item:hover{background-color:#f4f4f4} span#btn_find_colissimo {background: #111 ;color: #fff;text-transform: uppercase;color: #fff;font: 12px "Gotham-Medium";border: none!important;display:block!important;text-align:center; border-radius: 20px;} span#btn_find_colissimo:hover{filter: brightness(110%);-moz-filter: brightness(110%);-webkit-filter: brightness(110%);-ms-filter: brightness(110%);-o-filter: brightness(110%);} /* fin colissimo relais */ #msg_sauvegarde{color:#229d30;font-weight: bold;font-size: 24px;text-align: center;padding: 2px 10px 14px 10px;} .cmd_box_paiement{border-top: 1px solid #d0d0d0; margin-top: 5px; padding-top: 5px;} .cmd_box_moyen{width: 170px; margin-bottom:4px; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -ms-appearance: menulist; -o-appearance: menulist;} .cmd_box_btn{width: 170px; font-size: 12px; padding: 3px; text-align: center; border: 1px solid #5eb9c3;} /********* modification commande **********/ .lignes{border-bottom:2px solid #05a0d6} .ligne_item{display:inline-block;padding:10px;font: 14px "aller_display";text-transform:uppercase} .ligne_item:hover{background:#05a0d6;color:#ffffff;cursor:pointer} .ligne_item.active{background:#05a0d6;color:#ffffff} .ligne_item .suppr_ligne_item{ display:inline-block; background:#05a0d6; width: 18px; height: 18px; border-radius: 50%; color: #fff; text-align: center; margin-left: 6px; font-family: arial; } .ligne_item.active .suppr_ligne_item{ background:#ffffff; color: #05a0d6; } .ligne_item .suppr_ligne_item:hover{ background:#aaa; } .btns_right{ position:absolute; right: 0; display: inline-flex; align-items: center; } #btn_reset_modification{ background:#05a0d6;color:#ffffff;cursor:pointer; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; margin: 2px; display:inline-block; padding: 8px; } #btn_cancel_modification{ background:#05a0d6;color:#ffffff;cursor:pointer; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; margin: 2px; display:inline-block; padding: 8px; } /*================style DE===========*/ /******je cree mon portrait*********/ @media only screen and (min-width:992px) { .version_DE .apan_btn a{font-size: 13px} .version_DE .titre_support{font-size: 20px} .version_DE .crea_button {font-size: 13px; padding-left: 8px; padding-right: 8px} .version_DE .bloc_modif_fond .titre-popup-config h3 {font-size: 24px;} .version_DE .news_button{font-size: 13px; padding-left: 10px; padding-right: 10px} .version_DE .art_contact strong{font-size: 13px} .version_IT .livr-gratuite-bg a {line-height: 30px;} .version_EN .livr-gratuite-bg a {line-height: 30px;} .version_IT .max_cotent_s{max-width: 310px} } @media only screen and (max-width: 480px){ .version_DE .crea_button {font-size: 9px;} } /* @media only screen and (max-width: 480px){ .version_DE .titre_creation_i {padding-left: 68px;} .version_DE .adresse_newsletter {padding-right: 140px;} } @media only screen and (max-width: 380px){ .version_DE .titre_creation_i {font-size: 20px;} } @media only screen and (max-width: 350px){ .version_DE .titre_creation_i {font-size: 18px;} }*/ /******catalogue index*********/ /*.version_DE .cat_i_de div#t-formula-bar-input-container {margin-top: 1em;} @media only screen and (min-width:992px) { .version_DE .detail_personnage .cat_i_de {max-height: 63px;} }*/ /******AVANTAGE index*********/ /*@media only screen and (min-width:768px) { .version_DE .av_box{min-width: 16.6667%;width: 16.6667%!important;} }*/ /******PAGE CLIENT*********/ /*@media only screen and (min-width:768px) { .version_DE .content_logging .form_et {padding-right: 5px; } } @media only screen and (min-width:992px) { .version_DE .content_logging .form_et {width: 36%;} } @media (min-width: 767px) and (max-width: 980px) { .version_DE .content_logging .input_txt {width: 58%;} .version_DE .content_logging .inscription > .formBox> select {width: 58%;} .version_DE .content_logging .form_et {width: 40%;padding-right: 5px;font-size: 12px; } }*/ /******PAGE CONFIG*********/ /* .version_DE .picto_save > span{padding-right: 0} .version_DE .picto_fb > span{padding-right: 0} @media only screen and (min-width:992px) { .version_DE .btn_bottom_vis .btn_gris{font-size: 14px} .version_DE .form_design_cadre .btn_add_panier > span{padding-right: 1px; padding-left: 34px;padding-top: 7px;} .version_DE .form_design_cadre .btn_add_panier{font-size: 16px} .version_DE .art_contact strong {font-size: 14px;} .version_DE #portrait_error.contain {font-size: 12px;} }*/ /******PANIER*********/ /*@media only screen and (min-width:992px) { .version_DE .artPopub_continuer a{font-size: 13px; padding-right: 10px; padding-left: 10px} .version_DE .artPopub_valider a{font-size: 13px; padding-right: 10px; padding-left: 10px} .version_DE .etapescde_diversD{font-size: 17px;} .version_DE #contenuCde1 .etapescde_diversD{width: auto} .version_DE .value_divers {min-width: 120px;} } @media only screen and (max-width: 640px){ .version_DE .value_divers {min-width: auto;} .version_DE .etapescde_diversD {font-size: 12px;} } @media only screen and (max-width: 350px){ .version_DE .etapescde_diversD {font-size: 11px;} .version_DE .tot_panier {font-size: 13px;} }*/ .k-popup-over{ background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index: 500; } .k-popup-inner{ max-width : 100%; padding: 0 8px; width: 750px; max-width: 100%; box-sizing:border-box; margin:auto; position:relative; height:100%; } .k-popup{ width : 100%; background:#ffffff; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: calc(100% - 30px); overflow: auto; border: 8px solid #ffffff; box-sizing: border-box; } .k-close{ z-index:100; display:inline-block; position:absolute; right: 0; top:0; } .conf-tab-wrap{ border-bottom: 4px solid #888; margin-bottom:10px; } .conf-tab{ padding:10px; display:inline-block; cursor:pointer; } .conf-tab.active{ background:#888; color:#fff; } .conf-bloc{ display:none } .conf-bloc.active{ display:block } .conf-logging-loading{ position:absolute; text-align:center; background:rgba(255,255,255,0.8); color:#000; width:100%; height:100%; z-index:100; display:none; } .conf-logging-loading div{ margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit--transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-height: calc(100% - 30px); overflow: auto; border: 8px solid #ffffff; box-sizing: border-box; } .conf-logging-loading.show{ display:block; } .b_right .b_action_cadre{ text-align:center; } .btn-afficher-configurateur{ display: inline-block; width:100%; text-align : center; } .btn-cover-fb{ display: inline-block; width:100%; background: #243d87; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; color: #fff; padding-top: 10px; padding-bottom: 10px; text-align : center; margin-top:10px; } .btn-cover-fb:hover{ background: #3652a7; } /*****design new support*****/ #edition_bloc.support_2,#edition_bloc.support_3{/*margin-top: 25px;*/} .content_nouv_personnage::before {content: "";position: absolute;top: 100%;left: 50%;width: 0;height: 0;border-width: 25px 35px 0 35px;border-color: #fff transparent transparent transparent;border-style: solid;filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-webkit-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-ms-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-moz-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));-o-filter: drop-shadow(0 4px 2px rgba(73, 73, 73, 0.3));transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);display: none;} /***** suivi colis commande client *********/ .info-colis{ margin-top: 30px; } .colis-timeline .timeline{ display:flex;display: -ms-flexbox; } .browser-safari .colis-timeline .timeline{display: -webkit-box;} .colis-timeline .dot-wrapper{ align-items: center; display: flex; display: -ms-flexbox;display: -webkit-box; flex-basis: 0; flex-grow: 1; justify-content: center;-webkit-box-pack: center; position: relative; } .colis-timeline .dot-wrapper .dot-item{ background: #ccc; border: 1px solid #ccc; border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; height: 25px; width: 25px; z-index: 1; } .colis-timeline .dot-wrapper.active .dot-item{ background: #ffc928; } .colis-timeline .dot-wrapper .line{ position:absolute; height: 6px; width: 100%; background:#ccc; left: -50%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 9px; } .colis-timeline .dot-wrapper.active .line{ background: #ffc928; } .colis-timeline .colis-steps{ display:flex;/*display: -ms-flexbox;display: -webkit-box;*/ } .colis-timeline .colis-step{ position: relative; padding: 8px; flex-basis: 100%; } .colis-timeline .colis-step div{ text-align: center; } .colis-timeline .colis-step .label{ color: #003da5; } .info-colis table{ width:100%; } .info-colis table td{ padding:0px 14px 14px 0; } .lien-num-suivi{ color:#003da5; } .lien-num-suivi:hover{ color:#882e96; } /********** commande stand ************/ .box-validation-stand{ padding:10px; background:#f5f5f5; border:1px solid #eee; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; margin : 5px 0; } .box-creation-stand{ padding:10px; background:#f5f5f5; border:1px solid #eee; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; margin : 5px 0; } .box-validation-stand input{ display:inline-block; width:100%; margin:5px 0; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; padding:8px } .box-creation-stand input{ display:inline-block; width:100%; margin:5px 0; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; padding:8px } #btn_valid_cmd_stand{ width:100%; background: #89cd5c; padding:8px; margin-top:10px; font-weight:bold; text-transform: uppercase; color:#ffffff; } #btn_modif_cmd_stand{ width:100%; background: #89cd5c; padding:8px; font-weight:bold; text-transform: uppercase; color:#ffffff; } #btn_envoi_stand{ width:100%; background: #89cd5c; padding:8px; margin-top:10px; font-weight:bold; text-transform: uppercase; color:#ffffff; cursor:pointer; width: 100%; display: inline-block; text-align: center; } #form_envoi_stand{ background: rgba(255, 255, 255, 1); padding:10px; margin-top:10px; text-align: left; color:#222222; border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; max-width: 350px; margin:auto; } #form_envoi_stand .form-control-stand label{ display:block; margin:0px } #form_envoi_stand .form-control-stand input{ display:block; border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; padding:6px; width:100%; } #form_envoi_stand button{ width: 100%; background: #89cd5c; padding: 8px; margin-top: 10px; border: none; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; color: #ffffff; font: 15px "aller_display"; padding: 5px 15px; text-align: center; text-transform: uppercase; display: inline-block; } .p-modal{ position: fixed; z-index: 5000; background: rgba(0,0,0,0.7); color: #fff; text-align: center; width: 100%; height: 100%; } .fb_popup.p-modal{ z-index: 950; } .p-dialog-wrap{ max-width: 600px; margin: auto; height: 100%; position: relative; padding: 0 10px; } .box_supprimer_personnage .p-dialog-wrap{ display: flex; align-items: center; justify-content: center; } .box_supprimer_personnage .do_supprimer_personnage{ margin-top: 20px; display: inline-flex; cursor: pointer; height: 20px; align-items: center; justify-content: center; background: #03688A; color: #ffffff; padding: 14px; border-radius: 5px; } .box_supprimer_personnage .p-dialog-actions .p-close{ margin-left: 16px; margin-top: 20px; display: inline-flex; cursor: pointer; height: 20px; align-items: center; justify-content: center; background: #03688A; color: #ffffff; padding: 14px; border-radius: 5px; } .box_supprimer_personnage .p-dialog{ padding: 20px; background: rgba(0,0,0,0.6); border-radius: 10px; margin-top: -60px; } .is_dedicace .p-dialog-wrap{ display: flex; align-items: center; justify-content: center; } .is_dedicace .p-dialog{ background: #fff; color: #000; position: relative; } .is_dedicace .p-dialog-content{ text-align: left; padding: 10px; } .fb_popup .p-dialog-content{ padding: 0px; } @media only screen and (max-width:600px) { .p-dialog-wrap{ width: 100%; } } .dialog_visage .p-dialog-content{overflow: hidden;} .p-btn-close{ border:1px solid #789; padding: 10px; cursor:pointer;display:inline-block;background:#05a0d6;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; } .p-btn-close:hover{ background:#aaa } /********* configurateur 2021 + RO integre******************/ .conf_tab {position: absolute;right: 20px;top: 20px;background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;width: 100%; max-width: 430px; display: block;visibility: hidden;height: 0px;} .zone-personnage:not(.d-none) .conf_tab.active {visibility: visible;height:auto;min-height: 91%;padding: 15px; } .conf_tab:not(.active) {overflow: hidden;} .conf_tabs{display:flex;display: -ms-flexbox;margin: 0 -7px} .browser-safari .conf_tabs{display: -webkit-box;} .conf_tab_item {padding: 0 5px;flex: auto; -ms-flex: auto;max-width: 50%; } .conf_tabs .conf_tab_item > div{background: #c2c5c9; background: -moz-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #c2c5c9), color-stop(82%, #c2c5c9), color-stop(94%, #aeb1b4), color-stop(100%, #aeb1b4)); background: -webkit-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -o-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -ms-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: linear-gradient(to bottom, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); padding:10px;margin:0 1px;cursor:pointer;font:20px "DKLemonYellowSun";border-left:1px solid rgba(0,0,0,0); border-top:1px solid rgba(0,0,0,0) ; border-right:1px solid rgba(0,0,0,0) } .conf_tabs .conf_tab_item.active > div{background:#fff!important;border-color: #c2c5c9} .content-height-w {height: calc( 100% - 45px );} .conf_tabs .conf_tab_item.d-none{display:none;} .conf_tab .conf_tab_content{background:#fff;visibility: hidden; height:0px;flex: 0 0 0%;width: 0;overflow: hidden;} .conf_tab .conf_tab_content.active{visibility: visible;height:auto;flex: 0 0 100%;padding:8px;width: 100%; overflow: initial!important;} .conf_tab .conf_tab_content.d-none{ visibility: hidden; } .new.caractval_item{ border: 3px solid transparent;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .new.caractval_item.couleur {background:none!important;} .new.caractval_item span{ display:none; } .new.caractval_item.couleur .couleur{ display:block; } .new.caractval_item.picto .picto{ display:block; } .new.caractval_item.picto .picto img:not(.image_item){ max-width:100px; max-height:100px; width: 100%; } .new.caractval_item.libelle .libelle{ display:block; } .conf_tab_content .pcaract_group{display: block;padding: 0 28px} .content_dressing_item .pcaract_group{display: block;padding: 0 28px} .new.caractval_item.couleur{border-radius:100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;position:relative;margin: 0;} .arrow-prev-c{position:absolute; top:50%;width:25px; height:30px; font-size:0; z-index:9; border:none;background:url('template-prev_arrowc.png') no-repeat center top;left:-25px; cursor:pointer;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); } .arrow-next-c{position:absolute; top:50%; width:25px; height:30px; font-size:0; z-index:9; border:none;background:url('template-next_arrowc.png') no-repeat center top;right:-25px; cursor:pointer;transform:translate(0,-50%);-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); } .arrow-prev-c:hover,.arrow-next-c:hover {background-position: center bottom} .swiper-caract-col .swiper-pagination{position: relative;bottom: 0;padding: 15px 0;} .swiper-list-col .swiper-pagination {position: relative;bottom: 0;padding: 8px 0;} .swiper-caract-col .swiper-pagination-bullet,.swiper-list-col .swiper-pagination-bullet, .list-suggestions .swiper-pagination-bullet{background: #999999;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;margin: 0 6px} .p-dialog-content .pcaract_group{padding: 0 30px; display: block;} .p-dialog-content #pcaract_60.pcaract_group{padding: 0 5px;} .new.caractval_item.couleur .couleur{border-radius:100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display:block; width: 58px;height: 58px;margin: auto;border: 11px solid #fff;position: relative;} .new.caractval_item.couleur.selected .couleur{border-width: 6px;margin: auto;} .new.caractval_item.couleur.selected .couleur::after {display: block;position: absolute;left: 50%;width:62px;border: 3px solid #06a0d6;content: "";height: 62px;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .new.caractval_item.couleur span.couleur[style=";background:#FFFFFF"]::before {border: #ccc 1px solid;content: "";width: 100%;height: 100%;border-radius: 100%;display: block;} .new.caractval_item.couleur.selected span.couleur[style=";background:#FFFFFF"]::before{display: none;} .detail_item{ display:inline-block; width: 100px; height:100px; border: 3px solid #ddd; margin-right: 5px; vertical-align:top; cursor:pointer; position:relative; } .detail_item.selected{ border: 3px solid #89cd5c; } .box-bg-shad{ background-color: #F6F4F5;vertical-align:top;cursor:pointer;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position:relative;-webkit-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);-moz-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);} .comb_item{display:inline-block; background-color: #F6F4F5;border: 3px solid transparent;margin-bottom: 10px;vertical-align:top;cursor:pointer;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;position:relative;-webkit-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);-moz-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);width: 90px; height:90px;max-width: 100%;} .comb_item.animal_item{width: 60px;} .comb_item.cheval_item{width: 70px;height:140px} .comb_item.selected{ border: 3px solid #06a0d6; } #content_forme .caractval_item.selected,#content_expression .caractval_item.selected,#content_expression_cheval .caractval_item.selected,#pcaract_15 .caractval_item.selected,#pcaract_17 .caractval_item.selected{border: 3px solid #06a0d6;} .ddt .caractval_item.selected{border: 2px solid rgba(24, 55, 71, 0.2);border-radius: 6px;} .list_comb_item:not(.swiper-wrapper){ margin:10px; } .conf_tab_visages{margin-top: 20px;padding: 0 10px} .conf_tab_visage_item{background: #F6F4F5;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding: 15px 10px;border: 3px solid transparent;cursor:pointer;-webkit-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);-moz-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);box-shadow: 0px 4px 5px 0px rgba(215,215,215,1);display: inline-block; margin: 5px;} .conf_tab_visage_item.active{ border: 3px solid #06a0d6; } .popup-absolute-form{position: absolute;right: 20px;top: 50%;background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding: 15px;height: 91%;width: 100%; max-width: 430px;transform: translate(0, -40%);-webkit-transform: translate(0, -40%);-ms-transform: translate(0, -40%);-o-transform: translate(0, -40%);} .dialog_visage:not(.active){ visibility: hidden; height:0px;flex: 0 0 0%;width: 0px;} .popup-absolute-form:not(.active){padding: 0} .dialog_visage.active{ visibility: visible;height:auto;flex: 0 0 100%; min-height: 91%; z-index: 99;width: 100%;} .p-dialog-title {font: 28px "DKLemonYellowSun";margin-bottom: 15px;padding: 10px;border-bottom: 1px solid #ccc;} .is_dedicace .p-dialog-title {text-align: left} .nicescroll-this{ max-height: 320px; overflow-y: auto; overflow-x: hidden!important;position: relative;margin: 10px 0} .btn_to_liste_entiers{ cursor: pointer;padding: 9px 10px 9px 60px;background: #00A0D6;margin-top: 25px;position: relative;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;font: 22px "aller_display";text-transform: uppercase;color: #fff;margin-left: 1rem;margin-right: 1rem;} .btn_to_liste_entiers .icon{background:#05a0d6;width:70px;height:70px;margin-bottom:5px;text-align:center;color:#fff;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .btn_to_liste_entiers .label{ text-align:center; } #personnage_encours{ margin:auto;width:220px; position: relative; } .list_entiers .swiper-container.swiper-container {padding-top: 35px;} #box_nentier{ width:110px } #layers_visage_box{ z-index:2;position:relative; margin:auto; width:100%; background:rgba(200,200,200,0.2); text-align:center } #layers_visage_box .image_item{ display:block;position:absolute; max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #layers_corps_box{ position:relative; margin:auto; width:100%; background:rgba(220,220,220,0.3); text-align:center; } #layers_corps_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #layers_entier_box{ position:relative; margin:auto; width:100%; background:rgba(220,220,220,0.3); text-align:center; } #layers_entier_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #box_nentier{ width:110px } #layers_visage_box{ z-index:2;position:relative; margin:auto; width:100%; background:rgba(200,200,200,0.2); text-align:center } #layers_visage_box .image_item{ display:block;position:absolute; max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #layers_corps_box{ position:relative; margin:auto; width:100%; background:rgba(220,220,220,0.3); text-align:center; } #layers_corps_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #layers_entier_box{ position:relative; margin:auto; width:100%; background:rgba(220,220,220,0.3); text-align:center; } #layers_entier_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } #box_entier{ width:100%; } #layers_entier_box{ z-index:2;position:relative; margin:auto; height: 150px; width:110px; background:rgba(200,200,200,0.2); text-align:center } .layers_visage_box{ z-index:2;width: 110px; display: block;position: relative;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } .layers_visage_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;top:0px } .layers_corps_box{ display:block; } .layers_corps_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;bottom:0px } .layers_entier_box{ display:block; } .layers_entier_box .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;bottom:0px } #pcanvas{ display:block; position:relative; } #pcanvas .image_item, #content_taille_previsu .image_item, #pcanvas .image_filigrane{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;height:auto; } .pcanvas{ display:block; position:relative; } .pcanvas .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;height:auto; } .detailtype_content .item{ position:absolute; } .pcanvas .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;height:auto; } .detailtype_content .item{ position:absolute; } .comb_item .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;/*bottom:0px*/ } .conf_main_menu_tete .icon.box_image_item >.image_item {margin-top: -10px;} .box_image_item .image_item, .box_image_item .image_filigrane{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } .box-bg-shad.box_image_item {max-width: 100%;} /* .swiper-caract-col .image_item {display: block;position: absolute;width: 100%;object-fit: cover;-o-object-fit: cover; -webkit-object-fit: cover;left: 0; top: -8%!important; max-width: 100px; transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;width: 100%!important} */ .swiper-caract-col.just-one .swiper-wrapper{max-width: 102%!important; justify-content: center;-webkit-box-pack: center;min-width: 100%;} .lib-theme {position: absolute;left: 0;width: 100%;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);font: 13px "aller_display";text-align: center;text-transform: uppercase;} .swiper-caract-col.just-one .swiper-wrapper .swiper-slide {width: calc(25% - 5px)!important;} /**********theme design *********/ .d-flex-bit {padding: 2px 5px;} .cat_item.d-flex-bit {flex: auto;-webkit-flex: auto;-ms-flex: auto;text-align: center;} .d-flex-bit > div{background: #c2c5c9; background: -moz-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #c2c5c9), color-stop(82%, #c2c5c9), color-stop(94%, #aeb1b4), color-stop(100%, #aeb1b4)); background: -webkit-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -o-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: -ms-linear-gradient(top, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); background: linear-gradient(to bottom, #c2c5c9 0%, #c2c5c9 82%, #aeb1b4 94%, #aeb1b4 100%); padding:10px;margin:0 1px;cursor:pointer;font:20px "DKLemonYellowSun";border-left:1px solid rgba(0,0,0,0); border-top:1px solid rgba(0,0,0,0) ; border-right:1px solid rgba(0,0,0,0) } .d-flex-bit.active-theme > div{background:#fff!important;border-color: #c2c5c9} .hidden-notactive{visibility: visible; height:0px;flex: 0 0 0%;width: 0; overflow: hidden;opacity: 0} .hidden-notactive.active{visibility: visible;height:auto;flex: 0 0 100%;width: 100%;opacity: 1; overflow: initial; } .padding-special {padding: 0 30px;} .padding-special .swiper-pagination{display: none!important;} .hidden-arrow-swiper .swiper-caract-prev, .hidden-arrow-swiper .swiper-caract-next {display: none!important;} img.image_opacity {width: 100%;height: 100%;opacity: 0;} .content_caractval.swiper-caract-col .swiper-slide {height: auto;} .content_caractval.swiper-caract-col .swiper-slide .box_image_item {height: 100%;} /*******NOUV fond********/ .hidden-no-active{background:#fff;visibility: hidden; height:0px;flex: 0 0 0%;width: 0; display: block!important;position: absolute;left: 50%!important; top: 50%!important; margin: 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);} .hidden-no-active.active{visibility: visible;height:auto;flex: 0 0 100%;padding:8px 15px;width: 100%} .wrapper-cadre-popup .fond_item, .wrapper-cadre-popup .fond_item_pers {padding: 0;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .wrapper-cadre-popup .fond_item img:not(.pastille), .wrapper-cadre-popup .fond_item_pers img:not(.pastille){border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .wrapper-cadre-popup .fond_item.active, .wrapper-cadre-popup .fond_item_pers.active, .content_fonds_textes .fond_item_pers.active {background-color: #00a0d7;padding: 3px} #personnage_encours div#pcanvas:not(.special) {margin-bottom: -70px;} /************configurateur 2021 RO-integre****************/ .select_facette.fond {position: static;} .has-box-sh{box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-webkit-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-ms-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-o-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);} .bloc-creation-nouv{ padding: 0;margin: 0!important;display: block;height:0!important; visibility: hidden;overflow: hidden;width: 0; padding: 0!important} .bloc-creation-nouv.active-bloc{ visibility: visible;height:auto!important;flex: 0 0 100%;width: 100%;opacity: 1; overflow: initial;background: url("template-bg_fixed_i.jpg") no-repeat top center;margin-bottom: -40px!important; border-bottom: 30px solid #fff;/*box-shadow: 1px 2px 5px 1px rgb(53 73 89 / 30%);*/background-size: cover;background-color: #999;} .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond {margin-bottom: -40px!important;} .bloc-creation-nouv .bloc_fond{ height:0; visibility: hidden;overflow: hidden;width: 0;display: block!important;padding: 0!important} .bloc-creation-nouv .bloc_fond.active{ visibility: visible;height:auto;flex: 0 0 100%;width: 100%;opacity: 1; overflow: initial; padding-top: 80px!important;padding-bottom: 80px!important } .bloc-creation-nouv.ajout_nouv_perso + div {z-index: 99;} .bloc-creation-nouv .content_nouv_personnage{box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;-o-box-shadow: none!important;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;} .bloc-creation-nouv .content_nouv_personnage {background-position: center left;min-height:540px;display: flex;display: -ms-flexbox;} .browser-safari .bloc-creation-nouv .content_nouv_personnage {display: -webkit-box;} .wrapper-cadre-popup {max-width: 380px;margin: auto;width: 100%;} .titre-popup-config {padding: 10px 0;} .titre-popup-config div {font: 28px "DKLemonYellowSun";font-weight: 600;padding-right: 30px;} .close-this-parent, .btn_close_modif_rapide {position: absolute;right: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);font-size: 30px;background: #f45a45;line-height: 30px;color: #fff!important;display: block;} .close-this-parent:hover{background: #F78473} .bg-transparent-popup {background: rgba(255,255,255,0.8);border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding: 15px;box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-webkit-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-ms-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);-o-box-shadow: 1px 2px 5px 1px rgba(53, 73, 89,0.3);} .max-w-100{max-width: 100%!important} .btn-nouv-valid {background: #7EC038;text-align: center;padding: 15px 10px;color: #fff;font: 27px "aller_display";text-transform: uppercase;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;cursor: pointer;} .btn-nouv-valid.bg-bleu-btn{background-color: #05a0d6!important; max-width: 90%; margin: auto;} .btn-nouv-valid.bg-bleu-btn:hover{background-color: #7EC038!important} .bloc-creation-nouv .dds_picto .ddv .pictofacette {max-width: 41px;} .bloc-creation-nouv .dds.dds_picto .ddv {padding-left: 49px;} .bloc-creation-nouv .form_content_i {width: 250px; min-width: 200px} .select_facette.fond >a>img{max-width: 65px;} .conf_main_menu_item {cursor: pointer;padding: 9px 10px 9px 60px;background: #00A0D6;margin-top: 25px;position: relative;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;font: 22px "aller_display";text-transform: uppercase;color: #fff;} .conf_main_menu_item .icon {background: none;position: absolute;width: 49px;left: 5px;color: #fff;height: 49px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);font-size: 12px;line-height: 47px;text-align: center;} .btn_close_cvb.ariane{cursor: pointer;color: #43a6e1;} .btn_close_cvb.cross{position: absolute;right: 0;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);font-size: 30px;background: #f45a45;line-height: 30px;color: #fff;cursor:pointer;} .titre-Dklemon{font:27px "DKLemonYellowSun"; color: #000} .titre-Dklemon-small{font:25px "DKLemonYellowSun"; color: #000} #nom-personnage-encours{font:45px "FamilledingueFond";/*position: absolute;left: 0;bottom: 100%;color: #fff;*/ width: 100%; text-align: center; z-index:30} #nom-personnage-encours span{display:inline-block;white-space: nowrap;} .px-cadre{font : 15px "Gotham-Book"; color: #f45a45} #content_lunette .swiper-caract-col .new.caractval_item {height: 92px;} .max-caract-w{max-width: 100%} .bloc_modif_fond.wrapper-cadre-popup {max-width: 420px;width: 92%} .zone-picto{display: flex;display: -ms-flexbox;justify-content: center;-webkit-box-pack: center;align-items: center;} .browser-safari .zone-picto{display: -webkit-box} .zone-picto img{display:block;/*position:absolute;*/width: auto;height: calc(100% - 10px);left: 5px;top: 5px;} .liste_fond.swiper-container {margin: 0;} .cat_item{ cursor:pointer; display: inline-block; width: 92px; height: 102px; box-sizing: border-box; border: 3px solid #ddd; margin-right: 8px; margin-bottom: 9px; } .btn-to-theme, .btn-to-sub-theme, .btn-to-sub-themes, .btn-to-sub-themes{ cursor:pointer; color:#43a6e1; } .label_personnalises{ color:#43a6e1; } .couleur_titre_item{ display: none; border : 3px solid transparent; margin: 2px; cursor:pointer; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px; -o-border-radius: 5px; justify-content: space-between;-webkit-box-pack: justify; padding: 4px; } .couleur_prenom_item{ display: none; border : 3px solid transparent; margin: 2px; cursor:pointer; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px; -o-border-radius: 5px; justify-content: space-between;-webkit-box-pack: justify; padding: 4px; } .couleur_titre_item.show{display:flex;display: -ms-flexbox;} .couleur_prenom_item.show{display:flex;display: -ms-flexbox;} .browser-safari .couleur_titre_item.show{display: -webkit-box;} .dds_couleur_texte{ display:flex;display: -ms-flexbox; border : 3px solid #ddd; margin: 2px; padding: 5px; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; justify-content: space-between;-webkit-box-pack: justify; width:50px; cursor: pointer; background: #efefef url(template-arrow_select.png) no-repeat scroll; background-position: 29px 10px; } .dds_couleur_prenom{ display:flex;display: -ms-flexbox; border : 3px solid #ddd; margin: 2px; padding: 5px; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; justify-content: space-between;-webkit-box-pack: justify; width:50px; cursor: pointer; background: #efefef url(template-arrow_select.png) no-repeat scroll; background-position: 29px 10px; } .browser-safari .dds_couleur_texte{display: -webkit-box;} .couleur_titre_item .label, .dds_couleur_texte .label{ display:block; } .couleur_titre_item .couleur, .dds_couleur_texte .couleur{ display: block; width: 20px; height: 20px; border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; } .couleur_prenom_item .couleur, .dds_couleur_prenom .couleur{ display: block; width: 20px; height: 20px; border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%; } .content_position_texte{ border : 3px solid #ddd; margin: 2px; padding: 00; border-radius: 3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; width:100%; cursor: pointer; background: #efefef url(template-arrow_select.png) no-repeat scroll; background-position: right 5px top 11px; } .content_position_texte .dds{padding: 8px} .dds_position_texte{ /* border : 3px solid #ddd; margin: 2px; padding: 7px 7px 8px 8px; border-radius: 3px; width:100%; cursor: pointer; background: #efefef url(template-arrow_select.png) no-repeat scroll; background-position: right 5px top 11px; */ } .check-couleur-titre .content_position_texte{width: calc( 100% - 58px );} .rounded-5{border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;} .couleur_titre_item.active{ border : 3px solid #00a0d7; } .couleur_titre_item .inner{ display:block; height:20px; width:40px; margin: 2px; color:#ffffff; } /*.position_titre_item {display: inline-block;border: 3px solid #fff;margin: 2px;cursor: pointer;background: #fff;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;}*/ .position_titre_item { display:flex;display: -ms-flexbox; border : 3px solid transparent; margin: 2px; cursor:pointer; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; justify-content: space-between;-webkit-box-pack: justify; padding: 4px; } .browser-safari .position_titre_item {display: -webkit-box;} .position_titre_item.active {border: 3px solid #fff;background: #00a0d7;color: #fff;} .position_titre_item .inner {display: block;width: 140px;padding: 10px 2px;font: 14px "Aller_display";text-transform: uppercase;} .btn-blue{ cursor: pointer; padding: 10px; background: #00A0D6; margin-top: 25px; position: relative; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; font: 22px "aller_display"; text-transform: uppercase; color: #fff; display: block; text-align: center; } .theme-flex .caractval_item:hover{background: none!important} .theme-flex .caractval_item:hover .box-bg-shad, .theme-flex .caractval_item.selected .box-bg-shad{border: 3px solid #06a0d6;} #content_corps_dialog .p-dialog-title .box-bg-shad {display: none;} #content_corps_dialog .p-dialog-title .caractval-libel {display: inline-block;padding-top: 0!important} #pcaract_14 .content_caractval.just-one .swiper-wrapper {/*justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;*/} .list_corps.pt-3.pt-md-5.px-md-3 .image_item,.list_entiers .image_item {top:auto!important;bottom: 0!important} .list_cheveux .list_comb_item .comb_item{max-width: 84%;} /* #content_cheveux #pcaract_17 .swiper-caract-col .image_item{top: 50%!important;max-width: 100%;width: auto!important;left: 50%;transform: translate(-50%, -50%)!important;-webkit-transform: translate(-50%, -50%)!important;-ms-transform: translate(-50%, -50%)!important;-o-transform: translate(-50%, -50%)!important;} */ .ariane_Box>.ariane_Box {border-bottom: none;} .caractval_item .libelles{margin-top:98px;position:relative;z-index:20; padding:2px;background:rgba(255,255,255,0.6);border-radius: 3px} .content_position_titre.toile .content_position_texte{display:none;} .content_position_titre.toile .label-position-titre{display:none;} .support_2 .px-3.mb-3 ,.support_3 .px-3.mb-3, .cadrecouleur_11 .px-3.mb-3 ,.cadrecouleur_12 .px-3.mb-3 {position: relative;} .support_2 .form_group.info_titre.check-couleur-titre, .support_3 .form_group.info_titre.check-couleur-titre {position: absolute;bottom: 44px;right: 8px;} .cadrecouleur_11 .form_group.info_titre.check-couleur-titre, .cadrecouleur_12 .form_group.info_titre.check-couleur-titre {position: absolute;bottom: 44px;right: 8px;} .support_2 .input_cadre ,.support_3 .input_cadre, .cadrecouleur_11 .input_cadre, .cadrecouleur_12 .input_cadre{width: calc(100% - 60px);} .content_couleur_titre .ddt{top: 100%} .swiper-caract-next + .content_caractval .swiper-wrapper {/*justify-content: space-between;-ms-flex-pack: justify;*/} /********nouveau AUTRE********/ div#content_autre .row {z-index: 11;position: relative;padding-bottom: 5px} div#content_autre .row:first-child{padding-top: 3rem} div#content_autre .row:nth-child(2) {z-index: 10;position: relative;} div#content_autre .row:nth-child(3) {z-index: 9;position: relative;} div#content_autre .row:nth-child(4) {z-index: 8;position: relative;} div#content_autre .row:nth-child(5) {z-index: 7;position: relative;} div#content_autre .row:nth-child(6) {z-index: 6;position: relative;} div#content_autre .row:nth-child(7) {z-index: 5;position: relative;} div#content_autre .wrapbis_little .ddv{border-right-width: 5px;text-align: left;padding-left: 10px;} div#content_autre .wrapbis_little .pfacette {border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;} div#content_autre .wrapbis_little .dropdown_item{padding-left: 4px} div#content_autre .ddt.text-left.nicescroll-this {position: absolute;max-height: 200px} div.list_caractvals .ddt.text-left.nicescroll-this {position: absolute;max-height: 200px} div#content_autre .ddt.text-left.nicescroll-this .mCSB_inside>.mCSB_container{margin-right: 15px} div#content_autre .open .ddv{background-image: url(template-arrow_up.png)} @media only screen and (min-width:1024px) { .btn-nouv-valid .libelle-modification {font-size: 24px;} } /*******RESPPONSIVE CONFIG 2021*********/ @media only screen and (min-width: 767px){ .close-this-parent.right-out {right: -11px;top: 2px;} div#conf_tab_corps >.titre-popup-config >a.close-this-parent.right-out.close-my-parent {top: 50%;right: 0;} .small-size-font{font-size: 22px; max-width: 100%!important} .dialog_visage.comb_box.active {top: 13px!important;transform: none!important;-webkit-transform: none!important;-ms-transform: none!important;-o-transform: none!important;right: 15px;} .conf_tab{top: 13px!important;right: 15px;} .d-none-mobile .conf_main_menu_box, .conf_tab.remove-mobile {opacity: 0;} .button-minipadding .btn_valid_comb{padding-top: 10px; padding-bottom: 10px} .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc {z-index: 999;} /********PARENT*****/ .caract_2_3 #personnage_encours div#pcanvas:not(.special),.caract_2_28 #personnage_encours div#pcanvas:not(.special), .caract_2_50 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -65px;} /*******ENFANT*****/ .caract_1_4 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -114px;} .caract_2_4 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -108px;} /******PETIT******/ .caract_2_17 #personnage_encours div#pcanvas:not(.special){margin-bottom: -182px;} .caract_1_17 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -187px;} /*****TOUT PETIT********/ .caract_2_109 #personnage_encours div#pcanvas:not(.special) , .caract_1_109 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -205px;} /*****BEBE********/ .caract_2_16 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -235px;} .caract_1_16 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -235px;} /*****ANIMAUX********/ .caract_15_24 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -210px;} .caract_15_25 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -230px;} .caract_15_75 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -100px;} .caract_15_26 #personnage_encours div#pcanvas:not(.special) {margin-bottom: -102px;} .categ-item-bit {margin-bottom: 15px;} .active-bloc .caract_2_3 .content_nouv_personnage.align-items-center.flex-column.justify-content-center.flex-debut{/*overflow: hidden;*/} #nom-personnage-encours span{line-height: 45px} #nom-personnage-encours{ position: absolute;bottom: 100%;left: 0} .caract_15_75 .list_entiers img.image_item,.caract_15_26 .list_entiers img.image_item {max-height: 100%;width: auto!important;} } @media only screen and (max-width: 860px){ .new.caractval_item.couleur .couleur{height: 45px; width: 45px;border-width: 8px;} .new.caractval_item.couleur.selected .couleur::after{width: 54px; height: 54px} } @media only screen and (max-width: 767px){ .bloc-creation-nouv.active-bloc{z-index: 99999999;position: relative;margin-bottom: 0; } .active-bloc.bloc-creation-nouv .content_nouv_personnage {min-height: 200px;position: fixed;z-index: 999999999999999;left: 0;width: 100%;height: 100%;padding-top:0;top:0;padding-left: 10px;padding-right: 10px;display: block;padding-bottom: 0;} .bloc-creation-nouv .content_nouv_personnage> div {overflow-y: auto;height: 100%;max-height: 99%; overflow-x: hidden;padding-left: 15px!important; padding-right: 15px!important} #nom-personnage-encours {position: relative;top: 0;margin-top:0px ;} .flex-debut .margin-titre #nom-personnage-encours {/*margin-bottom: 0!important*/} /*.caract_1_3 div#nom-personnage-encours span, .caract_2_3 div#nom-personnage-encours span{margin-bottom:10px;}*/ .conf_main_menu_box .mt-3.px-3.pt-3.btn_save_creation {margin-top: 0!important;} /*#nom-personnage-encours span{font-size: 35px!important; display: block;}*/ #nom-personnage-encours span:empty{display: none;} body.no-scroll-mob, html.no-scroll-mob{overflow: hidden!important;} .titre-popup-config.pos-absolute-titremd {position: absolute!important;top: 16px;width: 96%;/*background: #fff;left: 0;margin: 5px;width: calc(100% - 10px);border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;padding-left: 10px;padding-right: 5px;*/z-index: 99;display: none;} .d-none-mobile .titre-popup-config.pos-absolute-titremd {display: none;} div#zone_details {padding-top: 0;width: 100%; } div#zone_details .col-md-6.order-md-12.pl-md-5{/*padding-top: 50px*/} .content_nouv_personnage> #container_zone_details {/*display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center; */ padding-top: 72px!important;} .flex-debut div#zone_details .col-md-6.order-md-12.pl-md-5{padding-top:0} #personnage_encours div#pcanvas {margin-bottom: -20px;} div#zone_details:not(.d-none-mobile) div#pcanvas{margin-bottom: 0} .close-this-parent{right: 5px} .titre-popup-config h3{font-size: 24px} .bg-transparent-popup {background: #fff;} .btn-nouv-valid{font-size: 22px!important} .d-none-mobile .conf_main_menu_box{display: none!important} .no-scroll-mob .header_body {z-index: 999999;position: fixed;width: 100%;top: 0;} .conf_main_menu_item {padding: 0 10px;/*flex: 0 0 33.333%;*/flex: 0 0 25%;margin: 0;background: none;color: #2d2d2d;text-align: center;font-size: 15px;} .conf_main_menu_item .icon {position: relative;top: 0;left: 0;transform: none;-webkit-transform: none;-ms-transform: none;width: 100%;height: auto;min-height: 60px; margin-bottom: 5px;padding: 5px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;background: #00A0D6;max-width: 90px; height: 90px;margin-left: auto; margin-right: auto} .conf_main_menu_item .icon img {width: 100%;} .conf_main_menu_item .icon img.image_opacity{display: none;} /******tete******/ .conf_tab{position: relative;top: 0;margin: auto;right: 0;padding: 0!important; background: none!important; border-top-left-radius: 0;border-top-right-radius: 0} .bg-white-mobile{padding: 10px 10px 10px 10px; background-color: #fff} .bg-white-mobile .btn-blue{margin-top: 0} .conf_tab .conf_tab_content.active{padding: 5px 8px} .conf_tab.remove-mobile {visibility: hidden;width: 0!important; display: block!important;position: absolute!important;height: 0!important; overflow: hidden;min-height: 0!important} .popup-absolute-form {position: relative;top: 0;right: 0;margin: auto;transform: none;-webkit-transform: none;-ms-transform: none;} div#conf_tab_tete.active {/*margin-top: -20%;*/} .bloc-creation-nouv .bloc_fond.active{ padding-bottom: 20px!important;padding-top: 20px!important;padding-left: 10px;padding-right: 10px;height: 92%!important;overflow-y: auto;overflow-x: hidden;position: absolute;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);} /*******FOND********/ .no-scroll-mob .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond { margin-bottom: 0!important;position: fixed;height:75%!important;top: 40px;z-index: 999;} .no-scroll-mob div#edition_bloc {padding-left: 0;overflow-x: auto;margin: auto;} .no-scroll-mob .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond + .pi-section {position: fixed;z-index: 998;height: 25%;overflow-y: auto;bottom: 0;background: #fff;width: 100%;} .no-scroll-mob .dim_taille {display: none;} .no-scroll-mob #edition_bloc .edition_bloc_inner{margin-bottom: 25px} .no-scroll-mob .form_design_cadre {display: none!important;} #personnage_encours{width: 180px; min-height: 100px;} .bloc_fond.active>.container, .bloc_fond.active>.container>.row{height: 100%} .static-position-md:not(.remove-mobile) {/*position: static!important;*/ z-index: 999;overflow-y: hidden;; overflow-x: hidden;} .static-position-md .titre-popup-config h3{font-size: 0px; opacity: 0} .bg-transparent-popup>.titre-Dklemon {padding-top: 0px!important;} .content_nouv_personnage #hidden-active-perso .wrapper-cadre-popup {position: fixed;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);left: 50%;max-width: 95%;} .wrapper-cadre-popup {max-width: 99%} .caract_2_3 .conf_main_menu_tete .icon.box_image_item >.image_item, .caract_1_3 .conf_main_menu_tete .icon.box_image_item >.image_item, .caract_2_28 .conf_main_menu_tete .icon.box_image_item >.image_item ,.caract_1_28 .conf_main_menu_tete .icon.box_image_item >.image_item {margin-top: -15px;} .max-w-mobile-t{margin: auto;position: relative;width: 60px;height: 100%;} div#close-details .max-w-mobile-t {padding-top: 10px;} /*****corps parent*********/ .caract_2_3 .conf_main_menu_item.conf_main_menu_corps img.image_item, .caract_1_3 .conf_main_menu_item.conf_main_menu_corps img.image_item, .caract_1_28 .conf_main_menu_item.conf_main_menu_corps img.image_item, .caract_2_28 .conf_main_menu_item.conf_main_menu_corps img.image_item {height: 100%;width: auto!important;} /*****tete enfant, bebe tout petit*********/ .caract_2_16 .conf_main_menu_tete .icon.box_image_item > img.image_item,.caract_1_16 .conf_main_menu_tete .icon.box_image_item > img.image_item , .caract_2_109 .conf_main_menu_tete .icon.box_image_item > img.image_item, .caract_1_109 .conf_main_menu_tete .icon.box_image_item > img.image_item {margin-top:-4px;width: 84%!important;} div#personnage_encours.tete {margin-bottom: -165px!important;margin-top: -40px!important;} /*div#personnage_encours.tete.margin-titre{margin-top: 10px!important;} div#personnage_encours.margin-titre:not(.tete), div#personnage_encours.margin-titre:not(.corps) {margin-top: 15px!important;}*/ .flex-debut div#personnage_encours.margin-titre:not(.tete), .flex-debut div#personnage_encours.margin-titre:not(.corps) {margin-top: 30px!important} .caract_2_4 div#personnage_encours.margin-titre,.caract_1_4 div#personnage_encours.margin-titre {margin-top: 60px!important;} .zone-personnage:not(.d-none) .conf_tab.active{margin-bottom: 10px;} /*****tout petit*****/ .caract_2_109 div#personnage_encours.tete,.caract_1_109 div#personnage_encours.tete {margin-bottom: -78px!important;} /*.caract_2_109 div#personnage_encours.tete, .caract_1_109 div#personnage_encours.tete, .caract_2_109 div#personnage_encours.corps, .caract_1_109 div#personnage_encours.corps, .caract_2_17 div#personnage_encours.tete, .caract_1_17 div#personnage_encours.tete, .caract_2_17 div#personnage_encours.corps, .caract_1_17 div#personnage_encours.corps {margin-top: -50px!important;}*/ /***** petit*****/ .caract_2_17 div#personnage_encours.tete,.caract_1_17 div#personnage_encours.tete {margin-bottom: -70px!important;} /***** jeune*****/ .caract_2_4 div#personnage_encours.tete,.caract_1_4 div#personnage_encours.tete {margin-bottom: -105px!important;} /*div#personnage_encours.corps {margin-top: -195px!important;margin-bottom: 21px!important;}*/ div#personnage_encours.corps {margin-bottom: -125px!important;margin-top: 25px!important;} #zone_bebe.hidden-me-mobile ,#zone_animal.hidden-me-mobile ,#zone_autre.hidden-me-mobile {display: none;} .caract_2_16 #personnage_encours:not(.margin-titre), .caract_1_16 #personnage_encours:not(.margin-titre){margin-top: -70px!important;} #content_expression .p-dialog-content .pcaract_group, #content_forme .p-dialog-content .pcaract_group{padding-right: 15px; padding-left: 15px} #content_expression .swiper-caract-col .swiper-wrapper .swiper-slide,#content_forme .swiper-caract-col .swiper-wrapper .swiper-slide {/*height: 100%!important;*/display:flex;align-items:center;} #content_expression .swiper-caract-col .swiper-wrapper .swiper-slide::after, #content_forme .swiper-caract-col .swiper-wrapper .swiper-slide::after {content: url("template-ico_identity.png");display: block;opacity: 0;} #content_expression .swiper-caract-col .swiper-wrapper .swiper-slide img.image_opacity,#content_forme .swiper-caract-col .swiper-wrapper .swiper-slide img.image_opacity {display: none;} #content_expression .swiper-caract-col .image_item,#content_forme .swiper-caract-col .image_item {/*max-height: 110%;width: auto!important;left: 50%;transform: translate(-50%, -50%)!important;-webkit-transform: translate(-50%, -50%)!important;-ms-transform: translate(-50%, -50%)!important;-o-transform: translate(-50%, -50%)!important;top: 50%!important;*/} .comb_item{max-width: 80px;} #pcaract_17 .box_image_item {width: 85px!important;margin-right: 9px!important;max-height: 85px!important} .caractval_item .libelles {margin-top: 85px;} div#content_autre .ddt.text-left.nicescroll-this {max-height: 116px;} .corps #container_zone_details{display:flex;display: -ms-flexbox;align-items: flex-end; -webkit-box-align: flex-end;-ms-flex-align: flex-end;-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;} /*********MUG******/ /*.conteneur-perso-mug .active-bloc.bloc-creation-nouv .content_nouv_personnage{height: 62%;background: #f2f3f4 ;}*/ .conteneur-perso-mug .active-bloc.bloc-creation-nouv + .pi-section #content_gabarit::before {content: "";width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.3);top: 0;left: 0;z-index: 99;} .conteneur-perso-mug .active-bloc.bloc-creation-nouv + .pi-section #content_gabarit { position: fixed;left: 0;width: 100%;z-index: 9;background: #f2f3f4 ;bottom: 0;padding-bottom: 0;height: 40%;padding-top: 30px;/*display: none;*/opacity: 0;} .conteneur-perso-mug .active-bloc.bloc-creation-nouv + .pi-section div#content_gabarit #wrap_config_action {display: none;} .conteneur-perso-mug .zone-personnage:not(.d-none) .conf_tab.active{max-width: 87%;margin-bottom: 10px;} .conteneur-perso-mug div#zone_details{height: 100%;} .conteneur-perso-mug .flex-debut div#personnage_encours.margin-titre:not(.tete), .flex-debut div#personnage_encours.margin-titre:not(.corps) {margin-top: 10px!important} .conteneur-perso-mug #personnage_encours{width: 25vw} } @media only screen and (max-width: 640px){ div#zone_details .col-md-6.order-md-12.pl-md-5{/*padding-top: 45px*/} .titre-popup-config.pos-absolute-titremd {/*top:60px;*/} #content_autre .col-3 {padding-left: 0;} .content_nouv_personnage> #container_zone_details {padding-top: 57px!important;} .caract_15_75 .list_entiers .image_item,.caract_15_24 .list_entiers .image_item, .caract_15_25 .list_entiers .image_item,.caract_15_26 .list_entiers .image_item , .caract_18 .list_entiers .image_item { height: 100%;width: auto!important;} } @media only screen and (max-width: 575px){ .titre-popup-config h3{font-size: 22px} .version_DE .bloc_modif_fond .titre-popup-config h3 {font-size:20px;} .close-this-parent{font-size: 26px ; line-height: 26px} .btn-nouv-valid{font-size: 20px!important;padding: 12px 10px;} #personnage_encours{width: 145px} .conf_tab_visages{margin-top: 10px} div#personnage_encours.tete {margin-bottom: -125px!important;margin-top: 10px!important;} div#personnage_encours.tete.margin-titre{} .caract_2_4 div#personnage_encours.margin-titre,.caract_1_4 div#personnage_encours.margin-titre {margin-top: 50px!important;} div#personnage_encours.corps {margin-top: -160px!important;} div#personnage_encours.corps.margin-titre{margin-top: 10px!important;} /*****tout petit*****/ .caract_2_109 div#personnage_encours.tete ,.caract_1_109 div#personnage_encours.tete {margin-bottom: -60px!important;} /*.caract_2_109 div#personnage_encours.tete, .caract_1_109 div#personnage_encours.tete, .caract_2_109 div#personnage_encours.corps, .caract_1_109 div#personnage_encours.corps , .caract_2_17 div#personnage_encours.tete, .caract_1_17 div#personnage_encours.tete, .caract_2_17 div#personnage_encours.corps, .caract_1_17 div#personnage_encours.corps{margin-top: -40px!important;}*/ /***** petit*****/ .caract_2_17 div#personnage_encours.tete,.caract_1_17 div#personnage_encours.tete {margin-bottom: -65px!important;} /***** jeune*****/ .caract_2_4 div#personnage_encours.tete,.caract_1_4 div#personnage_encours.tete {margin-bottom: -90px!important;} /*#nom-personnage-encours span{font-size: 30px!important}*/ #nom-personnage-encours span{font-size: 30px} .btn-blue{font-size: 20px!important;} .bloc_modif_fond.wrapper-cadre-popup{width: 95%} .position_titre_item .inner{width: 100px; font-size: 12px} .swiper-fond-prev.arrow-prev-c {left: -15px;} .swiper-fond-next.arrow-next-c {right: -15px;} .px-cadre{font-size: 13px; display: block;} #content_expression .p-dialog-content .pcaract_group, #content_forme .p-dialog-content .pcaract_group{padding-right: 5px; padding-left: 5px} .popup-absolute-form .p-dialog-title {padding-top: 0;} .popup-absolute-form .btn_close_cvb.cross{margin-top: -7px} .wrapper-cadre-popup .fond_item {max-width: 65px;margin-left:auto;margin-right: auto} div#bloc_support_fond {padding-top: 0!important;} } @media only screen and (max-width:490px){ div#content_cheveux #pcaract_6 .position-relative,div#content_barbe #pcaract_22 .position-relative {margin: auto;} .max-w-mobile-t{width: 50px} .conf_main_menu_item{padding-left: 5px; padding-right: 5px} .new.caractval_item.couleur.selected .couleur {border-width: 3px;} .conf_main_menu_item .icon{width: 70px; height: 70px} div#close-details .max-w-mobile-t {padding-top: 6px;} .conf_tab_content .pcaract_group{padding-left: 25px;padding-right: 25px;} .no-scroll-mob #bloc_support_fond .bg-transparent-popup_ .mt-3{margin-top: 1px!important} div#content_autre.active {min-height: 185px;} } @media only screen and (max-width: 380px){ .conf_tab_visage_item{padding-left: 4px; padding-right: 4px} .conf_tab_visages{padding: 0} .version_DE .bloc_modif_fond .titre-popup-config h3 {font-size:18px;} .p-dialog-content .pcaract_group{padding-left: 20px;padding-right: 20px;} /*.comb_item{max-height: 80px;width: 100%;max-width: 80px;}*/ .comb_item{max-height: 80px;width: 70px; max-width: 80px;} .liste_animaux_objet .comb_item{max-height: 126px;} .max-caract-w{max-height: 80px} .theme-flex .max-caract-w{max-width:75px;max-height:75px;} .padding-special {padding: 0 20px;} .btn_to_liste_entiers, .btn_to_liste_animaux, .btn_to_liste_chevaux{padding-left:10px; text-align: center;} .list_entiers .swiper-container.swiper-container {padding-top: 23px;} } @media only screen and (max-width: 340px){ .comb_item{max-height: 75px;width: 60px; max-width: 75px} .max-caract-w{max-width: 75px;max-height: 75px;} .theme-flex .max-caract-w{max-width:70px;max-height:70px;} .new.caractval_item.couleur .couleur {width: 40px;height:40px;border-width: 5px} .new.caractval_item.couleur.selected .couleur::after {height: 46px;width: 46px;} #personnage_encours{width: 145px} #pcaract_17 .box_image_item {width: 80px!important;height: 80px!important;margin-right: 9px!important;} .caractval_item .libelles {margin-top: 80px;} .titre-popup-config h3 {font-size: 21px;} .version_DE .bloc_modif_fond .titre-popup-config h3 {font-size:16px;} div#personnage_encours.tete{margin-bottom: -91px!important;} .titre-Dklemon-small{font-size: 20px;} .no-scroll-mob #bloc_support_fond .bg-transparent-popup_ .mt-3.btn_save_creation {padding-top: 0px!important} .no-scroll-mob #bloc_support_fond .bg-transparent-popup_ .mt-3.btn_save_creation .btn-nouv-valid{padding-top: 8px; padding-bottom:8px;font-size: 18px!important;} .no-scroll-mob .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond { height:78%!important;} .no-scroll-mob .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond + .pi-section {height:22%} .no-scroll-mob .bloc_creation_nouv.ajout_nouv_perso.bloc-creation-nouv.active-bloc.fond .titre-popup-config {padding-bottom: 5px;} .caract_1_3 div#nom-personnage-encours span, .caract_2_3 div#nom-personnage-encours span {/*margin-bottom: 0;*/} /*.flex-debut.content_nouv_personnage> #container_zone_details{display: block!important}*/ .conf_main_menu_box .titre-Dklemon{font-size: 24px} .p-dialog-content .pcaract_group{padding-left:17px;padding-right: 17px;} .arrow-next-c{width: 22px;right: -20px} .arrow-prev-c{width: 22px ;left: -20px} .p-dialog-title{margin-bottom: 0; font-size: 20px;padding-bottom: 5px} .btn_close_cvb.cross{font-size: 26px; line-height: 26px} .popup-absolute-form .btn_close_cvb.cross {margin-top: -5px;} .btn_to_liste_entiers, .btn_to_liste_animaux, .btn_to_liste_chevaux{font-size: 20px} .caract_1_109 div#personnage_encours.corps , .caract_2_109 div#personnage_encours.corps {margin-top: -147px!important;} .popup-absolute-form{padding: 10px} .btn-nouv-valid{font-size: 18px!important; padding-top: 10px; padding-bottom: 10px} .flex-debut #container_zone_details{display:flex;display: -ms-flexbox;align-items: flex-end; -webkit-box-align: flex-end;-ms-flex-align: flex-end;} #content_barbe div#pcaract_22 {padding-top: 5px;} } .cadre_item.cadre_encours span.pcanvas.box_image_item img{ filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); -webkit-filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); -ms-filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); } .cadre_item.cadre_encours.cadre_encours_rapide span.pcanvas.box_image_item img{ filter: none; -webkit-filter: none; -ms-filter: none; } #bloc_categorie{} #bloc_titre_categorie h1, #bloc_titre_categorie div, #bloc_titre_categorie h2{color:#00a0d7} .page_configurateur #bloc_titre_categorie h1, .page_configurateur #bloc_titre_categorie div, .page_configurateur #bloc_titre_categorie h2 {font:700 22px Montserrat;padding-bottom: 5px;color:#000} /*********PAge categ***********/ .image-categ-i img {width: 100%;} .image-categ-top{height: 100px; background-repeat: no-repeat;background-position: center; background-size: cover; overflow:hidden;} .image-categ-top::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;/*background: rgba(0,0,0,0.3);*/} .image-categ-top {position: relative;} .absolute-bloc-ct {position: absolute;z-index: 1;left: 50%;top: 50%;text-align: center;color: #000;max-width: 92%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); width:100%;padding: 0 20px} .absolute-bloc-ct .descr_categ *{color: #000!important;font-family: Gotham-Book!important; font-size: 13px!important } h1.categ_lib {font:800 35px Montserrat;text-transform: uppercase;} .box-ss-categBit {background: #f1f1f1;margin-bottom: 30px;} .liste-ss-categ {padding: 30px 0;} .box-ss-categBit h3, .box-ss-categBit h2 {padding: 15px 10px;text-align: center;font: 15px "aller_display";text-transform: uppercase;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .box-ss-categBit a {display: block;overflow: hidden;} .box-ss-categBit a:hover h3 {background: #00a0d7;color: #fff;} .box-ss-categBit:hover h3 {background: #00a0d7;color: #fff;} .box-ss-categBit img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .box-ss-categBit:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);} @media only screen and (max-width: 1460px){ .col.d-none.slogan{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%;} .col.d-none.slogan h1{font-size: 17px;} .navLink{padding-left: 5px; padding-right: 5px} .other_link_top {max-width: max-content;} } @media only screen and (max-width: 980px){ .page_configurateur #bloc_titre_categorie h1, .page_configurateur #bloc_titre_categorie div {padding-top: 6px; padding-bottom: 6px; font-size: 26px;} } @media only screen and (max-width: 767px){ .image-categ-top{height: 100px} h1.categ_lib{font-size: 35px} .page_configurateur #bloc_titre_categorie h1, .page_configurateur #bloc_titre_categorie div {font-size: 20px} .liste-ss-categ{padding-top: 15px; padding-bottom: 15px} .box-ss-categBit h3,.box-ss-categBit h2{font-size: 13px} .absolute-bloc-ct .descr_categ *{font-size: 12px!important} } @media only screen and (max-width: 600px){ /*.descr_categ {max-height: 200px;overflow: hidden;}*/ } @media only screen and (max-width: 480px){ .image-categ-top{height: 100px} h1.categ_lib{font-size: 30px} .page_configurateur #bloc_titre_categorie h1, .page_configurateur #bloc_titre_categorie div {font-size: 16px} .box-ss-categBit h3,.box-ss-categBit h2{font-size: 12px} .absolute-bloc-ct .descr_categ *{font-size: 11px!important; } } .swiper-caract-col-no .swiper-wrapper{width : auto !important} #pcaract_17 .swiper-container {padding-bottom: 25px!important;} .info_titre{position:relative} .form_content_titre_haut{width: 100%;} .content_couleur_titre{display:none;position:absolute;right:0px;} .check-couleur-titre .content_couleur_titre{ display:block; } .content_couleur_prenom{ display:block; } @media (min-width: 1025px) and (max-width: 1400px) { .bloc-creation-index{background-size: cover!important} } .label_couleur_prenom{ font-size : 16px; } .wrap_dd_couleur_prenom{ display:inline-block; } /********AVIS instit******/ .instit .img-fit {overflow: hidden;height: 100%;} .instit .img-fit img {width: 100%;object-fit: cover;-o-object-fit: cover;-webkit-object-fit: cover;height: 100%!important} .font13{font-size: 13px} .instit-auteur{font:15px "Gotham-Bold";} .page_content.instit_78 .instit {box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;margin-top: 0;border-top: 1px solid #e6e6e6;} .page_content.instit_78 h1.divers_lib {font-size: 0;padding: 0;margin: 0;} .page_content.instit_78 h1.divers_lib::after {display: none;} /********modif commande*******/ .wrap_save_admin { background: #96A28A; text-align: center; padding: 10px; color: #fff; font: 22px "aller_display"; text-transform: uppercase; border-radius: 5px; cursor: pointer; margin: 10px } .btn_save_caracter { display:block; width:100%; height:100%; font-size: 20px; } .point_map_item { background: #ed7f12; border: none; text-transform: uppercase; font-weight: 600; font-size: 12px; padding: 5px; color: #ffffff; display: block; border-radius: 3px; text-align: center; cursor: pointer; } .type_choix_corps { color:#666; border: 2px solid #ccc; margin: 10px 0px; text-align: center; border-radius: 4px; padding: 5px; background: #eee; cursor: pointer; } .type_choix_corps.active { display:none; /* color:#000; border: 2px solid #777; background: #ccc; */ } .b_desc_bottom{display:none;width:100%} @media only screen and (max-width: 980px){ .b_desc_top{display:none} .b_desc_bottom{display:block; margin-bottom: 20px;} } .max-iframe{max-width: 800px; margin:15px auto;padding: 0 10px} .cadre_couleur_item, .cadre_couleur_item_dur{ display:inline-block; } .box_cadre_couleur{ text-align:center; } .cadre_couleur_item .cadre_couleur_wrap, .cadre_couleur_item_dur .cadre_couleur_wrap{ display:block; border: 3px solid transparent; margin: 4px 8px; border-radius: 50%; padding:2px; cursor:pointer; } .support_bit.selected .cadre_couleur_item.selected .cadre_couleur_wrap, .support_bit.selected .cadre_couleur_item_dur .cadre_couleur_wrap{ border: 3px solid #05A1D4; } .cadre_couleur_item .cadre_couleur_inner, .cadre_couleur_item_dur .cadre_couleur_inner{ display:block; width: 25px; height: 25px; box-shadow: 0px 0px 7px #888888; border-radius: 50%; } .cadre_couleur_item.selected .cadre_couleur_inner, .support_bit.selected .cadre_couleur_item_dur .cadre_couleur_inner{ box-shadow: 0px 0px 7px transparent; border: 3px solid #fff; } .ac-item.ac-save a + br + span {display: block;position: absolute;left:10px;text-align: left;width: 400%;padding-top: 6px;} @media only screen and (min-width: 481px){ .ac-item.ac-save {position: relative;} } @media only screen and (max-width: 480px){ .ac-item.ac-save a + br + span{width: 100%;bottom: 0;} .btn_bottom_vis {position: relative;padding-bottom: 50px;} } @media only screen and (max-width: 350px){ .btn_bottom_vis {padding-bottom: 60px;} } #caractvals_personnalises{ display:none; } #caractvals_personnalises.active{ display:block; } .lien_panier{background-color: #05a0d6;border: none;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 13px "aller_display";padding: 7px 15px;text-align: center;text-transform: uppercase;margin-right:5px; display:block; margin:0 auto 37px auto} .lien_panier_cmd{background: transparent; border: 0px} #liste_creations_cmd{ padding:30px; min-height: 135px; } #liste_creations_cmd .creation_item{ width: 25%; float:left; padding: 5px; box-sizing:border-box; cursor:pointer; text-align:center; } #liste_creations_cmd .creation_item img{ width: auto;height:auto } .btn_previsualisation_cmd {font-size: 11px;padding: 0;max-width: 120px;margin: 2px auto;} a.contact_link em {display: block;position: absolute;width: 15px;height: 15px;background: #f45a45;color: #fff;font: 12px "Aller";border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;right: 0;top: 0;} a.contact_link span {position: relative} a.contact_link.contact_link_0 em {display: none;} .sous_titre_sav { text-align: center; padding: 4px; position: relative; z-index: 1; font: 17px "aller_display"; color: #333333; text-transform: uppercase; margin-bottom: 0px; } .sav_list_sujet{ background:#ffffff; padding-bottom: 10px; margin-bottom: 50px; border: 1px solid #ddd; } .identite_box{ display:none; } .identite_box.active{ display:block; } .wrap_choix_identite_box{ border-bottom: 3px solid #666; margin-bottom:10px } .choix_identite_box{ display:block; width:50%; background: #fff; text-align:center; padding:5px; cursor:pointer; } .choix_identite_box.active{ background: #666; color:#eee } .caractval_stand_item {padding: 5px 0;cursor:pointer} .caractval_stand_item:hover{background: #ddd;} .caractval_stand_item >span {display: inline-block;vertical-align: middle;} .btn_envoi_stand{ width:100%; background: #89cd5c; padding:8px; margin-top:10px; font-weight:bold; text-transform: uppercase; color:#ffffff; cursor:pointer; width: 100%; display: inline-block; text-align: center; } .btn_envoi_stand.sans_paiement{ background: #e1734e; } .btn_envoi_stand.avec_paiment{ max-width: 200px; background: transparent; color:#222222; } .box-validation-stand input{ display:inline-block; width:100%; margin:5px 0; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; padding:8px } .box-creation-stand select{ display:inline-block; /*width:100%;*/ margin:5px 0; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; padding:8px } /* .btn_top{ cursor: pointer; position:absolute; display:block; background:rgba(155,200,155,0.5); z-index: 55; width:100%; height:30px; top: 20px; background: url("template-btn_top.png") no-repeat bottom; } .btn_bottom{ cursor: pointer; position:absolute; display:block; background:rgba(155,200,155,0.5); z-index: 55; width:100%; height:30px; top: 80px; background: url("template-btn_bottom.png") no-repeat bottom; } */ .pcanvas_wrap{ position:relative; /*overflow-y: clip;*/ } .h1-index{ font: 40px "DKLemonYellowSun"; text-align: center; margin-top: 15px; margin-bottom: 15px; } .support_desc_bit ul, .support_desc_bottom_bit ul{ padding: 10px !important; } .support_desc_bit ul li, .support_desc_bottom_bit ul li{ list-style: disc !important; } .bloc-qsn ul{ padding: 10px !important; } .bloc-qsn ul li{ list-style: disc !important;width: 100%;float: none; } .crea_input::placeholder{ font-size:12px; } #pcanvas2{ display:block; position:relative; } #pcanvas2 .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%;height:auto; } .form_group_st .ddt{ position:absolute; max-height: 164px; } .form_group_st .dds_picto .ddv{ padding-left: 13px !important; } .form_group_st .pfacette{ display: block; margin: auto; margin-top:4px; margin-bottom:4px; } .form_group_st .ddv .pfacette{ display: block; margin: auto; margin-top:0px; margin-bottom:0px; } .form_group_st .caractval_item_st{ cursor:pointer; } .form_group_st .caractval_item_stbb{ cursor:pointer; } .form_group_st .pictofacette img{ width: 30px; display: block; margin: auto; } .content_infocaracts .arrow-prev-c{ left: -15px; } .content_infocaracts .arrow-prev-c{ left: -15px; } .content_infocaracts .arrow-next-c{ right: -15px; } .content_infocaracts .box-bg-shad{ background-color: #cdcdcd;} .zd{ position: absolute; display: none; /*background: rgba(155,200,155,0.5);*/ z-index: 57; width: 100%; height: 90px; top: calc( 100% - 130px ); /*opacity:0.0;*/ /*transition: opacity 1.5s ease-in-out;*/ } @media only screen and (min-width: 768px){ .cadre_item:hover .zd{ display:block; /*opacity:1.0*/ } } .cadre_item.active .zd{ display:block; /*opacity:1.0*/ } /* .cadre_item:hover .zd, .cadre_item:active .zd{ opacity:1.0 } */ .zd_top{ display:flex; justify-content: center; } .zd_middle{ display:flex; justify-content: center; cursor: move; } .zd_bottom{ display:flex; justify-content: center; } .zd_elt{ display:inline-block; text-align:center; width:30px; height:30px; } .zd_top_center{ background: url("template-fh.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; cursor:pointer; } .zd_middle_left{ background: url("template-fg.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; cursor:pointer; opacity: 0.0; } .zd_middle_left.active{ opacity: 1; } .zd_middle_center{ background: url("template-fc.png?v=1"); background-repeat: no-repeat; background-size: 30px 30px; background-position: center; } .zd_middle_right{ background: url("template-fd.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; cursor:pointer; opacity: 0.0; } .zd_middle_right.active{ opacity: 1; } .zd_bottom_center{ background: url("template-fb.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; cursor:pointer; } #btn_reset{ display:inline-block; cursor:pointer; border-radius:5px; color:transparent; /*background:#999999;*/ background:transparent; height: 38px; min-width: 38px; vertical-align: middle; margin: 12px 18px 15px; } #btn_reset .label{ color:#ffffff; color: #ffffff !important; font: 15px "aller_display"; font-size: 15px; text-align: center; text-transform: uppercase; padding-top: 9px; padding-right: 10px; display:none } #btn_reset .icon{ background: url("template-ico_supprn2.png") no-repeat center; display: inline-block; width: 38px; height: 38px; vertical-align:top; background-size: 20px; } @media only screen and (max-width: 640px){ /* #btn_reset{ height: 32px; margin: 0px auto 15px; width: 250px; } #btn_reset .label{ display: inline-block; font-size: 12px; } */ #btn_reset .icon{ width: 32px; height: 32px; } } .content_tab_desc{ /*border-bottom:3px solid #eee; margin-bottom: 5px;*/ } .b_desc_bottom{border-top: 1px solid #ccc;} .b_desc_bottom .content_tab_desc{ border-bottom:0px; margin-top: 0; } .tab_desc{ background:transparent; cursor:pointer; color:#555555; font-weight:bold; padding:15px 10px; display:inline-block; font-size: 13px; width: 50%; /* background-image: url("template-ico_top_bottom2.png"); background-repeat: no-repeat; background-position: right 16px top -16px; */ } .b_desc_bottom .tab_desc{ font-family: MontSerrat;font-weight: 700; color:#000; width: 100%; /* background: url("template-arrow_right.svg") no-repeat center right; background-size: 20px; */ border-bottom: 1px solid #ccc; padding-left: 0; padding-right: 0; position: relative; } .b_desc_bottom .tab_desc::before{ content: ""; position: absolute; width: 20px; height: 20px; z-index: 10; transform: rotate(0deg); right: 10px; background: url("template-arrow_right.svg") no-repeat center right; background-size: 20px; transition: all 0.2s ease-out; } .tab_desc.active{ /* background:#05a0d6; */ color:#000000; border-bottom: 0px; } .tab_desc.active::before{ /* background:#05a0d6; */ color:#000000; transform: rotate(90deg); } .content_desc{ display:none; background:none; padding: 12px; border-bottom: 1px solid #ccc; } .bg-transparent-popup .close-this-parent{ right: 7px; top: 18px; display:none; } @media only screen and (min-width: 767px){ .b_desc_bottom .tab_desc{color: #000;font-size: 14px;} .content_desc.active{display:block;} } @media only screen and (max-width: 767px){ /* .zd{ transition: opacity 1.0s ease-in-out; } */ .bg-transparent-popup .close-this-parent{ display:block; } .content_desc.active{ display:block; } } #zone_drag1{ position:absolute; bottom:0px; background: rgba(100, 89, 12, 0); } #zone_drag2{ position:absolute; bottom:0px; } .info_niveau{ display:none; transition: opacity .20s ease-in-out; } .zd_middle_center .info_niveau, .btn_character_item .info_niveau{ display:block; width:30px; height:30px; background-color:#05a0d6; border-radius: 50%; color:#ffffff; box-sizing: border-box; padding-top: 5px; font-weight: bold; margin: auto; margin-top: 2px; background-image: url("template-ico_down2.png")/* no-repeat center*/; background-repeat: no-repeat; background-size: 100% auto; } .btn_character_item .info_niveau[data-niveau="0"]{ opacity: 0; } .list_corps.personnalise_active #btn_corps_personnalises2{ display:none; } .list_corps.personnalise_d_none #btn_corps_personnalises2{ display:none; } .list_corps #btn_corps_personnalises2{ display:flex; } #btn_corps_personnalises2 div{ width:90px; height:90px; border-radius:5px; border:3px solid #999; text-align:center; cursor:pointer; padding-top: 24px; } #btn_corps_personnalises{ display: none !important; } .comb_box_bb{ text-align:center } .comb_box_bb_inner{ background:#fff; padding:10px 10px 0px 10px; display: inline-block; border-radius:5px; white-space: nowrap; max-width: 350px; overflow-x: auto; overflow-y: hidden; } .wrap_comb_item{ margin:10px 10px 36px 10px; display:inline-block; } #btn_ajout_produit_stand, .btn_ajout_produit_shop{ background:#05a0d6;color:#ffffff;cursor:pointer; border-radius: 3px; -webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; margin: 2px; display:inline-block; padding: 8px; cursor:pointer; } #btn_ajout_produit_stand_bottom{ background:#05a0d6;color:#ffffff;cursor:pointer; border-radius: 3px; -webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; margin: 2px; display:inline-block; padding: 8px; cursor:pointer; margin: 20px 0; width: 100%; text-align: center; } #pcanvas2.gray_filter_visage .image_item[data-genre="visage"], #pcanvas2.gray_filter_corps .image_item[data-genre="corps"], #pcanvas2.gray_filter_visage .image_item[data-genre="visage"], #pcanvas2.gray_filter_entier .image_item[data-genre="entier"]{ filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); -webkit-filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); -ms-filter: contrast(0) sepia(0%) hue-rotate(170deg) saturate(2000%) brightness(100%); } .btn_modif_rapide{ display: block; position: absolute; z-index: 56; } .btn_modifier_cr{ display: block; background: #05a0d6; margin-bottom: 1px; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #ffffff; font: 0px "aller_display"; padding: 0 5px; text-transform: uppercase; width: 35px; height: 35px; z-index: 56; } .btn_modifier_cr span{ background: url("template-ico_modifn2.png") no-repeat center; padding: 0; display: block; width: 100%; height: 100%; } .identite_box_rapide{ position: absolute; z-index: 100; border-radius: 6px; border: 1px solid #999; background: #fff; width: 265px; left: 60px; top: 60px; } .pcanvas_temp{ position:absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; overflow:hidden; } .pcanvas_temp2{ position:absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; } .btns_character{ width:100%; display:flex; flex-wrap: wrap; } .btn_character{ display:flex; flex-basis: 0; flex-grow: 1; max-width: 100%; flex-wrap: wrap; margin-top: 4px; } .btn_character_item{ display:flex; flex-basis: 0; flex-grow: 1; max-width: 100%; flex-wrap: wrap; } .btn_modifier_c{display:block; background: #05a0d6;margin-bottom:1px;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff;font: 0px "aller_display";padding:0 5px;text-transform: uppercase;width: 35px;height: 35px;margin:auto;} .btn_suppr_c{background: #999999;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;color: #ffffff!important;display:inline-block;font: 0px "aller_display";padding:0 5px;text-transform: uppercase;width: 35px;height: 35px;margin-bottom:1px;margin:auto;} .cadre_milieu{overflow-y:hidden;} .caractval_item.picto.selected{ border : 3px solid #06a0d6; /*border : 3px solid #ff0000;*/ } #bustebras_variants_wrap{ position:absolute; width:100%; height:100%; background:rgba(50,50,50,0.7); margin-top: -15px; margin-left: -15px; border-radius: 5px; z-index: 100; } #bustebras_variants{ position: absolute; border: 1px solid #ddd; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 50; left: 50%; box-shadow: 0px 0px 22px #555555; /*min-width: 280px;*/ } .content_colors{ position:absolute; border:1px solid #bbb; padding:1px; background:rgba(255,255,255,0.8);z-index:60;right:2px;top:2px;border-radius: 3px; } .bb_color_item{ display:inline-block; width: 8px; height:8px; margin:0 2px; } .dim_support{ border-bottom: 1px solid #555; } .detail_1{ border-bottom: 1px solid #555; padding-bottom: 15px; } .detail_2{ padding-top: 10px; } .box_total_produits{ padding-bottom: 5px; } .title_paiement_stand{font-weight:bold;text-transform: uppercase;text-align:center;font-size: 30px;} .content_cadre.content_cadre_stand{ /*top:0px;*/ } .wrap_zone_toprapide{ background:#05A1D4; position: relative; overflow-x: clip; } .btn_envoi_stand .wrap_img{border:2px solid #bbb} .wrap_zone_rapide{ /*background:#fff;*/ position:absolute; width: 100%; height: 0px; display:flex; left:26px; } .zone_rapide{ /*background:#fff;*/ position:relative; height: 1px; display:flex; margin:auto } .zr_left{ /*background:#888;*/ width:85px; } .zr_center{ /*background:#f00;*/ width:140px; overflow: visible; position: relative; z-index: 100; display:flex; height: 0px; } .zr_right{ /*background:#888;*/ width:85px; } .zr_item{ /*background: #999;*/ overflow: visible; position: relative; box-sizing: border-box; } .zr_item_content{ position:absolute; height:0px; width: 100%; /* background: #eee; border:1px solid #888; */ top: -20px; } .zr_item_view{ position:absolute; bottom:0px; background:transparent; background-image:linear-gradient(#ffffff, transparent); width: 100%; text-align: left; box-sizing: border-box; cursor:pointer; max-width:150px; left: 50%; transform: translate(-50%,0%); border-radius: 8px 8px 0px 0px; padding: 8px 5px 22px; } .support_3 .zr_item_view{ max-width:230px; } .zr_item_view_content{ background:#fff; padding-left: 34px; padding-top: 3px; padding-bottom: 3px; background-image: url("template-ico_modifn3.png"); background-repeat: no-repeat; background-position: 8px 5px; min-height:30px; box-sizing:border-box; overflow:hidden; } .zr_item_edit{ position:absolute; bottom:0px; background:transparent; background-image:linear-gradient(#ffffff, #ffffff, #ffffff, transparent); width: calc(100% + 100px); border-radius: 8px 8px 0px 0px; max-width:240px; left: 50%; transform: translate(-50%,0%); padding: 8px 5px 22px; } .caractval_item_stbr .couleur{ display: block; width: 18px; height: 18px; } /* .prev_lunettes{ position: absolute; left:0px; top:20px; width: 16px; height: 26px; background: rgba(0,0,0,0.1); cursor:pointer; display: flex; align-items: center; justify-content: center; } .next_lunettes{ position: absolute; right:0px; top:20px; width: 16px; height: 26px; background: rgba(0,0,0,0.1); cursor:pointer; display: flex; align-items: center; justify-content: center; } */ .content_caract_lunettes{ /* margin-left: 16px; margin-right: 16px; */ height: 52px; white-space: nowrap; overflow: auto; scrollbar-width: thin; } .content_caract_lunettes .caractval_item_stbr{ display: inline-flex; width: 25%; height: 40px; justify-content: center; align-items: center; } .content_caract_lunettes .caractval_item_stbr .picto{ display: block; width: 35px; } .content_caract_couleurlunettes{ /* margin-left: 16px; margin-right: 16px; */ height: 42px; white-space: nowrap; overflow: auto; scrollbar-width: thin; } .content_caract_couleurlunettes .caractval_item_stbr{ display: inline-flex; width: 16.66%; height: 30px; justify-content: center; align-items: center; } .content_caract_couleurlunettes .caractval_item_stbr .couleur{ display: block; width: 18px; } .content_caract_peaux{ height: 42px; white-space: nowrap; overflow: auto; scrollbar-width: thin; display: flex; justify-content: center; } .content_caract_peaux .caractval_item_stbr{ display: inline-flex; width: 25%; height: 40px; justify-content: center; align-items: center; } .content_caract_peaux .caractval_item_stbr .couleur{ display: block; width: 18px; } .zr_yeux .pcaract_group_stbr{ width: 100%; margin-left: 10px; margin-right: 10px; } .zone_edit_personnage_wrap_detail .zr_yeux .pcaract_group_stbr{ margin: auto; } .support_3 .zr_item_edit{ max-width:230px; } .support_3 .pcaract_group_stbr .picto img{ max-width:34px; } .support_3 .caractval_item_stbr{ display:block; text-align:center; } .support_3 .zr_lunette .caractval_item_stbr{ display: inline-flex; } .zr_item_edit_content{ background:transparent; } .zr_prenom_input{ width: 100%; border: 1px solid #999; padding: 7px; border-radius: 4px; box-sizing: border-box; min-height: 30px; display: inline-block; } .zr_prenom{ font: 21px "FamilledingueFond"; color:#000000; white-space: nowrap; } .caractval_item_stbr{ cursor:pointer; } .pcaract_group_stbr .ddv{ padding-left: 4px !important; } .pcaract_group_stbr .ddt{ position:absolute; } .pcaract_group_stbr_picto .caractval_item_stbr{ border: 2px solid transparent; } .pcaract_group_stbr_picto .caractval_item_stbr.selected{ border: 2px solid #05a0d6; } .box-creation-stand #btn_previsualisation, .box-validation-stand #btn_previsualisation{width:100%} .wrap_zone_top .content_fond{ padding:10px 0px; display:flex; justify-content: space-between; } .wrap_zone_top .content_titre{ padding: 0 10px 10px 10px } .fond_zt_item{ display:flex; border:4px solid transparent; color:#ffffff; width: 25%; border-radius: 12px; margin: 5px 10px; text-align: center; font-weight: bold; cursor:pointer; min-height: 50px; align-items: center; justify-content: center; padding:8px; /*font-family: 'Arnold 2.1';*/ font-size: 16px; } @media only screen and (max-width: 575px){ .fond_zt_item{ width: 110px; height: 110px; } } .fond_zt_item.active{ border:3px solid #ffffff; } .box-creation-stand-top, .box-validation-stand-top{ padding:10px; background:#2b2b2b; border:1px solid #2b2b2b; border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px; color:#bebebe; margin: 10px 10px; } .wrap_zone_top #stand_nom, .wrap_zone_top #stand_telephone, .wrap_zone_top #modif_stand_nom, .wrap_zone_top #modif_stand_telephone{ border: 1px solid #3f3f3f; border-radius: 4px; padding: 5px; background: #242424; color: #bebebe; width: 100%; } .pcaract_group_stbr .ddv{border-right: 5px solid #efefef;} .pcaract_group_stbr .ddt{max-height: 158px} .caractval_item_stbr .pfacette{ display: block; margin: auto; margin-top:4px; margin-bottom:4px; } #input_titre_haut_zt{ background:#2d2d2d; color:#eee } #input_titre_haut_zt::placeholder{ color:#aaa; } #edition_bloc .nom_personne_c span{opacity:0.2} .page_configurateur #edition_bloc .nom_personne_c span{opacity:1} #detailgroupec_variants_wrap, #detailgroupel_variants_wrap{ position:absolute; width:100%; height:100%; background:rgba(50,50,50,0.7); margin-top: -15px; margin-left: -15px; border-radius: 5px; z-index: 100; } #detailgroupec_variants, #detailgroupel_variants{ position: absolute; border: 1px solid #ddd; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 50; left: 50%; box-shadow: 0px 0px 22px #555555; /*min-width: 280px;*/ } .wrap_images{ position:absolute; height:100%; width:100%; } .pi-instit{ max-width: 1130px; margin: 0 auto; padding: 60px 40px 40px; position: relative; } .instit_image { /*height: 350px;*/ background-size: cover!important; background-repeat: no-repeat!important; text-align: center; } .instit_image img{ width: 100%; height: auto; } .content_cadre_stand .nom_personne_c{ opacity:0.04 } .btn_save_stand{ text-transform: uppercase; font-weight: bold; font-size: 15px; } .btn_get_element, .btn_modif_element, .btn_modif_element{ font-size: 13px; } #pcaract_3 .content_caractval{ text-align: left; } #pcaract_3 .content_caractval .wrap_item{ width: 25%; display:inline-block; padding:3px } #pcaract_3 .content_caractval .caractval_item{ width:100%; } #pcaract_3 .content_caractval .caractval_item .picto{ border: 3px solid #bbb; border-radius: 5px; } #pcaract_3 .content_caractval .caractval_item.selected .picto{ border: 3px solid #06a0d6; } #pcaract_3 .content_caractval .caractval_item.picto.selected{ border: 0px solid transparent; } #pcaract_3 .content_caractval .caractval_item .label{ width:100%; text-align:center; font-weight:bold; color:#222; } .lien_cmd{ display:inline-block; background: #05a0d6; color: #fff; text-transform: uppercase; font-weight: bold; padding: 6px 10px; border-radius: 3px; margin: 2px; } .lien_cmd:hover{ background: #117699; color: #fff; } .lien_cmd.lien_sav{ background: #f45a45; } .lien_cmd.lien_sav:hover{ background: #9a3224; } .lien_cmd.lien_resetmodif{ background: #f45a45; } .lien_cmd.lien_resetmodif:hover{ background: #9a3224; } .lien_cmd.lien_sl{ background: #89cd5c; } .lien_cmd.lien_sl:hover{ background: #689a46; } .lien_cmd.lien_validmodif{ background: #89cd5c; } .lien_cmd.lien_validmodif:hover{ background: #689a46; } .lien_cmd.lien_gris{ background: #b3b3b3 !important; cursor: no-drop; } .lien_cmd.lien_gris:hover{ background: #b3b3b3 !important; } iframe{max-width:100%} .show-mobile{ display:none; } div.cmdbit{ border: 1px solid #474442; margin: 12px 0; } .cmdbit-body{ display: flex; align-items: center; justify-content: space-between; padding: 10px; } .contenuTabCmd.cmdbit-num{ background:#474442; color: #fff; text-transform: uppercase; font-weight: bold; padding: 4px; } .contenuTabCmd.cmdbit-date{ background:#474442; color: #fff; text-transform: uppercase; font-weight: bold; padding: 4px; } .contenuTabCmd.cmdbit-img{ width:30%; } .contenuTabCmd.cmdbit-etat{ width:28%; } .contenuTabCmd.cmdbit-price{ width:14%; } .contenuTabCmd.cmdbit-action{ width:28%; } .cmd-modif .cmd_box_paiement{ display:none; } .cmd-modif .btns .lien_cmd{ background: #b3b3b3 !important; } div.cmdbit .bloc_absolute{ position: absolute; background: rgba(255,255,255,0.86); width: 100%; height: 100%; z-index: 10; text-align: center; } #suggestions_wrap{ position:absolute; width:100%; height:100%; background:rgba(50,50,50,0.7); margin-top: -15px; margin-left: -15px; border-radius: 5px; z-index: 100; } #suggestions{ position: absolute; border: 1px solid #ddd; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 50; left: 50%; box-shadow: 0px 0px 22px #555555; /*min-width: 280px;*/ } .suggestions_wrap{ margin: 5px; padding: 5px;background: #eee; } .list-suggestions{ width: 300px; overflow:hidden; margin: auto } .list-suggestions .swiper-wrapper{ display: flex; justify-content:center; padding: 10px 0 } .list-suggestions .suggestion_item{ display: flex;height: 100px;width: 100px;justify-content: center;align-items: center;padding:4px; } .list-suggestions .swiper-pagination-bullets{ bottom:7px } .list-suggestions .suggestion_item img{ max-width: 92px; max-height: 92px;display:inline-block; } .comb_box_bb_inner .mCSB_container{ margin-bottom: 10px !important; } .alert-choix-coloris{ color: #666; padding-top: 15px; padding-bottom: 4px; font-size: 15px; text-align: center; } .alert-suggestions{ color: #555; padding-top: 2px; padding-bottom: 0px; font-size: 15px; text-align: center; } .image_panier { float: none; padding-left: 0px; width: 100%; margin: auto; } .image_panier .image_panier_content{ display: inline-block; position:relative; } .image_panier .panier_previsu{ background: url(template-loop2.png) no-repeat; background-position: top center; display: block; width: 40px; height: 40px; position: absolute; right: 10px; background-size: 40px 40px; } .image_panier .panier_previsu span{ display:none } @media only screen and (max-width: 640px){ .image_panier .panier_previsu{ width: 30px; height: 30px; background-size: 30px 30px; /*right: 35px;*/ } .panier_bit .panier_suppr { top:10px; } } .detail_panier_dedicace .dedicace_action{padding-bottom: 5px} .detail_panier_dedicace .dedicace_form{padding: 0px;} .detail_panier_dedicace_mobile{ display:none } .panier_bit .ligne_libelle{ display:none; } .supprimer_panier{ background: #ffffff !important; width: 22px; height: auto; } .contenu_qte_art{ background: transparent !important; } .qte_panier{ border: 1px solid #888; border-radius: 0px; overflow: hidden; background: transparent !important; padding: 0px 10px; } .qte_panier.cde3{ border: 1px solid #888; border-radius: 20px; overflow: hidden; background: transparent !important; padding: 10px 10px; } .inputqte{ background: transparent !important; padding-left: 16px !important; } .qte_moins{ background: transparent; padding-top: 0px !important; font-weight: bold; } .qte_plus{ background: transparent; padding-top:3px !important; font-weight: bold; } .recapitulatif_panier{ background-color: #2d2a2d; color: #ffffff; font: 18px "Gotham-Medium"; margin: 15px 0 5px 0; padding: 10px; text-align: center; } .etape_divers_panier{ background: #fff; margin: 16px 7px; padding: 20px; border-radius: 10px;border: 1px solid #ccc; } .etape_divers_panier .divers_panier_bit{ display:flex; justify-content: space-between; margin: 16px 0px; } .detail_panier_dedicace .inputdedicace{ min-height: 70px !important; width:100%; resize: none; background: #ebebeb; border: 1px solid #e5e5e5; border-radius: 5px; padding: 4px 10px; } .detail_panier_dedicace .inputdedicace::placeholder { opacity: 0.8; color: #b30a0a; font-size: 13px; } .modifier_panier{ display: inline-block; width: 46px; margin-right: 14px; } .modifier_panier img{ height: 30px; width:auto; } .panier_bit .panier_suppr { min-width: 100px; } .moyenlivraisonBit .border_mobile{ display:none } .panier_bit_wrap{ margin: 12px 6px; background: #ffffff; padding: 18px; } .page_cde1ajax .panier_bit, .page_cde3ajax .panier_bit{ display:flex !important; border-bottom: 0px !important; } .page_cde1ajax .panier_bit .panier_qte, .page_cde3ajax .panier_bit .panier_qte{ width: 30% !important; } .page_cde1ajax .panier_bit .panier_px_total, .page_cde3ajax .panier_bit .panier_px_total{ width: 20% !important; } .liste_panier{ background: transparent; } .tot_panier{ color: #000 !important; font-weight: bold; } .btn_pan_s{ left:0px; bottom:0px; margin-bottom: 0px; font-weight: bold; z-index: 10; width: 100% !important; } .btn_valider_paiement { } .panier_bit .ligne_libelle{ display:block; font-weight: bold; text-align: left; font-size: 14px; margin-bottom: 15px; } .totalttc_mobile{ display:none; justify-content: space-between; font-size: 20px; margin: 0px 0px 10px 0; } .btn_form{ background: #111 !important; color: #eee; font-weight: bold; padding: 14px !important; font-size: 21px; border-radius: 30px; margin-bottom: 0px !important; max-width: 100% !important; } .btn_form.btn_valider_paiement{ padding: 0px !important; } #contenuCde3 .btn_form.btn_valider_paiement{ padding: 15px 0px !important; } .panier_px_total .lib_panier_m{ display:none; } .panier_bit .panier_suppr { bottom: 91% !important; position: absolute; right: 20px !important; top: 10px; } .panier_bit .panier_px_total { padding-top: 100px; font-size: 20px !important; text-align: right; padding-right: 20px; color:#111111; } .panier_bit .panier_px_total.for_cde3 { padding-top: 40px; } .panier_qte .contenu_qte_art{ display: block !important; } .contenu_qte_art{ width: 84px !important; } .panier_bit_bottom{ display:block; } .panier_detail.head_table{ background: transparent; color: #000; text-align: center; margin-bottom: -10px; font-size: 20px; text-transform: uppercase; font-weight: bold; } .panier_detail.head_table .count_produits{ text-transform: uppercase; font-size: 16px; font-weight: normal; } .titre_mode_paie{ background: transparent; color: #000; text-align: center; margin-bottom: -10px; font-size: 24px; font-family: Gotham-Book; } .recapitulatif_panier{ background: transparent; color: #000; text-align: center; margin-bottom: -10px; font-size: 24px; font-family: Gotham-Book; } .moyenlivraisonBit{ width: 100% !important; } .moyenlivraisonBit .moyen_lab { max-width: none !important; } .moyenlivraisonBit .border_moyen{ display:none; } .moyenlivraisonBit .border_mobile{ display:flex; } .moyenlivraisonBit .moyen_icone{ background: url('template-ico_moyen_inactif.png') no-repeat 14px 14px; background-size: 40px 30px; width: 100px; } .moyenlivraisonBit .moyen_description{ width: calc( 100% - 210px ); } .moyenlivraisonBit .estimation_livr{ font-size: 14px; color: #fe694c; margin: 10px 0; } .descr_moyen{ background: #f9f9f9 !important; border: 0px !important; margin: 0px 7px; } .descr_moyen .moyen_description{ text-align: left; } .mobile_input_abs:checked + .descr_moyen{ background: #ffffff !important; } .mobile_input_abs:checked + .descr_moyen .moyen_icone{ background: url('template-ico_moyen_actif.png') no-repeat 14px 14px; background-size: 38px 30px; } .moyenlivraisonBit .descr_moyen::after { display:none } .moyenlivraisonBit .border_mobile .nom_moyen{ width: 110px; color: #000 !important; padding: 12px 12px 0 0; font-size: 18px; text-transform: uppercase; } .port_gratuit{ color: #05a0d6; font-weight: bold; font-size: 14px; text-transform: uppercase } .moyenlivraisonBit .port_gratuit{ color: #000000; } .mode_info_generale{ display:block; } .mode_info_livraison{ display:block; color: #fe694c; } .dedicace_libelle{ display:flex; -ms-display: flex; -o-display: flex; justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; margin-bottom: 3px; } .pays_livr.validepays{ border: 1px solid #ff2244; padding: 10px; background: #ffbcbc; } .btn_to_configurateur{ border: 1px solid #111111; color: #111111; padding: 20px 52px; border-radius: 30px; display: inline-block; margin-bottom: 20px; font-weight: bold; font-size: 21px; } .paiement_securise{ margin-top: 20px; } .paiement_securise .ps_text{ text-align:center } .paiement_securise .ps_icon{ text-align:center } .mode_paiement_panier { margin-top: 16px; } @media only screen and (max-width: 1024px){ .panier_detail.head_table{ font-size: 16px; } .titre_mode_paie{ font-size: 22px; } .recapitulatif_panier{ font-size: 22px; } .btn_pan_s.fixed{ position: fixed; left:0px; bottom:0px; margin-bottom: 0px; padding:8px 20px !important; background:#ffffff; padding: 0 20px; font-weight: bold; z-index: 10; border-top: 1px solid #ddd; width: 100% !important; } .btn_pan_s{ position: relative; left:0px; bottom:0px; margin-bottom: 0px; padding:8px 0px !important; /*background:#ffffff;*/ padding: 0 20px; font-weight: bold; z-index: 10; border-top: 0px; } .totalttc_mobile{ display:flex; -ms-display: flex; -o-display: flex; } img.btn_edit_mobile{ display: inline-block; } img.btn_edit_desktop{ display: none; } .dedicace_libelle label{ display: inline; } .tot_panier.hidden-mobile{ display: none !important; } } @media only screen and (max-width: 768px){ .panier_bit .panier_detail { width: 40%; } .panier_bit .panier_qte { width: 30% !important; } .panier_bit .panier_px_total { width: 30% !important; } } #canvas{ opacity: 1; } #startbutton{ opacity: 1; } .box_societe{ margin: 10px 0; border: 1px solid #ddd; } .box_check_societe{ padding: 10px; background: #eee; } #box_inputs_societe{ margin-top: 10px; } .bloc_code_ko{ position:absolute;border:1px solid #a22; padding:5px; background:#fff;z-index:100;width: 80%;left: 46%;transform: translate(-50%, 0); background: #f79b9b; } .bloc_code_ko.tete_ko{ top: 80px; } .bloc_code_ko.corps_ko, .bloc_code_ko.entier_ko{ bottom: 30px; } .ko_code{ display: inline-block; width: calc( 100% - 30px ); } .btn_ko_code{ display: inline-block; width: 25px; border: 1px solid #999; background: #ddd; padding: 2px; cursor: pointer; } .wrap_btn_top #btn_previsualisation { background: url(template-loop2.png) no-repeat; background-size: auto; background-position: top center; display: inline-block; width: 40px; height: 40px; right: 35px; background-size: 40px 40px; top:45px; z-index: 100; margin: 12px 30px; vertical-align: top; } .label_new_dedicace{ color:#666666; font-weight: normal; font-size: 14px; } .new_dedicace{ width:100%; background: #ddd; border: 1px solid #bbb; } #categorie_wrap{ text-align:center; } #categorie_wrap .wrap_image{ padding-top: 10px; padding-bottom: 60px; } #bloc_categorie_clic{ padding: 10px; } #categorie_wrap img{ width: 90%; cursor:pointer; } .liste_animaux_expression .swiper-slide{ display:inline-block; width: auto ! important; height: auto ! important } @media only screen and (max-width:768px) { .wrap_btn_top #btn_previsualisation { top:auto; bottom: -60px; position: absolute; } #btn_reset { position: absolute; right: 30px; } .btn_ajout_nouv .b_libelle_desktop{display: none;} .btn_ajout_nouv .b_libelle_mobile{display: inline;} .btn_ajout_nouv, #btn_editer_fond.picto_previsu { width: 170px; height: 150px; vertical-align: top; margin: 0px 10px !important; font-size: 24px !important; padding: 2px 8px !important; } .btn_ajout_nouv .b_picto, #btn_editer_fond.picto_previsu .b_picto { display: block; padding-top: 8px; } .btn_ajout_nouv .b_picto img, #btn_editer_fond.picto_previsu .b_picto img { width: 84px; margin: auto; } .btn_ajout_nouv .b_libelle, #btn_editer_fond.picto_previsu .b_libelle { display: block; } .label_new_dedicace{ font-size: 15px; } .produit_delai { font-size: 14px; } .b_action_cadre a span.text { font-size: 14px; } } @media only screen and (max-width:520px) { .btn_ajout_nouv, #btn_editer_fond.picto_previsu { width: 35%; margin:15px 5px; } #btn_reset { margin: auto; right: 8px; } .btn_ajout_nouv .b_libelle, #btn_editer_fond.picto_previsu .b_libelle { font-size: 22px; } .btn_ajout_nouv .b_picto img, #btn_editer_fond.picto_previsu .b_picto img { width: 60%; } } @media only screen and (max-width:480px) { .panier_bit .ligne_libelle { font-size: 12px; } .panier_bit .panier_px_total { font-size: 15px !important; } .btn_ajout_nouv .b_libelle, #btn_editer_fond.picto_previsu .b_libelle { font-size: 18px; } } .produit_delai .date_estimation{ color: #05a0d6; } .info_dedicace{ display: inline-block; background: #ddd; padding: 3px; width: 22px; cursor: pointer; text-align: center; border-radius: 3px; } .p-close-top{ position:absolute; top:10px; right:10px; cursor:pointer; width:16px; height:16px; color:transparent; background: url("template-ico_supprn2.png") no-repeat center; display:none; } .is_dedicace .p-close-top{ display:block; } .fb_popup .p-close-top{ display:block; width:20px; height:20px; background: #eee; border-radius: 50%; background-image: url("template-ico_supprn2.png"); background-size: 10px 10px; background-repeat: no-repeat; background-position: center; right: 12px; top: 12px; } .wrap_img_cover_fb{ cursor:pointer; } .content_cadre .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 10px; margin: 3px auto; } .content_cadre .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 12px; margin: 2px 0; } .shop_paiement.p-modal, .shop_paiement_modif.p-modal{ z-index: 4000; } .shop_paiement .p-dialog-wrap, .shop_paiement_modif .p-dialog-wrap{ display: flex; -ms-display: flex; -o-display: flex; align-items: center; -ms-align-items: center; -o-align-items: center; justify-content: center; } .shop_paiement .p-dialog, .shop_paiement_modif .p-dialog{ background: #fff; color: #000; position: relative; width: 100%; } .shop_paiement .p-dialog-content, .shop_paiement_modif .p-dialog-content{ text-align: left; padding: 10px; } .shop_paiement .p-dialog-title, .shop_paiement_modif .p-dialog-title{text-align: left} .shop_paiement .p-close-top, .shop_paiement_modif .p-close-top{ display:block; } .content-popup-paiement .paiment_item_wrap img{ width:100px; } .box-creation-stand-top.box-error{ border: 1px solid #ad1b1b; background: #2f0404; } input.input-error{ border: 1px solid #cd4242 !important; } .libelle_race{ position: relative; padding: 2px; z-index:10; background: rgba(255,255,255,0.8); margin-top: -6px; } .swiper-list-col-animal{ min-height: 270px; } .d-none-custom{ display: none !important; } /* css since mug*/ .pos-abs{ position: absolute; } #conf_wrap_zone{ margin: 0px 0px; } #content_gabarit{ display: flex; -ms-display: flex;-o-display: flex; margin-top: 30px; margin-bottom: 20px; padding-left: 30px; padding-right: 30px; } #wrap_config{ overflow:hidden;width:600px;height:600px; background:#dddddd;position:relative; } #wrap_config_action{ width:calc( 100% - 600px );/*background:#eeee;*/position:relative; padding: 0 20px 0; } #wrap_titre{padding: 8px 5px;border-bottom: 3px solid #000;text-align:center;} #wrap_titre .text-titre{text-transform: uppercase; font-weight: bold; font-size: 20px;} #wrap_titre2{padding: 25px 5px;border-bottom: 3px solid #000;text-align:center;} #wrap_titre2 .text-titre{font-size: 16px;font-weight: bold;} #text_personnaliser{text-align:center;font-weight: bold;font: 16px 'Gotham-Book'; padding: 15px ;} #btn_editer_fond_pers{ text-align: center; text-transform: uppercase; font-family: Montserrat;font-weight: 700; padding: 6px 0 0; font-size: 20px; padding: 16px; background: #F5F6F7 url(template-arrow_select_up.png) no-repeat scroll right 15px center; /*border: 1px solid #59ADCB;*/ cursor: pointer; } #content_fond_pers.active #btn_editer_fond_pers{ background: transparent url(template-arrow_select.png) no-repeat scroll right 15px center; } .personnage_item_btn:not(.new){max-width:initial; width: calc( 100% - 26px ); cursor:pointer;background:#89cd5c;padding: 8px 15px;font-size:22px;position:relative;} .personnage_item_btn:not(.new) .b_picto/*, #btn_editer_fond_pers .b_picto */{ position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; } .personnage_item_btn:not(.new) .b_picto img/*, #btn_editer_fond_pers .b_picto img*/{ width: 60px; margin-top: 8px; margin-left: 7px; } .personnage_item_btn:not(.new) .b_libelle::after, #btn_editer_fond_pers .b_libelle::after{ content: url("template-fleche_down.png"); right: 10px;top: 18px;position: absolute; } .box_design_pers{background-color: #ffffff;box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);-webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); padding: 10px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px} #wrap_vues{ margin-bottom: 30px; text-align:center; } .vue_item_btn, .vue_item_image{position: relative; display: inline-block; margin: 10px 10px 6px 16px; cursor:pointer;text-transform: uppercase;font-weight: bold;font-size: 12px; vertical-align: top;} .vue_item_btn .vue_picto, .vue_item_image .vue_picto{ width: 80px; display: flex; -ms-display: flex;-o-display: flex; padding-bottom: 100%; } .vue_item_btn .vue_picto_container, .vue_item_image .vue_picto_container{ border: 3px solid #ffffff; position: absolute; width: 100%; height: 100%; } .vue_picto{position: relative;} .vue_picto:not(.vue_picto_previsu)::after {position: absolute;background: rgba(255,255,255,0.5);content: "";left: 0;top: 0;width: 100%;height: 100%;} .active .vue_picto::after {display: none;} .vue_item_btn .vue_picto img, .vue_item_image .vue_picto img{ max-width:100%; max-height:100%; height: auto; } .vue_item_btn .vue_picto .objet_item_zone_previsu img, .vue_item_image .vue_picto .objet_item_zone_previsu img{ max-width:none; max-height:none; } .vue_item_btn.active .vue_picto, .vue_item_image.active .vue_picto{ /*border: 3px solid #00a0d7;*/ } .vue_item_btn.active .vue_picto_container, .vue_item_image.active .vue_picto_container{ border: 3px solid #00a0d7; } .vue_item_btn .vue_libelle, .vue_item_image .vue_libelle{ text-align: center; display: block; padding: 5px; font-family: "Montserrat"; font-size: 12px; position: absolute; transform: translateX(-50%); left: 50%; } .conf_preview{ display: none; width: 46px; height: 46px; position: absolute; right: 12px; top: 12px; cursor: pointer; background: transparent url("template-loop2.png") center top / contain no-repeat; z-index: 42; } #wrap_config.wrap_config_1 .conf_preview, #wrap_config.wrap_config_2 .conf_preview{ display:block } .conf_previous{ display: block; width: 60px; height: 60px; position: absolute; left: 0px; bottom: 0px; cursor: pointer; background: #999 url("template-ico_conf_prev2.png") center top / contain no-repeat; z-index: 42; } .conf_next{ display: block; width: 60px; height: 60px; position: absolute; right: 0px; bottom: 0px; cursor: pointer; background: #999 url("template-ico_conf_next2.png") center top / contain no-repeat; z-index: 42; } .conf_previous:hover{ background: #ccc url("template-ico_conf_prev2.png") center top / contain no-repeat; } .conf_next:hover{ background: #ccc url("template-ico_conf_next2.png") center top / contain no-repeat; } .config-image-zone{ width:100%; height:100%; display: flex; -ms-display: flex;-o-display: flex; align-items:center; -ms-align-items: center; -o-align-items: center; justify-content: center; -ms-justify-content: center; -o-justify-content: center; } .config-image-zone img{ max-width:100%; max-height:100%; height: auto; } .previsu_mug .p-dialog-wrap{ display: flex; -ms-display: flex;-o-display: flex; align-items:center; -ms-align-items: center; -o-align-items: center; justify-content: center; -ms-justify-content: center; -o-justify-content: center; } .previsu_mug .p-dialog{ background: #fff } .liste_articles {padding: 30px 0;} .articleBit h3, .box-ss-categBit h2 {padding: 15px 10px;text-align: center;font: 15px "aller_display";text-transform: uppercase;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .articleBit_ima{position: relative;} .picto_promo {position: absolute;background: #f45a45;color: #fff;right: 10px;top: 10px;border-radius: 5px;padding: 2px;} .articleBit a {display: block;overflow: hidden;} .articleBit h2, .articleBit h2{ padding: 15px 10px; text-align: center; } .articleBit h2 a, .articleBit h3 a{ text-align: center; font: 15px "aller_display"; text-transform: uppercase; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*articleBit a:hover h3 {background: #00a0d7;color: #fff;} .articleBit:hover h3 {background: #00a0d7;color: #fff;}*/ .articleBit img{ width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .articleBit:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);} .pcaract_group.dropdown.one-character .ddt{ display: none !important; } .page_index .articleBit h3{font-family: Montserrat;font-weight: 700;} /******modif categ 2023******/ .articleBit.box-shad-categ {box-shadow: 0px 0px 5px 0px rgba(155,155,155,0.71);-webkit-box-shadow: 0px 0px 5px 0px rgba(155,155,155,0.71);-ms-box-shadow: 0px 0px 5px 0px rgba(155,155,155,0.71);height: 100%;} .prix-categ{padding: 0 15px 15px 15px;} .articleBit_prix.prix-categ strong {font: 17px "Gotham-Medium";color: #00a0d7;} .categorie_page_nav ul {display: flex;-ms-display: flex;-o-display: flex;align-items:center; -ms-align-items: center; -o-align-items: center; justify-content: center; -ms-justify-content: center; -o-justify-content: center;} .categorie_page_nav ul li {padding: 0 5px;} .categorie_page_nav ul li a {background: #00a0d7;padding: 5px;color: #fff;} .box-shad-categ.articleBit h2 a:hover{color: #00a0d7;} .sstitle-categ {max-height: 46px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;padding:0 15px 0 15px;color:#333; margin-bottom: 10px;} .box-shad-categ.articleBit .etiquette{display: none;} @media only screen and (min-width: 980px){ .sstitle-categ{min-height:30px;} .mb-perso-xl{margin-bottom: 40px!important;} } @media only screen and (max-width: 575px){ .sstitle-categ {max-height: 30px;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;} .prix-categ{padding-bottom: 8px;} .box-shad-categ.articleBit h2{padding-bottom: 5px;} .pt-0-mobile{padding-top: 0!important;} } .articleBit .flex-grow-l {flex-basis: 0;-ms-flex-basis: 0;} .flex-grow-l {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;} /*********ARTCLE MUG****/ #big_wrap_btn_personnages{ background: #ffffff; border-radius: 8px; margin-bottom: 20px; padding-bottom: 10px; } #wrap_btn_personnages>div:first-child {order: 3;} #wrap_btn_personnages>div:nth-child(2) {order: 1;} #wrap_btn_personnages>div:nth-child(3) {order: 2;} #wrap_btn_personnages {display: flex;flex-wrap: wrap;width: 100%;flex-direction: column;} #wrap_btn_personnages.wrap_btn_personnages_new { display: block;white-space: nowrap;width: 100%;flex-direction: column;overflow:auto } input.conf_input_text { /*border: 1px solid #ccc;*/ border: #ffffff; height: 24px; width: 100%; padding: 18px 7px; margin: 5px 0 7px 0; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: #ffffff; font-size: 15px; } /* input.conf_input_text:focus { border: 1px solid #ccc; background: #ffffff; } */ /*****MUG 2024*********/ .box-shadow-mob{border-radius: 5px;background-color: #fff;padding:30px 10px;} .titre-desktop-cadre{text-align: center;font : 15px "aller_display"; padding-top: 8px;} .select-perso-mug select{border:none; font-size: 15px;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .titre-mob-cadre{text-align: center;font : 17px "aller_display"; padding-top: 8px;color: #999999;text-transform: uppercase;} @media only screen and (max-width: 1080px){ .personnage_item_btn:not(.new) .b_picto img, #btn_editer_fond_pers .b_picto img {width: 45px; margin-top: 14px;} .page_creation_perso .personnage_item_btn:not(.new){font-size: 18px;} .page_creation_perso #btn_editer_fond_pers{font-size: 18px;} } @media only screen and (min-width: 981px){ #wrap_config_action {order: 2;} #wrap_vues_mobile {display: none;} #wrap_config_action{/*height:600px;*/display: flex; flex-direction: column; /*justify-content: space-around;*/ padding-bottom: 0;} .w-100.h-100.spacer-none {display: none;} } @media only screen and (max-width: 980px){ #wrap_vues{display: none;} #content_gabarit {flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;margin-top: 0;justify-content: center;-ms-justify-content: center;-o-justify-content: center;padding-bottom: 30px;padding-left: 15px; padding-right: 15px;/*-items: end;*/margin-bottom: 0;} #content_gabarit {margin-top: 20px;} #wrap_config_action {width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%; display: flex;-ms-display: flex;-o-display: flex;padding-left: 0; padding-right: 0;} #wrap_config {width: 75%;flex: 0 0 75%;-ms-flex: 0 0 75%;/*background-color: #f2f3f4; */max-width: 600px;position: relative;height: auto;z-index: 2;} #conf_wrap_zone{margin-left: auto;margin-right: auto;} div#wrap_vues_mobile{width: 25%;flex: 0 0 25%; -ms-flex: 0 0 25%; text-align: center;} .conteneur-perso-objet #content_gabarit{background: #fff;} .conteneur-perso-objet #wrap_config_action{display: block;background-color: #E1E1E1;border-radius: 10px; padding: 20px;} .conteneur-perso-objet #wrap_config {width: 100%;flex: 0 0 100%;-ms-flex: 0 0 75%;/*background-color: #f2f3f4; */max-width: 600px;position: relative;height: auto;z-index: 2;} .conteneur-perso-objet div#wrap_vues_mobile{width: 100%;flex: 0 0 100%; -ms-flex: 0 0 100%; text-align: center;padding-top: 15px;padding-bottom: 10px;display: none;} .conteneur-perso-objet #wrap_vues_mobile .vue_item_btn, .conteneur-perso-objet #wrap_vues_mobile .vue_item_image {margin-top: 0;display: inline-block;width: 15px;height: 15px;margin-left: 2px;} .conteneur-perso-objet .vue_item_btn .vue_picto, .conteneur-perso-objet .vue_item_image .vue_picto {width: 100%;height: 100%;} .conteneur-perso-objet #wrap_vues_mobile .conf_wrap_zone_previsu {width: 0!important;height: 0!important;opacity: 0;} .conteneur-perso-objet #wrap_vues_mobile .vue_item_btn .vue_picto_container, .conteneur-perso-objet #wrap_vues_mobile .vue_item_image .vue_picto_container , .conteneur-perso-objet #wrap_vues_mobile .vue_item_btn.active .vue_picto, .conteneur-perso-objet #wrap_vues_mobile .vue_item_image.active .vue_picto{border: none!important;background: #B2B2B2;border-radius: 100%;} .conteneur-perso-objet #wrap_vues_mobile .vue_item_btn.active .vue_picto_container, .conteneur-perso-objet #wrap_vues_mobile .vue_item_image.active .vue_picto_container{background-color: #000;border:none!important} .conteneur-perso-objet #wrap_vues_mobile .vue_item_btn img,.conteneur-perso-objet #wrap_vues_mobile .vue_item_image img ,.conteneur-perso-objet #wrap_vues_mobile .vue_libelle{display: none;} .conteneur-perso-objet #conf_wrap_zone{position: relative;} .bg-grey-mobile{background-color: #f2f3f4!important;} #conf_wrap_zone {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;} .conf_previous, .conf_next{z-index: 42;} #text_personnaliser{font: 20px "aller_display";color:#000; padding-left: 0;text-align: left;padding-top: 5px;padding-bottom: 5px; border-bottom: 1px solid #000;margin-bottom: 10px;} .conteneur-perso-objet:not(.notspecial) #wrap_config{max-width: 100%;} .conteneur_creation_perso:not(.notspecial) .form_design_cadre{position: relative;z-index: 99;} .conteneur_creation_perso:not(.notspecial) .shadow_creation{padding-left: 10px;padding-right:10px;} } .select-perso-mug{height: auto!important;padding-top: 23px;} .select-perso-mug select{ color: #00A0D7; background: #fff url(template-arrow_select.png) no-repeat center right 7px; font: 16px "aller_display"; border: 1px solid #888; padding: 7px; border-radius: 6px; padding-right: 15px; text-align: center; color: #222; } @media only screen and (max-width: 767px){ #wrap_config_action {/*display: flex;-ms-display: flex;-o-display: flex;*/flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;align-items: center;} #wrap_titre{border-bottom: none;text-align: left;flex: 0 0 100%;} #wrap_titre2{display: none;} .conteneur-perso-mug:not(.conteneur-perso-objet) #text_personnaliser{display: none;} .conteneur-perso-mug:not(.conteneur-perso-objet) .personnage_item_btn:not(.new) .b_picto,.conteneur-perso-mug:not(.conteneur-perso-objet) #btn_editer_fond_pers .b_picto { height: auto; display: block;width: 100%;position: relative;} .personnage_item_btn:not(.new) .b_picto img, #btn_editer_fond_pers .b_picto img{margin-top: 5px;margin-left: auto;margin-right: auto;} .personnage_item_btn:not(.new) .b_libelle::after, #btn_editer_fond_pers .b_libelle::after{display: none;} .page_creation_perso .conteneur-perso-mug:not(.conteneur-perso-objet) .content_gabarit_mug #btn_editer_fond_pers{width: 100%;margin: 0!important; max-width: 150px;} .page_creation_perso .conteneur-perso-mug:not(.conteneur-perso-objet) .personnage_item_btn:not(.new){ max-width: 150px;margin-left: 0;margin-right: 0; padding-left: 5px;padding-right: 5px;width: 100%;} .conteneur-perso-mug:not(.conteneur-perso-objet) .bg-grey-mobile .b_action_cadre{flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap} .conteneur-perso-mug:not(.conteneur-perso-objet) .bg-grey-mobile .b_panier .qte_cadre{display: flex;-ms-display: flex;-o-display: flex} .conteneur-perso-mug:not(.conteneur-perso-objet) .vue_item_btn, div:not(.conteneur-perso-objet) .vue_item_image {margin-top: 0; display:block} .vue_item_btn .vue_picto, .vue_item_image .vue_picto {width: 100%;height: 100%;} .conf_next{width: 46px; height: 46px; background-size: 46px;} .conf_previous{width: 46px; height: 46px; background-size: 46px;} .vue_libelle:empty {display: none;} .conteneur-perso-mug:not(.conteneur-perso-objet) #wrap_btn_personnages { flex-direction: row;align-items: center;} #wrap_btn_personnages>div {flex: 0 0 33%;width: 33%; margin: 0;padding-right: 5px;} .conteneur-perso-mug:not(.conteneur-perso-objet) div#wrap_btn_personnages:not(.product_objet) + div {width: 35%;} .btn_ajout_nouv .b_libelle, .picto_previsu .b_libelle {font-size: 15px;max-width:100px;margin-left: auto;margin-right: auto;} .conteneur-perso-mug:not(.conteneur-perso-objet) #btn_editer_fond.picto_previsu .b_libelle{font-size: 15px;} .conteneur-perso-mug:not(.conteneur-perso-objet) .btn_ajout_nouv, .conteneur-perso-mug:not(.conteneur-perso-objet) #btn_editer_fond.picto_previsu{height: auto;} .conteneur-perso-objet #wrap_btn_personnages>div {width: 100%;flex: 0 0 100%; } .conteneur-perso-objet #wrap_btn_personnages>div.content_btn_groupe {width: auto !important;flex: 0 0 100%; } .conteneur-perso-objet .btn_ajout_nouv .b_libelle, .conteneur-perso-objet .picto_previsu .b_libelle {font-size: 15px;max-width:100%;margin-left: auto;margin-right: auto;} .conteneur-perso-objet .personnage_item_btn:not(.new) .b_picto img,.conteneur-perso-objet #btn_editer_fond_pers .b_picto img{margin-top: 13px;} .box-shadow-mob{padding-top: 15px; padding-bottom: 15px;box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -webkit-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -ms-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3); -o-box-shadow: 0 3px 5px 0 rgba(73, 73, 73, 0.3);} .box-shadow-mob .new.caractval_item span{display: block;text-align: center;padding-top: 5px;color: #777;} .select-perso-mug{height: auto!important;padding-top: 15px;} .select-perso-mug select{/*color: #00A0D7;background: url(template-arrow_select.png) no-repeat center right;*/font: 16px "aller_display";padding-right: 15px;} .page_creation_perso #btn_editer_fond_pers {font-size: 18px;width: 100%;margin-left: 0;margin-right: 0;} .conteneur-perso-objet .form_design_cadre {background: #fff;} .conteneur-perso-mug .art_qte label{font-size: 14px;} .conteneur-perso-objet .box_design_pers{box-shadow: none!important;padding: 0;} .conteneur_creation_perso:not(.notspecial) .shadow_creation{padding-left: 10px;padding-right:10px;} } @media only screen and (max-width: 575px){ .other_link_top{width: auto!important;} #btn_add_panier_pers{font-size: 22px;} } @media only screen and (max-width: 420px){ /* .conf_next{width: 30px; height: 30px; background-size: 30px;} .conf_previous{width: 30px; height: 30px; background-size: 30px;} */ .page_creation_perso .conteneur-perso-mug:not(.conteneur-perso-objet) .personnage_item_btn:not(.new) {font-size: 15px;max-width: 130px;} .page_creation_perso #btn_editer_fond_pers{font-size: 15px;} .conteneur-perso-objet #content_gabarit{padding-left: 10px;padding-right: 10px;} .conteneur_creation_perso:not(.notspecial) #content_gabarit{padding-left: 0;padding-right: 0;} .page_creation_perso #wrap_titre .text-titre{font-size: 18px; } #btn_add_panier_pers span {display: block;} #btn_add_panier_pers {font-size: 16px;} .articleBit h2 a{font-size:13px} .vue_item_btn .vue_libelle, .vue_item_image .vue_libelle{font-size: 15px;} .max-content-2 .px_promo{font-size: 25px;} .max-content-3 .px_promo{font-size: 25px;} .conteneur-perso-mug:not(.conteneur-perso-objet) #content_gabarit {padding-left: 20px;} .conteneur_creation_perso.conteneur-perso-objet:not(.notspecial) #content_gabarit{padding-left: 0;padding-right: 0;} .conteneur-perso-objet.notspecial.notobjet #content_gabarit{padding-left: 0;padding-right: 0;} .conteneur_creation_perso:not(.notspecial) #wrap_config_action{padding-left: 15px;padding-right: 15px;} } @media only screen and (max-width: 390px){ .personnage_item_btn:not(.new) .b_picto img, #btn_editer_fond_pers .b_picto img {width: 35px;} .btn_ajout_nouv .b_libelle, .picto_previsu .b_libelle {font-size: 13px;max-width: 85px;} #btn_editer_fond.picto_previsu .b_libelle{font-size: 13px;} .select-perso-mug select{font-size: 14px;} .caract-mug-perso .new.caractval_item.couleur .couleur{ height: 38px;width: 38px;} .caract-mug-perso .new.caractval_item.couleur.selected .couleur::after {width: 45px;height: 45px;} span#btn_add_panier_objet {font-size: 20px;} .conteneur_creation_perso:not(.notspecial) #wrap_config_action, .conteneur_creation_perso.notspecial.notobjet #wrap_config_action{padding-left: 10px;padding-right: 10px;gap: 12px;} } @media only screen and (max-width: 370px){ .page_creation_perso .conteneur-perso-mug:not(.conteneur-perso-objet) .personnage_item_btn:not(.new) {font-size: 14px;max-width: 120px;} .page_creation_perso .conteneur-perso-mug:not(.conteneur-perso-objet) #btn_editer_fond_pers{font-size: 14px;max-width: 105px;} #text_personnaliser{font-size: 16px} } @media only screen and (max-width: 350px){ .conteneur-perso-mug:not(.conteneur-perso-objet) .btn_ajout_nouv .b_libelle, .conteneur-perso-mug:not(.conteneur-perso-objet) .picto_previsu .b_libelle {font-size: 12px;max-width: 80px;} } .max-none-content{max-width: 100%!important;} .max-content-2 {max-width: 300px;margin-left: auto;} .max-content-3 {max-width: 100%;} .filtre_cat{ background: #eee; /*border-radius: 4px;*/ border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 10px; } .categorie_filtre{ display:flex; align-items: center; } .lib_f_c{ padding: 4px; } .content_fitre_categ{ align-items: center; } .filtre_item{ margin: 5px 5px; display: inline-block; } .filtre_item .c_f{ position: relative; } .ddfs{ cursor:pointer; padding: 5px; border-radius: 4px; border: 2px solid #05a0d6 } .ddf.open .ddfs{ cursor:pointer; padding: 5px; background-color: #05a0d6; color: #ffffff !important; } .ddft{ display:none; } .ddf.open .ddft{ display:block } .filtre_item .c_f .filtreContenu{ margin-left: -1px; margin-top: 2px; position: absolute; background: #fff; padding: 10px; z-index: 10; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2) } .res_filtre{ margin: 6px 5px 0px; } .selected-filter-item{ background: #bbb; padding: 4px 6px; margin: 3px 8px; border: 1px solid #999; border-radius: 10px; cursor: pointer; white-space: nowrap; display: inline-block; } .selected-filter-item:hover{ background: #999; } .reset-filter{ cursor: pointer; margin: 3px 8px; } .reset-filter:hover{ color: #a61717; } .checkval-item{ white-space: nowrap; display: block; margin: 2px 4px; } .choix_container{ max-height: 255px; overflow: auto; min-width: 210px; } .wrap-apply-filter{ text-align: right; padding: 12px 0 0; } .apply-filter{ background-color: #05a0d6; border: none; border-radius: 5px; color: #ffffff !important; font-size: 15px; padding: 5px 15px; text-align: center; margin-right: 5px; display: inline-block; } .wrap_noimage{ position:absolute; width:100%; height:100%;display:flex;z-index:30; align-items:center; justify-content: center; } .cross_noimage .image_item{ opacity:0; } .wrap_noimage img{ width:80%; max-width: auto; display: block; } .conf_main_menu_item_cheval, .conf_main_menu_item_animal{ cursor:pointer; } .conf_main_menu_item_cheval .icon, .conf_main_menu_item_animal .icon{ background: #05a0d6; border-radius: 8px; display:flex; justify-content: center; align-items: center; } .conf_main_menu_item_cheval .label, .conf_main_menu_item_animal .label{ text-align: center; text-transform: uppercase; margin-top: 10px; } #prix_barre{ text-decoration:line-through; font-weight: bold; font-size: 26px; display: inline-block; margin-right: 10px; } .message_remise{ margin-top: 20px; font-size: 17px; text-align: center; font-weight: bold; } .message_remise .message_rouge{ color: #e14352; } .contenu_remise_ligne{ margin-top: 15px; font-size: 15px; color: #f45a45; font-weight: bold; } .prixbrut_ligne{ text-decoration: line-through; font-size: 13px !important; } .prixbrut_ligne + div{ color: #f45a45; font: 22px "Gotham-Medium"; text-transform: uppercase; } .lien_desinscription { color: #a23500; font-size: 13px; text-transform: uppercase; } .lien_desinscription:hover { color: #1b584d; } #wrap_btn_objets{ width: 100%; } .btn_add_objet_personnage{ /*cursor:pointer; display: inline-block; border: 3px solid #aaa; padding: 5px; border-radius: 4px; margin: 5px; background: #fff;*/ background-color: #59adcb; color: #ffffff; display: inline-block; font: 20px "gotham-Medium"; /*margin: 0px 13px 15px;*/ margin: 0px; max-width: 100%; padding: 12px 15px; text-align: center; /*text-transform: uppercase;*/ border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; width: 100%; } .btn_add_objet_personnage .b_libelle { padding: 8px 0; display: inline-block; } .btn_add_objet_personnage .b_picto{ padding: 0; display: inline-block; } .btn_add_objet_personnage .b_picto img{ width: 30px; margin-top: -3px; margin-left: -8px; } .objet_item_widget{ background: #ffffff; border-radius: 8px; margin-bottom: 20px; } .content_btn_objet_personnages{ white-space: nowrap; overflow: auto; text-align: center; padding: 10px 0; } .btn_personnage_item{ cursor:pointer; display: inline-block; border: 2px solid #888; padding: 0px; border-radius: 4px; margin: 5px 20px; background: #fff;position:relative; } .personnage_item_btn.new{ cursor:pointer; display: inline-block; border: 2px solid #888; padding: 0px; border-radius: 4px; margin: 5px 20px; background: #fff;position:relative; } .btn_personnage_item .wrap_pcanvas{ padding: 6px; overflow:hidden; } .personnage_item_btn.new .wrap_pcanvas{ padding: 6px; overflow:hidden; } .btn_personnage_item.active{ border: 3px solid #080; } .btn_personnage_item .pcanvas{ width:90px; margin: auto; } .personnage_item_btn.new .pcanvas{ width:90px; margin: auto; display: flex; justify-content: center; } .panvas_inner.is_cheval{ width:62px; position:relative; } .btn_personnage_item .image_filigrane{ width: 100%; top: 0; z-index: 29; height: 130px; position: relative; } .personnage_item_btn.new .image_filigrane{ width: 100%; top: 0; z-index: 29; height: 130px; position: relative; } .hidden_action .wrap_btn_add_objet_personnage, .hidden_action_plus .wrap_btn_add_objet_personnage{ display:none; } .btn_deplacer_gauche{ color:#fff; cursor:pointer; display:block; width:22px; height:22px; position: absolute; bottom: 12px; left: 12px; border-radius: 50%; background-image: url("template-fg2.png"); background-repeat: no-repeat; background-size: 20px; background-position: center; z-index: 30; } .content_btn_objet_personnages .btn_personnage_item:first-child .btn_deplacer_gauche{ display:none; } .content_btn_groupe .personnage_item_btn:first-child .btn_deplacer_gauche{ display:none; } .btn_deplacer_droite{ color:#fff; cursor:pointer; display:block; width:22px; height:22px; position: absolute; bottom: 12px; right: 12px; border-radius: 50%; background-image: url("template-fd2.png"); background-repeat: no-repeat; background-size: 20px; background-position: center; z-index: 30; } .content_btn_objet_personnages .btn_personnage_item:last-child .btn_deplacer_droite{ display:none; } .content_btn_groupe .personnage_item_btn:last-child .btn_deplacer_droite{ display:none; } .content_btn_objet_groupe .btn_personnage_item:last-child:first-child .btn_supprimer_personnage{ display:none; } .btn_modifier_personnage{ background:#00a0d7; color:#fff; cursor:pointer; display:block; width:24px; height:24px; position: absolute; top: -6px; right: -6px; border-radius: 50%; background-image: url("template-ico_modifn2.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; z-index: 30; } .btn_modifier_personnage_btn{ background:#00a0d7; color:#fff; cursor:pointer; display:block; width:24px; height:24px; position: absolute; top: -6px; right: -6px; border-radius: 50%; background-image: url("template-ico_modifn2.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; z-index: 30; } .btn_supprimer_personnage{ background:#878787; color:#fff; cursor:pointer; display:block; width:24px; height:24px; position: absolute; bottom: -6px; left: -6px; border-radius: 50%; background-image: url("template-ico_supprn.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; z-index: 30; } .hidden_action .btn_supprimer_personnage, .hidden_action_minus .btn_supprimer_personnage{ display:none; } .zone_admin .hidden_action .wrap_btn_add_objet_personnage{ display:block; } .zone_admin .hidden_action .btn_supprimer_personnage{ display:block; } .caracteristique_art .caract_bit{ margin: 10px 0; } .caracteristique_art .caract_bit select{ display: inline-block; width: 100%; border: 1px solid #76a0a0; padding: 6px; border-radius: 4px; } .couleur_texte_item{ display: flex; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; border: 2px solid transparent; position: relative; box-sizing: border-box; align-items: center; justify-content: center; } .couleur_texte_item.active{ border:2px solid #00a0d7; } .couleur_texte_item span{ background: #FFFFFF; display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%; margin: 0; padding: 0; } .texte_item_widget{ margin: 8px 0; padding: 8px; background: #fff; border-radius: 5px; } .texte_item_widget input.conf_input_text{background-color: #f1f2f3;border: 1px solid #ccc;} .cde_caracteristiques{ margin-top: 10px } .cde_caracteristiques .cde_caract_item{ display:inline-block; margin: 0 5px; padding: 5px; background: #eee; border-radius: 4px; border: 1px solid #ddd; } .cde_caracteristiques .cde_caract_key{ } .cde_caracteristiques .cde_caract_value{ font-weight: bold; } .filigrane_zone{ position:absolute; width: 100%; height: 100%; z-index: 40; opacity: 0.18; } .filigrane_zone img{ position:absolute; width: 100%; height: 100% !important; display: block; } #previsu_popup_objet{ position: fixed; background:rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 50; display: flex; align-items: center; top: 0; left: 0; } #previsu_popup_objet .previsu_popup_inner_objet{ height: 500px; width:100%; background:rgba(255,255,255,0.0); display:flex; justify-content: center; position: relative; } #previsu_popup_objet .vue_item_btn_previsu{ height: 100%; width:500px; background:rgba(255,255,255,1); position: relative; } #previsu_popup_objet .vue_picto, #previsu_popup_objet .vue_picto_container{ position:absolute; width: 100%; height: 100%; } .vue_item_btn_previsu.vue_item_btn{ margin: 0px; } @media only screen and (max-width: 575px){ .message_remise {font-size: 15px;} } @media only screen and (max-width: 390px){ .message_remise {font-size: 14px;} } .content_btn_objet_groupe{ display: inline-block; padding:5px; border:2px solid #d0d0d0; background:#fafafa; border-radius: 5px; margin:5px } .content_btn_groupe{ /* display: inline-block; padding:5px; border:3px solid #d0d0d0; background:#e2e2e2; border-radius: 5px; margin:5px */ display: inline-block; padding: 5px; border: 2px solid #d0d0d0; background: #fafafa; border-radius: 5px; margin: 5px; } .content_fonds_textes{ /*border: 2px solid #00a0d7;*/ /* margin: 0px 13px 13px; padding: 0px 5px 10px; border-radius: 6px; */ display:none; } #content_fond_pers.active .content_fonds_textes{ display:block; } .content_fonds_textes #wrap_widget_textes.has_content{ /*max-height: 241px;*/ max-height: 370px; overflow: auto; /*border: 1px solid #ccc;*/ padding: 0 8px; } .objet_item_widget_titre{ text-align:center; text-transform: uppercase; font-family: aller_display; padding: 6px 0 0; font-size: 20px; display: none; } @media only screen and (max-width: 981px){ #wrap_config_action.has-open-box #content_fond_pers{ display:none; } #wrap_config_action.has-open-box #content_fond_pers.active{ display:block; position:relative; /*width:auto;*/ width:100%; height:auto; margin-bottom: 1px; } #wrap_config_action.has-open-box #caract-mug-perso-wrap{ display:none; } #wrap_config_action.has-open-box #caract-mug-perso-wrap.active{ display:block; position:relative; /*width:auto;*/ width:100%; height:auto; margin-bottom: 1px;background-color: #fff; } #caract-mug-perso-wrap .caract-mug-perso{background: none;} .cip-encadrement-taille{background: none;} .caract_support_item.selected{background: none;} #wrap_config_action.has-open-box #wrap_btn_objets{ display:none; } #wrap_config_action.has-open-box #big_wrap_btn_personnages{ display:none; } .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box #caract-mug-perso-wrap.active, .conteneur_creation_perso.notspecial.notobjet #wrap_config_action.has-open-box #caract-mug-perso-wrap.active{position: absolute;width: 95%;height: auto;margin-bottom: 1px;background-color: #fff;left: 50%;transform: translate(-50%, 0);bottom: 0px;border-radius: 8px 8px 0 0;} } #content_fond_pers{ margin-bottom: 20px; background: #fff; margin-bottom: 20px; border-radius: 8px; } #content_fond_pers.active{ position: absolute; width: 100%; height: 100%; box-shadow: 0px 0px 10px #888; z-index: 100; } /* @media only screen and (max-width: 981px){ #content_fond_pers.active{ position: fixed; width: calc( 100% - 60px ); height: calc( 100% - 60px ); box-shadow: 0px 0px 16px #888; top:30px; left:30px; } } */ #caract-mug-perso-wrap.active{ position: absolute; width: calc( 100% - 40px ); height: 100%; box-shadow: 0px 0px 10px #888; z-index: 100; } /* @media only screen and (max-width: 981px){ #caract-mug-perso-wrap.active{ position: fixed; width: calc( 100% - 60px ); height: calc( 100% - 60px ); box-shadow: 0px 0px 16px #888; top:30px; left:30px; } } */ .select_list_drop_pers{ background: #f2f3f4; padding: 10px 22px; border-radius: 6px; } .sep_fond_texte{ margin:auto; margin-top: 16px; margin-bottom: 16px; background: #f0f1f2; height: 4px; width: 80%; } .texte_item_widget .libelle_texte{ font: 15px Montserrat; color: #888; } .btn_save_creation_obj .btn-nouv-valid{ padding: 5px 10px; } #caract-mug-perso-wrap{ margin-bottom: 20px; background: #fff; margin-bottom: 20px; border-radius: 8px; padding-bottom: 1px; } .has-open-box #caract-mug-perso-wrap{ background: #f2f3f4; } #caract-mug-perso-wrap .caract-mug-perso{ display: none; } #caract-mug-perso-wrap.active .caract-mug-perso{ display: block; } #caract-mug-perso-wrap .btn_editer_caract_pers{ text-align: center; text-transform: uppercase; font-family: aller_display; padding: 6px 0 0; font-size: 20px; padding: 16px; background: transparent url(template-arrow_select_up.png) no-repeat scroll right 15px center; cursor: pointer; } #caract-mug-perso-wrap.active .btn_editer_caract_pers{ background: transparent url(template-arrow_select.png) no-repeat scroll right 15px center; } .caract_item_pers{ /* background: #f1f2f3; padding: 5px; border-radius: 8px; margin: 10px; */ } .caract_item_pers .libelle{ /* font: 22px DKLemonYellowSun; text-align:center; display: block; */ font: 20px Montserrat; text-align: left; display: block; padding-left: 50px; } .caract_item_pers .caract_encadrement_item.selected .libelle, .caract_item_pers .caract_taille_item.selected .libelle{ font-weight: bold; } .btn-caract-valid{ margin: 10px; /*width: calc( 100% - 20px );*/ box-sizing: border-box; display: inline-block; background: #05a0d6 !important; border: none; border-radius: 5px; color: #fff; text-transform: uppercase; font: 24px "aller_display"; padding: 6px 40px; } .btn-caract-valid:hover{ background: #7ec038 !important; } .btn_save_creation_obj{ margin: 10px; /*width: calc( 100% - 20px );*/ box-sizing: border-box; display: inline-block; background: #05a0d6 !important; border: none; border-radius: 5px; color: #fff; text-transform: uppercase; font: 24px "aller_display"; padding: 6px 40px; } .btn_save_creation_obj:hover{ background: #7ec038 !important; } #content_support{ font: 18px DKLemonYellowSun; font-size: 38px; text-align:left; padding-left: 20px; font-weight: bold; } #content_format{ font: 20px DKLemonYellowSun; color: #d4b192; font-size: 33px; text-align:left; padding-left: 20px; } #content_encadrement{ background:#ddd; padding: 5px; border-radius: 4px; min-width: 62px; } .encadrement_couleur{ background: #ffffff; width: 38px; height: 38px; border-radius: 50%; margin: auto; margin-bottom: 16px; } .encadrement_couleur span{ width: 30px; height: 30px; border-radius: 50%; display: inline-block; margin-top: 4px; } .caract_support_item{ /* display: inline-block; border: 3px solid transparent; border-radius: 9px !important; margin: 0 8px; width: 76px; height: 100px; position: relative; background-repeat: no-repeat; background-size: 72px 94px; background-position: center; cursor: pointer; */ width: 50%; cursor: pointer; } .caract_support_item .libelle{ display: inline-block; font: 19px "Montserrat"; /* position: absolute; bottom: 5px; */ width:100%; padding: 10px; text-align: center; } .caract_support_item.selected{ border: 1px solid #59ADCB; background: #fff;border-bottom:2px solid #fff; } .caract_support_item.selected .libelle{ font-weight: bold; } .d-none-cus{ display: none; } .d-none-cus.d-show-cus{ display: inline-block; margin-bottom: -2px; } .liste-ss-categ-affiche{ display:none; } .cat_affiche .liste-ss-categ-affiche{ display:block; position: relative; } .swiper-content{ overflow: hidden; position: relative; } .cat_affiche .liste-ss-categ{ display:none; } .liste-ss-categ-affiche .wrap-box-ss-categBit{ /* display:inline-block; margin: 0 30px; */ width: 200px; } .liste-ss-categ-affiche .box-ss-categBit{ background: transparent; } .liste-ss-categ-affiche .box-ss-categBit .image-cat{ display: block; border-radius: 50%; overflow:hidden; width: 160px; height: 160px; margin:auto; border: 2px solid #ddd; padding: 3px; } .liste-ss-categ-affiche .box-ss-categBit a { border-radius: 50%; } .liste-ss-categ-affiche .box-ss-categBit .libelle-cat{ background: transparent; } .liste-ss-categ-affiche .box-ss-categBit .libelle-cat h2{ font:600 14px 'Montserrat';text-transform: uppercase; } .button-prev-ss-cat{ position: absolute; top: 80px; width: 25px; height: 45px; font-size: 0; z-index: 9; border: none; background: url('template-prev_arrow_ss.png') no-repeat center top; left: -30px; cursor: pointer; transform: translate(0,-50%); outline: none !important; transition: opacity 1s; } .button-next-ss-cat{ position: absolute; top: 80px; width: 25px; height: 45px; font-size: 0; z-index: 9; border: none; background: url('template-next_arrow_ss.png') no-repeat center top; right: -30px; cursor: pointer; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); outline: none !important; transition: opacity 0.6s; } .button-prev-ss-cat.swiper-button-disabled, .button-next-ss-cat.swiper-button-disabled{ opacity: 0.1; } @media only screen and (max-width: 1400px){ .button-prev-ss-cat{ left: 10px; } .button-next-ss-cat{ right: 10px; } } @media only screen and (max-width: 1080px){ .liste-ss-categ-affiche .box-ss-categBit .image-cat{ width: 140px; height: 140px; } .button-prev-ss-cat, .button-next-ss-cat{ top: 70px; } .liste-ss-categ-affiche .box-ss-categBit .libelle-cat h2 { font: 28px DKLemonYellowSun; } } @media only screen and (max-width: 980px){ .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box #caract-mug-perso-wrap.active,.conteneur_creation_perso.notspecial.notobjet #wrap_config_action.has-open-box #caract-mug-perso-wrap.active {padding-bottom: 10px;} .conteneur-perso-mug .cip-encadrement-taille{background-color: #fff;padding-left: 10px;padding-right: 10px;} .conteneur-perso-mug .caract_support_item{background: none;} .conteneur-perso-mug .caract_support_item.selected{background: none;} .conteneur-perso-mug .content-cip{padding-top: 0;margin: 0;} #texte_perso_ref{display: none;} .conteneur_panier_b .qte_cadre .qte_panier{border-radius: 20px;} .conteneur_creation_perso #btn_add_panier_objet{margin-top: 10px;} /*.conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box #content_fond_pers , .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box #wrap_btn_objets{display: block;}*/ .conteneur_creation_perso:not(.notspecial) #content_gabarit,.conteneur_creation_perso.notspecial.notobjet #content_gabarit {padding-bottom: 0;margin-top: 0;} .conteneur_creation_perso:not(.notspecial) #content_gabarit.open-content-box,.conteneur_creation_perso.notspecial.notobjet #content_gabarit.open-content-box {position: relative;} .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box, .conteneur_creation_perso.notspecial.notobjet #wrap_config_action.has-open-box {padding-bottom: 0;} .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box .btn_editer_caract_pers, .conteneur_creation_perso:not(.notspecial) #wrap_config_action.has-open-box .btn_editer_caract_pers *,.conteneur_creation_perso.notspecial.notobjet #wrap_config_action.has-open-box .btn_editer_caract_pers, .conteneur_creation_perso.notspecial.notobjet #wrap_config_action.has-open-box .btn_editer_caract_pers * {font-size: 0!important;padding-top: 7px;} .conteneur_creation_perso.conteneur-perso-objet:not(.notspecial) #wrap_config_action.has-open-box,.conteneur_creation_perso.conteneur-perso-objet.notspecial.notobjet #wrap_config_action.has-open-box {/*margin-top: -32vh;*/background: none;padding: 0 5px;} .conteneur_creation_perso.conteneur-perso-objet:not(.notspecial) .open-content-box#content_gabarit::after, .conteneur_creation_perso.conteneur-perso-objet.notspecial.notobjet .open-content-box#content_gabarit::after {position: absolute;top: 0;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.5);z-index: 9;left: 0;} .notspecial.notobjet #big_wrap_btn_personnages {flex: 0 0 30%;margin-bottom: 0;padding-bottom: 0;box-shadow: 0px 0px 8px #888;} .conteneur-perso-objet.notspecial.notobjet #wrap_btn_personnages>div.content_btn_groupe{display: flex;} .notspecial.notobjet #wrap_btn_personnages>div.content_btn_groupe > div {flex: 0 0 calc(48% - 5px);margin-left: 5px;margin-right: 5px;} .notspecial.notobjet .personnage_item_btn.new .pcanvas{width: 50px;} .notspecial.notobjet .personnage_item_btn.new .image_filigrane{height: auto;} .notspecial.notobjet #caract-mug-perso-wrap > div{height: 100%;display: flex;justify-content: center;align-items: center;} .notspecial.notobjet .has-open-box #caract-mug-perso-wrap > div{display: block;} } @media only screen and (max-width: 768px){ .liste-ss-categ-affiche .box-ss-categBit .image-cat{ width: 120px; height: 120px; } .button-prev-ss-cat, .button-next-ss-cat{ top: 60px; } .liste-ss-categ-affiche .box-ss-categBit .libelle-cat h2 { font: 24px DKLemonYellowSun; } /*.conteneur_creation_perso.conteneur-perso-objet:not(.notspecial) #wrap_config_action.has-open-box {margin-top: -50vh;}*/ } @media only screen and (max-width: 575px){ /*.conteneur_creation_perso.conteneur-perso-objet:not(.notspecial) #wrap_config_action.has-open-box {margin-top: -70%;}*/ } @media only screen and (max-width: 480px){ .notspecial.notobjet .personnage_item_btn.new .pcanvas{width: 40px;} } @media only screen and (max-width: 400px){ .liste-ss-categ-affiche .box-ss-categBit .image-cat{ width: 104px; height: 104px; } .button-prev-ss-cat, .button-next-ss-cat{ top: 54px; } .liste-ss-categ-affiche .box-ss-categBit .libelle-cat h2 { font: 22px DKLemonYellowSun; } .notspecial.notobjet .personnage_item_btn.new .pcanvas{width: 35px;} } @media only screen and (max-width: 380px){ .notspecial.notobjet .personnage_item_btn.new .pcanvas{width: 30px;} } .cat_affiche .categorie_top{ background: #efefef; } .cat_affiche .cat-image{ display:none; } /* .cat_affiche .categ_bottom{ display:none; } */ .cat-encart-image{ display:block; width: 100%; height: 100%; } .cat-encart-image img{ object-fit: cover; display: block; width: 100%; height: 100%; } .objetvariantimagecorpsfdd_item{ max-width: none; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); left: 50%; height:auto; } .new.caractval_item.caract_encadrement_item59 .picto{ border-radius: 100%; background-image: url("template-interdictiongris.png"); background-repeat: no-repeat; background-size: 42px 42px; background-position: center; display: block; width: 58px; height: 58px; margin: auto; border: 11px solid #fff; position: relative; } .new.caractval_item.caract_encadrement_item59.selected .picto{ background-image: url("template-interdictionrouge.png"); } .new.caractval_item.caract_encadrement_item59 span, .new.caractval_item.caract_encadrement_item59 .couleur{ display:none; } .new.caractval_item.couleur.selected .picto::after { display: block; position: absolute; left: 50%; width: 62px; border: 3px solid #06a0d6; content: ""; height: 62px; border-radius: 100%; top: 50%; transform: translate(-50%,-50%); } .content_tab_dressing{ display: flex; } .tab_dressing_item{ display: inline-block; background: #d1d1d1; margin-right: 10px; padding: 8px 12px; margin-top: 10px; font: 18px "DKLemonYellowSun"; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; cursor:pointer; } .tab_dressing_item.active{ background: #fff; padding: 10px 12px; margin-bottom: -1px; border-top: 1px solid #afafaf; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; } .content_dressing_item{ border-top: 1px solid #afafaf; padding: 10px 0; display: none; } .content_dressing_item.active{ display: block; } .call_edit_personnage_special{ background: #00a0d7; color: #fff; cursor: pointer; display: block; width: 24px; height: 24px; position: absolute; border-radius: 50%; background-image: url("template-ico_modifn2.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; z-index: 490; } .call_edit_direct_personnage_special{ background: #34d308; color: #fff; cursor: pointer; display: block; width: 24px; height: 24px; position: absolute; border-radius: 50%; background-image: url("template-ico_modifn2.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; z-index: 490; } .info_call_edit_personnage_special{ background: #00a0d7; color: #fff; display: block; width: 24px; height: 24px; position: absolute; border-radius: 50%; background-image: url("template-ico_modifn2.png"); background-repeat: no-repeat; background-size: 12px 12px; background-position: center; top: 12px; } .info_call_edit_personnage_special_autre{ top: 48px; } .zone_edit_personnage_ok{ position: absolute; width: 28px; height: 28px; background: #7EC038; z-index: 550; border-radius: 4px; color: #fff; font-weight: bold; display:flex; align-items: center; justify-content: center; cursor: pointer; } .zone_edit_personnage_edit_wrap{ overflow: visible; width:1px; height:1px; position: absolute; } .zone_edit_personnage_edit{ background: #59adcb; color: #fff; cursor: pointer; display: block; position: relative; border-radius: 9px; padding: 8px 5px 8px 5px; font-size: 12px; font-weight: bold; width: calc(100% - 26px); text-align: center; /*margin: 13px auto;*/ margin: 6px auto; } .zone_edit_personnage_supprimer{ background: #e7614d; color: #fff; cursor: pointer; display: block; width: 40px; height: 40px; position: absolute; border-radius: 50%; background-image: url("template-design_poubelle.png"); /*background-image: url("template-deletepers1.png");*/ background-repeat: no-repeat; background-size: 23px 23px; background-position: center; z-index: 550; } .zone_edit_personnage_details{ display: block; width: 150px; height: 0px; position: absolute; z-index: 540; overflow: visible; } .zone_edit_personnage_details .content_special{ background: rgba(255,255,255,1); border: 1px solid rgba(0,0,0,0.4); position: absolute; bottom: 0px; width:100%; border-radius: 14px; padding: 10px } .zone_edit_personnage_toright{ background: #fff; color: #fff; cursor: pointer; display: block; width: 30px; height: 30px; position: absolute; border-radius: 5px; background-image: url("template-fd2.png"); background-repeat: no-repeat; background-size: 20px; background-position: center; z-index: 550;border-radius: 100%; } .zone_edit_personnage_toleft{ background: #fff; color: #fff; cursor: pointer; display: block; width: 28px; height: 28px; position: absolute; border-radius: 5px; background-image: url("template-fg2.png"); background-repeat: no-repeat; background-size: 20px; background-position: center; z-index: 550;border-radius: 100%; } .zone_edit_personnage_special{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0, 0.1); top: 0; right: 0; display:none; z-index: 500; } .zone_edit_personnage_special.active{ display:block; } .zone_edit_personnage_detail .ddt .caractval_item_stbr{ border: 1px solid #eee; padding: 4px; margin: 3px 0; transition: all 0.5s; } .zone_edit_personnage_detail .ddt .caractval_item_stbr:hover{ background: #ccc; padding-left: 8px; } .zr_corps{ z-index: 1000; position: relative; } .zone_edit_personnage_item{ position: absolute; background: rgba(0,0,0,0.6); } .zone_edit_personnage_wrap_detail{ position: absolute; width: 1px; height: 1px; display: none; z-index: 10000; } .zone_edit_personnage_wrap_detail.active{ display: block; } .zone_edit_personnage_detail{ transform: translateX(-50%); left: 50%; position:absolute; bottom:0px; background: #fff; padding:10px; max-width: 200px; border: 1px solid #ddd; border-radius: 5px; } .zone_edit_personnage_detail .zr_lunette{ border-top: 1px solid #a7b6c4; border-bottom: 1px solid #a7b6c4; padding: 4px; padding-top: 4px; padding-bottom: 4px; /* margin-left: -4px; margin-right: -4px; */ } .zone_edit_personnage_detail .zr_peau{ border-top: 1px solid #a7b6c4; border-bottom: 1px solid #a7b6c4; padding: 4px; padding-top: 2px; padding-bottom: 2px; } .zone_edit_personnage_detail .zr_lunettes_objet{ border-top: 1px solid #a7b6c4; padding: 4px; padding-top: 2px; padding-bottom: 2px; } .zone_edit_personnage_detail{ transform: translateX(-50%); left: 50%; position:absolute; bottom:0px; background: #fff; padding:0px; min-width: 200px; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0px 0px 3px #55d; } .zone_edit_personnage_top{ width:100%; top:0; left:0; } .zone_edit_personnage_bottom{ width:100%; bottom:0; left:0; } .zone_edit_personnage_left{ left:0; } .zone_edit_personnage_right{ right:0; } .box-info-global{ background: #2b2b2b; } .box-lignes-special{ background: #a6a6a6; } .box-lignes-special .lignes{ border-bottom: none; position: relative; } .box-lignes-special .lignes-action{ border-bottom: none; position: relative; } #btn_ajout_produit_special{ background: #000000; color: #ffffff; cursor: pointer; border-radius: 30px; display: inline-block; padding:15px 20px; cursor: pointer; font: 16px "aller_display"; text-transform: uppercase; } .box-info-global #stand_nom, .box-info-global #stand_telephone{ background: #ffffff; border: 0px; padding: 8px; border-radius: 8px; width: 100%;height: 32px; } .box-info-global select{ background: #ffffff url("template-arrow_select.png") no-repeat scroll center right 5px ; border: 0px; padding: 8px; border-radius: 8px; height: 32px;width: 100%;padding-right: 20px; line-height: 1.5; } .conteneur-perso-stand-special #content_gabarit {background: #F2F3F4;margin-bottom: 0;padding-bottom: 30px;} .conteneur-perso-stand-special .box_design_pers{border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;box-shadow: none;background-color: #F2F3F4;} #btn_cmd_produit_special{background: #A6A6A6;color: #ffffff;cursor: pointer;border-radius: 30px;display: inline-block;padding:10px 20px;cursor: pointer;font: 28px "Gotham-Medium";text-transform: uppercase;} .font-30{font-size: 25px;} .tot-cmd-green{color: #89CD5C;} .conteneur-perso-stand-special .qte_panier.bg-white {background: #fff !important;} .max-container-special{max-width: 800px;margin: auto;} .conteneur-perso-stand-special #content_fond_pers ,.conteneur-perso-stand-special .objet_item_widget {background: none;padding: 0;} .conteneur-perso-stand-special .content_fonds_textes #wrap_widget_textes.has_content{padding: 0;border: none;} .conteneur-perso-stand-special #wrap_config, .conteneur-perso-objet #wrap_config{ overflow: visible; } .conteneur-perso-stand-special .content_fonds_textes{ margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .conteneur-perso-stand-special #content_fond_pers{ margin-bottom: 0px; } .conteneur-perso-stand-special .content_fonds_textes{ margin-bottom: 0px; padding-bottom: 0px; } .btn_add_personnage_stand{ display: block; position: absolute; transform: translateX(-50%); bottom: -24px; background: #00A0D6; border-radius: 15px; padding: 12px; z-index: 505; left: 50%; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 24px; cursor: pointer; text-wrap: nowrap; } .stand_right_sep{ margin:16px 0; border-bottom: 2px solid #444; } .zone_top_fonds{ display:flex; justify-content: space-between; } .zone_top_fonds .zone_fond_item_pers{ width: 90px; height: 90px; border-radius: 12px; border: 6px solid transparent; cursor: pointer; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; font-weight: bold; text-transform: uppercase; box-shadow: 0px 2px 1px 1px #999; } .zone_top_fonds .zone_fond_item_pers.active{ border: 6px solid #00A0D6; } .bloc_format_special{ display: flex; justify-content: space-between; } .bloc_format_special .format_special_item{ width: 104px; height: 104px; border-radius: 12px; display: flex; justify-content: center; align-items:center; border: 6px solid transparent; cursor: pointer; background: #fff; text-transform: uppercase; font-weight: bold; font-size: 18px; } .bloc_format_special .format_special_item.active{ border: 6px solid #00A0D6; } .overlay-block{background:rgba(45, 42, 45,0.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;} #container_zone_details_special:not(.active){display: none;} .zone-special-content {position: fixed; z-index: 999; width: 100%; max-width: 400px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);padding: 15px;border-radius: 10px; } .zone-special-body{background: rgb(194,194,194); background: -moz-linear-gradient(180deg, rgba(194,194,194,1) 27%, rgba(223,199,151,1) 72%); background: -webkit-linear-gradient(180deg, rgba(194,194,194,1) 27%, rgba(223,199,151,1) 72%); background: linear-gradient(180deg, rgba(194,194,194,1) 27%, rgba(223,199,151,1) 72%);padding: 15px;} .btn-close-popup{ font-size: 30px;background: #f45a45;line-height: 0;color: #fff !important;display: block;border-radius: 100%;width: 30px;height: 30px;font-weight: 700;padding: 5px;border: 0;text-align: center;} .btn-close-popup i::before{width: auto;line-height: 0;} .btn-ok.btn-blue {margin-top: 0;font-size: 14px;padding: 5px 15px;height: 40px;} .form-perso-id .form-control{height: 40px;background: #fff;border: 0;border-radius: 5px;} .max-personnage-left {max-width: 100px;} .rounded-100 {width: 60px;height: 60px;border: 4px solid #E2DFDA;border-radius: 100%;background: #fff;} .rounded-100 > *{width: 100%;height: 100%;border-radius: 100%;display: block;} .radius-30{border-radius: 30px!important;-webkit-border-radius: 30px!important;} .font-20{font-size: 20px;} .conteneur-perso-stand-special .pfacette{border-radius: 100%;} .conteneur-perso-stand-special .caractval_item_stbr.selected{border-radius: 100%;border-width: 3px;} .conteneur-perso-stand-special .zone_edit_personnage_details .content_special{border:none;background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 96%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 96%); background: linear-gradient(180deg, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 96%);} .conteneur-perso-stand-special .zr_item_edit_content .d-flex > .w-50{background: rgb(211,211,211); background: -moz-linear-gradient(180deg, rgba(211,211,211,1) 31%, rgba(255,255,255,1) 72%); background: -webkit-linear-gradient(180deg, rgba(211,211,211,1) 31%, rgba(255,255,255,1) 72%); background: linear-gradient(180deg, rgba(211,211,211,1) 31%, rgba(255,255,255,1) 72%);border-radius: 5px;padding:8px 5px;margin: 0 5px;width: calc(50% - 10px)!important; font-size: 11px; font-weight: bold;} .conteneur-perso-stand-special .pcaract_group_stbr .ddv{ background: none !important;padding: 0 !important;border: none;} .conteneur-perso-stand-special .pcaract_group_stbr .ddv .pfacette{width: 35px;height: 35px;} .conteneur-perso-stand-special .pcaract_group_stbr .ddt { min-width: fit-content; } .wrap_btn_personnaliser_special{ /*padding: 5px 0;*/ } .btn_personnaliser_special{ width: 90px; height: 90px; /*margin: 0 10px;*/ display: flex; justify-content: center; align-items: center; background: #8fe4c8; font-size: 10px; border-radius: 6px; border: 3px solid transparent; cursor: pointer; box-shadow: 0px 4px 5px 0px rgba(215,215,215,1); } .btn_personnaliser_design{ width: 90px; height: 90px; /*margin: 0 10px;*/ display: flex; justify-content: center; align-items: center; background: #e48fc8; font-size: 10px; border-radius: 6px; border: 3px solid transparent; cursor: pointer; box-shadow: 0px 4px 5px 0px rgba(215,215,215,1); } .btn_personnaliser_design.selected{ border: 3px solid #06a0d6; } #dressing_variants_wrap, #design_variants_wrap{ position:absolute; width:100%; height:100%; background:rgba(50,50,50,0.7); /* margin-top: -15px; margin-left: -15px; */ border-radius: 0; z-index: 110; } #dressing_variants, #design_variants{ position: absolute; border: 1px solid #ddd; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 50; left: 50%; box-shadow: 0px 0px 22px #555555; min-width: 280px; } .btn_open_variant{ width:20px;height:20px; background: #ddd url(template-arrow_select_color.png) no-repeat scroll right center; cursor:pointer;position:absolute; border:1px solid #bbb; padding:2px; z-index:60;right:2px;top:2px;border-radius: 3px; } .btn_open_design_variant{ width:20px;height:20px; background-image: url("template-fleche_grise.png"); background-repeat: no-repeat; background-size: 14px 14px; background-position: center; /*background: #ddd url(template-arrow_select_color.png) no-repeat scroll right center;*/ cursor:pointer; position:absolute; /*border:1px solid #bbb;*/ padding:2px; z-index:60;right:2px; top:2px; border-radius: 3px; } .comb_item.selected .btn_open_design_variant{ top:12px; background-image: url("template-fleche_noire.png"); background-size: 20px 20px; } .comb_item_special, .comb_item_design{ display:inline-block; background-color: #F6F4F5; border: 3px solid transparent; margin-bottom: 10px; vertical-align:top; cursor:pointer; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position:relative; -webkit-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1); -moz-box-shadow: 0px 4px 5px 0px rgba(215,215,215,1); box-shadow: 0px 4px 5px 0px rgba(215,215,215,1); width: 120px; height:90px; max-width: 100%; } #pcanvas_wrap{ margin: auto; } .content_colors{ position:absolute; border:1px solid #bbb; padding:1px; background:rgba(255,255,255,0.8);z-index:60;right:2px;top:2px;border-radius: 3px; } .dressing_color_item{ display: none; /* display:inline-block; width: 8px; height:8px; margin:0 2px;border:1px solid #e8e8e8; */ } #dressing_color { margin: 10px; display: block; width: calc( 100% - 20px ); box-sizing: border-box; padding: 10px; border-radius: 4px; border: 1px solid #b8acac; } .list_pcanvas_wrap{ height: 100%; position: relative; } .btn_personnage_item_animal .wrap_pcanvas{ width: 100px; height: 150px; } .list_pcanvas, .btn_personnage_item_animal .pcanvas{ width: 100%; height: 0px; position: absolute; bottom: 0; } .list_pcanvas .wrap_tete_front, .btn_personnage_item_animal .pcanvas .wrap_tete_front{ position: absolute; } .list_pcanvas .wrap_tete_front .image_item, .btn_personnage_item_animal .pcanvas .wrap_tete_front .image_item{ top: 0; } .btn_personnage_item_animal .image_filigrane{ position:absolute; bottom:0; display: block; } .liste_animaux_objet .comb_item, .liste_animaux .comb_item{ width:90px; height:130px; } .liste_animaux_objet .swiper-slide, .liste_animaux .swiper-slide{ text-align: center; } @media only screen and (min-width: 992px) { #caract-mug-perso-wrap .btn_editer_caract_pers{display: none!important;} #caract-mug-perso-wrap .btn_editer_caract_pers + .caract-mug-perso{display: block!important;} #caract-mug-perso-wrap .btn_editer_caract_pers + .caract-mug-perso .content-cip{margin: 0;} #caract-mug-perso-wrap{padding-bottom: 0;} #caract-mug-perso-wrap .caract_item_pers .libelle{font-size: 16px;} #caract-mug-perso-wrap .caract_support_item .libelle{font-size: 19px;} /* .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap .btn_editer_caract_pers{display: none!important;} .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap .btn_editer_caract_pers + .caract-mug-perso{display: block!important;} .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap .btn_editer_caract_pers + .caract-mug-perso .content-cip{margin: 0;} .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap{padding-bottom: 0;} .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap .caract_item_pers .libelle{font-size: 16px;} .conteneur_creation_perso:not(.notspecial) #caract-mug-perso-wrap .caract_support_item .libelle{font-size: 19px;} */ } @media only screen and (max-width: 992px) { #caract-mug-perso-wrap .caract_item_pers .libelle{font-size: 16px;} #caract-mug-perso-wrap .caract_support_item .libelle{font-size: 19px;} .conteneur_panier_b .qte_cadre .art_qte{display: table;} } @media only screen and (max-width: 420px) { #caract-mug-perso-wrap .caract_item_pers .libelle {font-size: 14px;padding-left: 30px;} } /******refonte index 2024*******/ .costumer-swiper {background: #efefef;padding: 20px 15px;} .title-monserrat{font: 700 24px "Montserrat";} .title-monserrat strong{font-family: Montserrat;font-weight: 900;} .costumer-btn{background-color: #D2D2D2;border-radius: 100%;display: inline-block;margin-left: 5px;padding: 7px 8px;cursor: pointer;} .costumer-btn i{font-size: 20px;} .costumer-btn.swiper-button-disabled{opacity: 0.5;} .costumer-swiper img{border-radius: 100%;width: 100%;max-width: 300px;} .montserrat-logo-txt {font-size: 20px; vertical-align: top;padding-top: 12px;} .montserrat-logo-txt .text-grey {color: #ccc;} .review-index-title > *{vertical-align: middle;} @media only screen and (min-width: 1200px) { .content-bull-personnage .col-5-perso{ -ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;} } @media only screen and (min-width: 992px) { .col-logo{width: 90px;} .max-header >.row {flex-wrap: nowrap;} a.navLink span{border-right:1px solid #000; } } @media only screen and (min-width: 1025px) { .col-logo{width: 100px;} .col-perso-index{flex: 0 0 20%!important;max-width: 20%!important;} } @media only screen and (min-width: 1380px) { .col-logo{width: 150px;} } .toggle_menu img{ filter: brightness(0%);-ms-filter: brightness(0%);-webkit-filter: brightness(0%);max-width: 40px;} .toggle_menu:hover img{ filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);} @media only screen and (max-width: 992px) { .col-logo {flex: 1;padding: 0;} .col-lg-auto.col-logo + .col{flex: 0 0 1px;padding: 0;} .title-monserrat {font-size: 22px;} } @media only screen and (max-width: 575px) { .slogan {padding-left: 84px; font-size: 13px;color: #00A0D7;} .title-monserrat {font-size: 20px;} .montserrat-logo-txt {font-size: 18px;padding-top: 0;} .bloc-costumer-index .title-monserrat img{max-width: 15px;} .minw-menu{min-width: 110px;} } @media only screen and (max-width: 480px) { .montserrat-logo-txt {font-size: 16px;} .title-monserrat {font-size:18px;} .slogan {font-size:12px} .review-index-title{ order: 3;flex: 0 0 100%;} .minw-menu{min-width: 102px;} } @media only screen and (max-width: 420px) { .review-index-title{font-size:14px;} .minw-menu{min-width: 86px;} .montserrat-logo-txt {font-size: 15px;} } @media only screen and (max-width: 380px) { /*.montserrat-logo-txt {font-size: 13px;}*/ .slogan {padding-left: 67px;font-size:11px} .title-monserrat {font-size:16px;} .review-index-title{font-size:13px;} } @media only screen and (max-width: 350px) { /* .montserrat-logo-txt {font-size: 12px;padding-top: 15px;}*/ .logo img {max-height: 55px;} .slogan {padding-left: 60px} .montserrat-logo-txt {font-size: 14px;} .toggle_menu img{max-width: 30px;} .review-index-title{font-size:12px;} } .dressing_content_colors{ position: absolute; top: 0px; right: 10px; } .dressing_content_colors .wrap_comb_item{ display:none; } .dressing_content_colors .dds{ cursor:pointer; } .dressing_content_colors .ddt{ width:auto; right: 1px; left: auto; bottom: auto; top: 19px; border: 1px solid #aaa; border-radius: 0px; } .list_color{ width: 75px; display:flex; flex-wrap: wrap; } .dressing_content_color_item{ border: 1px solid #ccc; margin:2px; width:21px; height:21px; display:flex; justify-content:center; cursor:pointer; } .dressing_content_color_item .code_couleur{ width:100%; height:100%; } .visible_detail { display: flex; justify-content: center; } .dds_open{ width:20px; height:20px; border: 1px solid #ccc; } #content_save_dressing{ display:flex; } #content_save_dressing .wrap_save_admin{ width:50%; display: flex; align-items: center; } #content_save_dressing .wrap_pick_color{ width:50%; display: flex; align-items: center; margin: 10px; border: 1px solid #ccc; border-radius: 7px; } .zr_valid{ display: flex; background: #89cd5c; color: #fff; padding: 0.5em; justify-content: center; text-transform: uppercase; font-weight: bold; border-radius: 14px; cursor: pointer; width: 80%; margin: auto; margin-top: 6px; margin-bottom: 9px; } .zr_close { display: flex; justify-content: center; align-items: center; background: transparent; color: #333; text-transform: uppercase; font-weight: bold; cursor: pointer; width: 26px; height: 26px; margin: auto; position: absolute; top: 0px; right: 0px; } .topc_special{ display: flex; flex-wrap: wrap; } .topc_special .topc_left, .topc_special .topc_right{ width: calc(50% + 14px); margin-bottom: 16px; } .topc_special .topc_left{ margin-left: -14px; } .topc_special .topc_right{ margin-right: -14px; } .topc_item{ /*border: 1px solid #888;*/ margin: 10px 14px; } .topc_item .topc_titre{ font-size: 16px; font-weight: bold; padding-left: 30px; margin: 16px 0 6px; } .topc_item .topc_plus{ font-size: 14px; padding-left: 30px; margin: 8px 0; } .topc_intro{ font-size: 15px; margin: 12px 0; } .zone_thematique{ background: #bbc1c1; padding: 6px 0; } .zone_thematique .container{ display: flex; align-items: center; justify-content: space-between; } .zone_thematique .ddfs{ border-radius: 0px; border: 1px solid #fff; } .zone_thematique .filtre_cat{ background: transparent; padding: 0px; } .zone_thematique_label{ font-size: 15px; font-weight: bold } .zone_thematique input[type='text']{ display: block; border: 1px solid #5a8280; border-radius: 15px; padding: 6px 25px 6px 5px; } .zone_thematique_search{ position: relative; } .thematique-submit{ position: absolute; top: 1px; right: 0px; height: 28px; width: 28px; border: none; background: url('template-ico_search.svg') no-repeat center; background-size: auto; background-size: 28px 28px; z-index: 1; } @media only screen and (max-width:767px) { .topc_special .topc_left, .topc_special .topc_right{ width: calc(100% + 0px); margin-left:0; margin-right:0; } .zone_thematique_label{ font-size: 13px; } } @media only screen and (max-width:575px) { .zone_thematique{ margin-bottom: 20px; } } @media only screen and (max-width:520px) { .topc_item .topc_titre{ padding-left: 10px; } .topc_item .topc_plus{ padding-left: 10px; } } .av_box img { height: 70px; width: auto; } .cip-libelle{ display:none; } .caract-mug-perso{ background: #fff; } .content-cip{ margin: 0 10px; padding-top:10px } .cip-encadrement-taille{ background: #fff;border: 1px solid #59ADCB;; } .cip-et-top{ display: flex; border-bottom: 2px solid #333; } .cip-et-top div{ width: 50%; width: 50%; padding: 12px 30px 8px; font-size: 17px; } .cip-et-content{ display: flex; } .cip-et-content .caract_item_pers{ width: 50% } .d-show-cus.caract_encadrement_item, .d-show-cus.caract_taille_item{ display: block; margin: 16px; position:relative; cursor: pointer; } /* .d-none-cus.d-show-cus.caract_encadrement_item, .d-none-cus.d-show-cus.caract_taille_item{ display: block; margin: 16px; position:relative; cursor: pointer; } */ .caract_encadrement_item::before, .caract_taille_item::before{ content: ""; display: block; position: absolute; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #222; left: 10px; top: 3px; } .caract_encadrement_item.selected::before, .caract_taille_item.selected::before{ background: #59adcb; } @media only screen and (min-width: 980px){ .conteneur-perso-objet .conteneur_panier_b {padding-top: 15px;} } @media only screen and (max-width: 980px){ #content_gabarit{ margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } #text_personnaliser {display: none;} .conteneur-perso-objet #wrap_config_action{ display:flex; flex-wrap: nowrap; align-items: stretch; gap: 16px; border-radius: 0px; } .conteneur-perso-objet #wrap_config_action #content_fond_pers{ width: 35%; margin-bottom: 0px; box-shadow: 0px 0px 8px #888; } .conteneur-perso-objet #wrap_config_action #btn_editer_fond_pers{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: transparent; } .conteneur-perso-objet #wrap_config_action.has-open-box #btn_editer_fond_pers{ width: auto; height: auto; display: block; } .conteneur-perso-objet #wrap_config_action #wrap_btn_objets{ width: 30%; margin-bottom: 0px; box-shadow: 0px 0px 8px #888; border-radius: 10px; } .conteneur-perso-objet #wrap_config_action #wrap_btn_objets .objet_item_widget{ height: 100%; } .conteneur-perso-objet #wrap_config_action #wrap_btn_objets .objet_item_widget_titre{ display: none; } .conteneur-perso-objet #wrap_config_action #wrap_btn_objets .objet_item_widget_content{ height: 100%; } .conteneur-perso-objet #wrap_config_action .wrap_btn_add_objet_personnage{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .conteneur-perso-objet #wrap_config_action .hidden_action_plus .wrap_btn_add_objet_personnage { display: none; } .conteneur-perso-objet #wrap_config_action .btn_add_objet_personnage{ cursor: pointer; width: 100%; height: 100%; margin: 0px; background: transparent; background-image: url("template-btn_addnew.png"); background-position: center; background-size: 70px auto; background-repeat: no-repeat; } .conteneur-perso-objet #wrap_config_action .btn_add_objet_personnage .b_picto{ display:none; } .conteneur-perso-objet #wrap_config_action .btn_add_objet_personnage .b_libelle{ display:none; } .conteneur-perso-objet #wrap_config_action #caract-mug-perso-wrap{ width: 35%; margin-bottom: 0px; box-shadow: 0px 0px 8px #888; } /* .conteneur-perso-objet #wrap_config_action.has-open-box #caract-mug-perso-wrap{ width: calc(100% - 40px); position: absolute; bottom: 1px; } */ .conteneur-perso-objet #wrap_config_action #caract-mug-perso-wrap .btn_editer_caract_pers{flex-direction: column-reverse;padding-top: 10px ;padding-bottom: 10px ;/*background: transparent;*/background-position: right 9px center;} .conteneur-perso-objet #wrap_config_action:not(.has-open-box) #caract-mug-perso-wrap .btn_editer_caract_pers{background-image: none;} .conteneur-perso-objet #wrap_config_action #caract-mug-perso-wrap .encadrement_couleur{display: none;} .conteneur-perso-objet #wrap_config_action #caract-mug-perso-wrap #content_support{padding: 0px;text-align: center;font-family: Montserrat;font-size: 18px;text-transform: none;} #caract-mug-perso-wrap .btn_editer_caract_pers{font-family: Montserrat;text-transform: none;} .conteneur-perso-mug #btn_editer_fond_pers{font-family: Montserrat;font-weight: 900;padding-left: 5px;padding-right: 5px;} #caract-mug-perso-wrap .btn_editer_caract_pers div{font-size: 16px;text-transform: uppercase;} .conteneur-perso-objet #wrap_config_action #caract-mug-perso-wrap #content_format{ padding: 0px; text-align: center; font-family: Montserrat; font-size: 17px; color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: none;font-weight: 700; } .conteneur-perso-objet #wrap_config_action #content_encadrement{ background: transparent; padding: 2px; } .page_configurateur .ariane_Box{ padding: 0 10px;;margin-top: 0;} .page_configurateur .ariane_Box > a{display: none;} .page_configurateur .ariane_Box > * {font-size: 0;} .page_configurateur .ariane_Box > span, .page_configurateur .ariane_Box > strong {font-size: 11px;} .conteneur-perso-objet .b_panier {margin-top: 0;} } @media only screen and (max-width: 575px){ .conteneur-perso-mug #btn_editer_fond_pers{font-size: 15px;} } @media only screen and (max-width: 420px){ .conteneur-perso-mug #btn_editer_fond_pers{font-size: 17px;} .caract_encadrement_item::before, .caract_taille_item::before{height: 15px;width: 15px;} } @media only screen and (max-width: 360px){ .conteneur-perso-mug #btn_editer_fond_pers{font-size: 15px;} } @media only screen and (max-width: 330px){ .conteneur-perso-mug #btn_editer_fond_pers{font-size: 14px;} } /*******art special 0*****/ .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages {display: block!important;border-bottom: 20px solid #f2f3f4} @media only screen and (max-width: 980px) { .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action {flex-wrap: wrap;justify-content: space-between;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action #caract-mug-perso-wrap{width: 47%;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action #caract-mug-perso-wrap.active{width: 100%;position: absolute;width: 95%;height: auto;margin-bottom: 1px;background-color: #fff;left: 50%;transform: translate(-50%, 0);bottom: 0px;border-radius: 8px 8px 0 0;padding-bottom: 10px;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .open-content-box#content_gabarit::after, .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet .open-content-box#content_gabarit::after{position: absolute;top: 0;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.5);z-index: 9;left: 0;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action #content_fond_pers:not(.active){width: 47%;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action #wrap_btn_objets{width: 100%;order:3; box-shadow: none;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action #wrap_btn_objets .objet_item_widget{background: none;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .objet_item_widget_content {display: flex;justify-content: space-between;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .objet_item_widget_content> div {flex: 0 0 47%;background: #fff;border-radius: 8px;box-shadow: 0px 0px 8px #888;border-bottom: none;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages {display: flex !important;justify-content: center;align-items: center;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages >.content_btn_objet_groupe {display: flex; overflow:auto} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages>.content_btn_objet_groupe > div {flex: 0 0 calc(47% - 5px);margin-left: 5px;margin-right: 5px;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages .pcanvas{width: 50px;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages .btn_personnage_item .image_filigrane{height: auto;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #content_gabarit{padding-bottom: 0;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #content_gabarit.open-content-box{position: relative;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action.has-open-box .btn_editer_caract_pers, .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action.has-open-box .btn_editer_caract_pers *{ font-size: 0 !important;padding-top: 7px;} .conteneur-perso-mug .content-cip + .d-flex.justify-content-center,.content_fonds_textes #wrap_widget_textes + .d-flex.justify-content-center{display: none!important;} #wrap_config_action.has-open-box #content_fond_pers.active{width: 100%;position: absolute;width: 95%;height: auto;margin-bottom: 1px;background-color: #fff;left: 50%;transform: translate(-50%, 0);bottom: 0px;border-radius: 8px 8px 0 0;padding-bottom: 10px;} #wrap_config_action.has-open-box #content_fond_pers.active #btn_editer_fond_pers{background: transparent url(template-arrow_select.png) no-repeat scroll right 15px center;} #wrap_config_action.has-open-box #content_fond_pers.active .content_fonds_textes #wrap_widget_textes.has_content{max-height: 155px;} } @media only screen and (max-width: 575px){ #wrap_config_action.has-open-box #content_fond_pers.active .content_fonds_textes #wrap_widget_textes.has_content{max-height: 230px;} } @media only screen and (max-width: 480px){ .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages .pcanvas{width: 40px;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #content_gabarit{padding-left: 0;padding-right: 0;} .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial #wrap_config_action{padding-left: 10px;padding-right: 10px;} } @media only screen and (max-width: 400px){ .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages .pcanvas{width: 35px;} } @media only screen and (max-width: 380px){ .conteneur_creation_perso.conteneur-perso-mug.conteneur-perso-objet.special_0.notspecial .content_btn_objet_personnages .pcanvas{width: 30px;} } /*******page rpoduit 2025 V2*******/ .bloc-creation-nouv.ajout_nouv_perso + .pi-section {max-width: 100%;} #content_gabarit{ max-width: 1050px;margin-left: auto;margin-right: auto;} .form_design_cadre{background-color: #F5F6F7;} .form_design_cadre .shadow_creation{ max-width: 1050px;margin-left: auto;margin-right: auto;padding: 10px 0;background: none;} .form_design_cadre .shadow_creation .box_design_pers{background: none;box-shadow: none!important;} @media only screen and (min-width: 767px){ .first_bloc.bg-grey-mobile{background: #fff;} .first_bloc.bg-grey-mobile::after{display: none;} #content_gabarit{padding-left: 0;padding-right: 0;margin-top: 5px;} .form_design_cadre .shadow_creation{padding-left: 0;padding-right: 0;} .form_design_cadre .b_left{padding-left: 0;} .form_design_cadre .shadow_creation .box_design_pers{padding-left: 0;padding-right: 0;} } .tab_fonds_textes{ cursor:pointer; padding: 10px; border: 1px solid transparent; border-bottom: 1px solid #59ADCB; display: inline-block; z-index:0; width:50%; font-size: 19px; text-align: center; } @media only screen and (max-width: 420px) { .tab_fonds_textes{ font-size: 14px; } } .tab_fonds_textes.one{ margin-left: 0px; width: 100%; } .tab_fonds_textes.active{ border: 1px solid #59ADCB; border-bottom: 1px solid transparent; z-index:1; font-weight: bold; } .content_tab_fonds_textes{ padding: 5px; display:none; border-right: 1px solid #59ADCB; border-left: 1px solid #59ADCB; } .content_tab_fonds_textes.active{ display:block; } .d-hidetab{ display:none; } @media only screen and (min-width: 981px){ .special_1 #content_fond_pers.active{left: -23%; position: absolute;height: auto;background-color: #F5F6F7; width: calc(100% + 23%); top: 5%; } .special_1 .has-open-box::after {content: "";display: block;width: 100%;position: fixed;z-index: 9;background: rgba(0, 0, 0, 0.4);height: 100%;top: 0;left: 0;} .special_1 #content_fond_pers.active .content_fonds_textes{background-color: #fff; border-radius: 0 0 8px 8px;} .special_1 #content_fond_pers.active .content_fonds_textes .tab_fonds_textes{background-color: #F5F6F7} .special_1 #content_fond_pers.active .content_fonds_textes .tab_fonds_textes.active{background-color: #fff} .special_1 .tab_fonds_textes[data-target='content_textes'] {margin-left: 0px;width: calc(50% - 1px);} .special_1 #content_fond_pers.active #btn_editer_fond_pers {color: transparent;} .special_1 .content_tab_fonds_textes + .d-flex.justify-content-center {border-right: 1px solid #59ADCB;border-left: 1px solid #59ADCB; border-bottom: 15px #F5F6F7 solid;border-radius: 0 0 8px 8px;} .conteneur-perso-objet .open-content-box #wrap_config{z-index: 99;} .content_tab_fonds_textes {padding-left: 15px;} } .themedesign{ position: relative; padding: 5px 0; cursor: pointer; padding: 6px; } .themedesign.selected .zone-picto{ background: #eee; border-radius: 20px; } .themedesign .zone-picto:hover{ border: 4px solid transparent; } #content_theme .themedesign .zone-picto { width: 120px !important; height: 160px !important; margin: auto; } #content_theme .themedesign .zone-picto img{ width: 96%; height: auto; } #content_theme .themedesign .label { font-size: 15px; text-align: center; } #content_theme .themedesign.selected .label{ font-weight:bold; } .dds.one .ddv{ background: #efefef; } /*******swiper product index*********/ .bloc-product-index .swiper-pagination-bullet {background: #b3b3b3;} .bloc-product-index .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00a0d7!important} .swiper-product-index .swiper-slide{max-width: 50%; height: auto;} @media only screen and (min-width: 575px){ .swiper-product-index .swiper-slide{max-width: 33.333%;} } @media only screen and (min-width: 992px){ .swiper-product-index .swiper-slide{max-width: 25%;} } @media only screen and (min-width: 1200px){ .swiper-product-index .swiper-slide{max-width: 20%;} } @media only screen and (max-width: 575px){ .swiper-product-index .sstitle-categ {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} } .max-width-c{max-width: 100%;} .page_configurateur #bloc_titre_categorie{text-align: center;} @media only screen and (min-width: 767x){ .page_configurateur #bloc_titre_categorie{padding: 10px 0;} } .go_to_search{ display: none; cursor: pointer; width: 26px; height: 26px; margin: 0 5px; background: url('template-ico_search2.svg') no-repeat center; } .close_search{ display: none; cursor: pointer; position: absolute; top: 13px; right: 22px; width: 34px; height: 34px; z-index: 10; font-size: 18px; text-align: center; background:#fff; align-items: center; justify-content: center; border-radius:50%; border:1px solid #ccc; } @media only screen and (max-width: 767px){ .left-search{ display: none; } .go_to_search{ display: inline-flex; } .close_search{ display: flex; } .left-search.active{ display: block; } } @media only screen and (max-width: 480px){ .close_search{ top: 11px; } } .wrap-corpulence-caract{ margin-top: 40px; } .title-corpulence{ text-align: center; font-weight: normal; font-size: 16px; margin: 12px; } .content-corpulence-caract{ display: flex; justify-content: space-between; padding: 10px; } .wrapcaract_ppl{ width: calc( 50% - 30px ); } .wrapcaract_ppl .ddv{ border-radius:18px; background:#efefef url(template-arrow_select2.png) no-repeat scroll right center; } .wrapcaract_ppl .ptext{ font-weight: bold; font-size: 15px; } .caractval_ppl_item{ cursor: pointer; } .caractval_ppl_item:hover{ background: #ddd; } .caractval_ppl_item.selected{ border:2px solid rgba(24, 55, 71, 0.2); border-radius:6px; } @media only screen and (max-width:767px) { .title-corpulence{ display: none; } .wrap-corpulence-caract{ position: absolute; right: 52px; top: 470px; width: 47%; } .content-corpulence-caract{ display: block; flex-direction: column; padding: 0px; } .wrapcaract_ppl { width: 100%; margin-bottom: 26px; position: relative; } #wrapcaract_ppl_65 { z-index: 100; } .wrapcaract_ppl .ddv{ border: 1px solid #555; background: transparent; background-image: url(template-arrow_select2.png); background-size: 16px 10px; background-position: bottom 13px right 11px; background-repeat: no-repeat; } .caractval_ppl_item { height: 30px; display: flex; align-items: center; } } .title_info_special_wrap{ width: 1px; height: 1px; display: flex; align-items: center; position: absolute; z-index: 500; } .title_info_special{ position: absolute; width: 300px; height: 120px; background: #f5f6f7; box-shadow: 0px 0px 7px 4px rgba(0,0,0,0.2); border-radius: 10px; } .title_info_special_close{ position: absolute; top: 2px; right: 3px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; font-size: 16px; } .arrow-left{ position: absolute; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #f5f6f7; top: 30px; left: -28px; } .title_info_special_content{ display: flex; height: 100%; width: 100%; } .title_info_previsu{ width: 240px; display: flex; align-items: center; justify-content: center; } .title_info_previsu_content{ position: relative; width: calc(100% - 8px); height: calc(100% - 8px); background: transparent; overflow: hidden; } .title_info_texte{ color: #a5a5a5; font-size: 17px; display: flex; align-items: center; font-weight: bold; } .rond_bleu{ color: #00a0d7; } @media only screen and (max-width:767px) { .title_info_special_wrap { display: block; } .title_info_special { bottom: 32px; left: -190px; } .arrow-left { border-right: 30px solid transparent; border-left: 30px solid transparent; border-top: 30px solid #f5f6f7; top: 111px; left: 118px; } } #bloc_video{ display: flex; } #liste_ocreations .creation_item{ opacity: 0.5; } #liste_ocreations .creation_item:hover{ opacity: 1; } #liste_ocreations .creation_item .wrap_image{ display: flex; justify-content: center; } .btn_select_ocreation{ display: flex; width: 180px; align-items: center; margin: auto; height: 38px; color: #fff; align-items: center; justify-content: center; border-radius: 26px; font-size: 18px; background: #ddd; color:#111; } #liste_ocreations .creation_item:hover .btn_select_ocreation{ background: #111; color:#fff; } .btn_suppr_ocreation{ display: flex; background-image: url("template-cross_edit_design.png"); width: 32px; height: 32px; background-repeat: no-repeat; background-size: 23px 23px; background-position: center; margin-top: 16px; margin-left: auto; margin-right: auto; opacity: 0; } #liste_ocreations .creation_item:hover .btn_suppr_ocreation{ opacity: 1; } .mes_ocreations_bloc .title_wrap{ padding: 14px; margin-bottom: 14px; border-bottom: 1px solid #888; display: flex; justify-content: center; } .title_ocreations{ text-transform: uppercase; font-weight: bold; font-size: 20px; } .wrap_design_ddt{ position: relative; } .design_ddt, .design_ddt_e{ position: absolute; z-index: 90; background: #111; padding: 5px; color: #eee; border-radius: 0 0 12px 12px; top: -4px; } .design_dd_item, .design_dd_e_item{ border: 1px solid transparent; min-width: 180px; display: flex; height: 30px; align-items: center; padding-left: 10px; border-radius: 4px; cursor: pointer; } .design_dd_item:hover, .design_dd_e_item:hover{ background: #222; } .design_dd_item.selected, .design_dd_e_item.selected{ border: 1px solid #eee; } /*******INDEX REFONTE AVRIL 2025*******/ .category-item-lib {font: 700 16px Montserrat;display: inline-block;padding: 6px 3px 0 3px;color: #1A1A1A; max-width: 73%;text-align: center;margin: auto;} .category-item-index:hover .category-item-lib{color: #f45a45;} .btn-black-index{background-color: #000000;color: #E0E0E0;border-radius: 3rem;padding: 1rem ;text-align: center;font: 700 18px Montserrat;display: inline-block;min-width: 250px} .btn-black-index:hover {color: #fff;background-color: #444;} .top-photo-client-bit:nth-child(n+5){display: none;} .top-photo-client-bit{margin-left: -4rem;} .top-photo-client-bit:nth-child(1){margin-left: 0;} .top-photo-client-bit img {border-radius: 100%;} .bloc-costumer-index {background: #efefef;padding: 20px 15px;} .wrap_video {/*box-shadow: 0px 0px 5px 0px rgba(155, 155, 155, 0.71);-ms-box-shadow: 0px 0px 5px 0px rgba(155, 155, 155, 0.71);*/background-color: #fff;} .wrap_video_texte {font-size: 18px;} .transition-bgcolor{ -webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out;} .btn-white-index{background-color: #fff;color: #000;border-radius: 3rem;padding:1rem;text-align: center;font: 700 18px Montserrat;display: inline-block;min-width: 150px} .btn-white-index:hover {color: #fff;background-color: #000;} .bg-perso-heart{background: #E0E0E0 url(template-bg_heart.png) no-repeat top center;} .bloc-qsn {background-color: #E0E0E0;} .image-top-abs {position: absolute;left: -103px;max-width: 50%;bottom: 6%;} @media only screen and (max-width:992px) { .image-top-abs {left: 10px; bottom: 10px;} } .carrousel-swiper .swiper-pagination-bullet {width: 3rem!important;border-radius: 5px;background-color: #E0E0E0;height: 10px!important;} .carrousel-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #1a1a1a!important;} .carrousel-swiper .swiper-pagination {position: relative;bottom: 0;padding: 15px;} @media only screen and (max-width: 767px){ .top-photo-client-bit:nth-child(n+4){display: none;} .carrousel-swiper .swiper-pagination-bullet{width: 2.5rem!important;} .wrap_video_texte{font-size: 16px;} .max-iframe iframe{height: auto;min-height: 250px;} } @media only screen and (max-width: 575px){ .page_index .articleBit h3 {font-size: 12px;} .titre-cat-i{font-size: 12px;} .page_index .articleBit_prix.prix-categ strong{font-size: 15px;} .category-item-lib{font-size: 14px;} .btn-black-index, .btn-white-index{font-size: 16px;} .wrap_video_texte{font-size: 14px;} .carrousel-swiper .swiper-pagination-bullet{width: 2rem!important;} } @media only screen and (max-width: 400px){ .page_index .articleBit h3 {font-size: 11px;} .page_index .articleBit_prix.prix-categ strong{font-size: 14px;} .category-item-lib{font-size: 13px;} .btn-black-index, .btn-white-index{font-size: 14px;} .wrap_video_texte{font-size: 13px;} } .wrap_video video { width: 100%; } .wrap_video_texte ul li strong::before { content: "- "; } .wrap_btn_creation{ display: flex; justify-content: center; } #btn_creer_creation{ display: inline-flex; background: #ededed; color: #1b1b1b; padding: 8px 23px; border-radius: 15px; cursor: pointer; font-size: 15px; font-weight: bold; } #btn_creer_creation:hover{ background: #d3d3d3; } .creation_vide{ display: flex; color: #542817; border: 1px solid #ed9764; background: #ffe1cb; border-radius: 6px; padding: 18px; margin: 10px 0; } #liste_ocreations .swiper-pagination-bullets{ margin-bottom: -16px !important; } #conf_tab_animal .conf_tab_item{ vertical-align: bottom; } #conf_tab_animal .conf_tab_item .icon{ width: 38px; height: 38px; background-repeat: no-repeat; background-size: 38px 38px; background-position: center; opacity: 0.5; } #conf_tab_animal .conf_tab_item.active .icon{ opacity: 1; } #tab_animal_expression .icon { background-image: url("template-expression_animal.png"); } #tab_animal_yeux .icon { background-image: url("template-picto_yeux.png"); } .race_animaux .ddv{ padding-left: 4px !important; width: 150px; font-weight: normal; font-size: 14px; background: #fcfcfc url(template-arrow_select2.png) no-repeat scroll right center; border-right: 8px solid #fcfcfc; } .race_animaux .ddt{ width : 200px; top: 108%; } #pcaract_46 .picto_personnage{ height: 130px; } #pcaract_46 .picto{ position: relative; } .caractval_item.has_personnage{ height: 140px !important; } #pcaract_46 .image_item{ display:block;position:absolute;max-width:none;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);left: 50%; } .d-none-expression{ display:none; } .image_panier .panier_previsu.previsu_simple{ display: none; } .bigImg{ display:flex; align-items: center; justify-content: center; } .content_supp{ display:flex; align-items: center; justify-content: center; gap: 10px; } .sup_imgBit{ width: 120px; height: 120px; padding: 5px; } .content-caracts{ border-bottom: 1px solid #ccc; margin-top: 20px; margin-bottom: 30px; padding-bottom: 14px; } .caract_value_art select{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; -ms-appearance: auto; -o-appearance: auto; min-width: 120px; margin: 7px 0; height: 30px; } /* .lignes.modification .btns_right{ display: none; } */ .lignes.modification .btn_reset_shop{ display: inline-flex; background: #8b8b8b; width: auto; height: 33px; align-items: center; padding-left: 10px; box-sizing: border-box; padding-right: 10px; border-radius: 5px; color: #fff; } .btn_reset_shop{ display:none; } #liste_mains{ position: absolute; background: #e4e4e4; width: 100%; z-index: 10; display: none; } #liste_mains.active{ display: block; } #liste_mains .main_item{ cursor: pointer; padding: 7px; border: 1px solid transparent; } #liste_mains .main_item:hover{ background: #ccc; border: 1px solid #888; } #stand_numero_mains{ border: 0px; background: #eee; display: inline-flex; height: 41px; border-radius: 7px; background: #efefef url(template-arrow_select2.png) no-repeat scroll right 10px center; } .stand_code_objet{ border: 1px solid #222; border-radius: 0px; height: 32px; } .btn_get_element_objet, .btn_get_element_animal_objet{ width: 130px; background: #459ab4; padding: 10px; display: flex; align-items: center; justify-content: center; margin: auto; margin-top: auto; margin-top: 10px; border-radius: 10px; cursor: pointer; color:#fff; } .btn-paiement-shop{ width: 100%; display: block; cursor: pointer; background-color: #000; border: none; border-radius: 50px; color: #ffffff; font: 22px "aller_display"; padding: 10px 19px; text-align: center; text-transform: uppercase; margin-top: 30px; } .btn_previsualisation_new{ display: block; cursor: pointer; background-color: #30a79c; border: none; border-radius: 5px; color: #ffffff; font: 19px "aller_display"; padding: 5px 19px; text-align: center; text-transform: uppercase; margin-top: 30px; } .message_client .p-dialog{ background: #fff; color: #000; font-size: 18px; margin-top: 60px; border-radius: 10px; overflow: hidden; } .message_client .p-dialog-title{ display:none; } .message_client .p-dialog-content{ background: #fff; color: #000; font-size: 18px; padding: 20px; } .message_client .custom_button{ display: inline-flex; position: absolute; right: 20px; top: 6px; font-size: 20px; color: #f00; } .shop_client_header{ display: flex; margin-top: 20px; margin-bottom: 10px; align-items: center; } .shop_client_header_left{ width: 50%; } .shop_client_header_right{ width: 50%; font-weight: bold; font-size: 31px; } .btn-shop-paiment{ cursor: pointer; display: inline-flex; padding: 0 30px; height: 60px; background: #111; color: #fff; text-transform: uppercase; align-items: center; font-weight: bold; font-size: 20px; border-radius: 20px; margin-top: 12px; margin-bottom: 30px; } .shop_client_control{ display: flex; margin: 10px 0; align-items: center; } .shop_client_libelle{ width: 70px; } .shop_client_wrap_input{ width: calc( 100% - 70px ); } .shop_client_wrap_input input{ background: #ddd; border: 1px solid #ccc; width: 240px; height: 34px; align-items: center; display: inline-flex; border-radius: 6px; max-width: 100%; } @media only screen and (max-width: 767px){ .shop_paiement_client .p-dialog-wrap, .message_client .p-dialog-wrap{ width: 100%; max-width: 100%; padding: 0; } .shop_paiement_client .p-dialog, .message_client .p-dialog{ position: absolute; bottom: 0; border-radius: 14px 14px 0 0; width: 100%; } } .list_lunette_stbr_wrap{ flex: 1; display: flex; overflow: auto; } .list_lunette_stbr{ display: flex; min-height: 58px; } .detail_item_stbr, .detail_item_stbr_new{ width: 38px; height: 38px; border: 1px solid transparent; border-radius: 8px; cursor: pointer; } .detail_item_stbr.selected, .detail_item_stbr_new.selected{ border: 1px solid #05a0d6; } .detail_item_stbr img, .detail_item_stbr_new img{ width: 38px; height: auto; } .trigger_personnage_html { background: rgba(0,0,255,0.0); color: #fff; cursor: pointer; display: block; position: absolute; z-index: 480; border-radius: 6px; border: 1px solid transparent; box-sizing: border-box; } .trigger_personnage_html:hover { background: rgba(0,255,0,0.2); border: 1px solid rgba(0,255,0,0.8); } #wrap_popup_camera{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none; z-index: 100; } #wrap_popup_camera.open{ display: flex; align-items: center; justify-content: center; } #popup_camera{ width: 350px; height: 400px; background: #fff; position: relative; } #startbutton{ position: absolute; bottom: 16px; border: 2px solid #fff; display: inline-flex; border-radius: 20px; padding-left: 12px; padding-right: 12px; height: 38px; align-items: center; background: #700; color: #fff; font-weight: bold; cursor: pointer; left: 50%; transform: translateX(-50%); } #changecamerabtn{ position: absolute; bottom: 15px; right: 8px; border: 2px solid #fff; display: inline-flex; border-radius: 20px; padding-left: 12px; padding-right: 12px; height: 38px; align-items: center; background: #858585; color: #fff; font-weight: bold; cursor: pointer; } #canvas{ display: none; } #video{ scale: 0.4; position: absolute; top: 8px; transform-origin: top left; display: block; left: 50%; transform: translateX(-50%); } #photo{ width: 50%; z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); top: 20px; opacity: 0.4; } .btn_open_camera{ background: #956; color: #fff; height: 31px; display: inline-flex; align-items: center; padding-right: 10px; padding-left: 10px; border-radius: 4px; cursor: pointer; margin: 0 4px; } .zone_closable{ position: absolute; top: 0; left: 0; width: 100%; } .zone_closable span{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.0); } .btn_reinitialiser_shop{ display: flex; margin: 20px 0; width: 100%; height: 38px; background: #789; justify-content: center; align-items: center; color: #fff; border-radius: 7px; text-transform: uppercase; font-weight: bold; cursor: pointer; } @media only screen and (max-width:767px) { .big_wrapper{overflow-x: hidden;} } .bandeau_langue{ background: #111; color: #fff; margin-bottom: 20px; } .bandeau_langue .container{ display: flex; justify-content: right; } .ldd{ position: relative; } .ldds{ cursor: pointer; padding: 16px; } .lddt{ position: absolute; display: none; background: #111; /*padding: 5px;*/ z-index: 2; right: 0px; } .ldd.open .lddt{ display: block; } .langue-item{ display: block; padding: 8px; cursor: pointer; } .langue-item:hover{ background: #444; } .flag-FR{ background: url("template-flagminFR.png") no-repeat scroll left center; background-size: auto; background-size: 22px 15px; padding-left: 27px; } .flag-EN{ background: url("template-flagminEN.png") no-repeat scroll left center; background-size: auto; background-size: 22px 15px; padding-left: 27px; } .input-paiement{ display: inline-flex; height: 30px; align-items: center; border: 1px solid #5493d1; border-radius: 4px; padding: 0 5px; box-sizing: border-box; } .popup-nl-wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; z-index: 1000; } .popup-nl{ width: 300px; background: #fff; border-radius: 8px; position: relative; padding: 16px; } .close-pupup-nl{ position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 17px; } .texte-nl{ font-weight: bold; font-size: 12px; margin: 20px 0; text-align: center; } .input-mail-nl{ display: flex; width: 100%; height: 32px; border: 1px solid #379dc5; margin: 15px 0; box-sizing: border-box; border-radius: 6px; padding: 10px; } .btn-nl{ display: flex; width: 100%; height: 32px; justify-content: center; align-items: center; border: navajowhite; background: #338ae7; border-radius: 5px; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } .cat-texte-haut{ margin: 20px 0; } .faq_categ{ margin-top: 40px; } .faq_titre{ text-align: center; color: #408e7c; font-weight: bold; font-size: 23px; } .faq_menu_bit{ margin-bottom: 24px; } .faq_menu_titre{ margin-bottom: 10px; font-weight: bold; } .faq_bit{ margin-bottom: 20px; } .faq_question{ cursor: pointer; border-bottom: 1px solid #999; } .faq_reponse{ display: none } /*******refonte cde2 -cde3******/ .etape_divers_panier .divers_panier_bit.tot_panier{padding-top: 10px;border-top: 1px solid #ccc;} #content_express iframe {border: none;} #content_express {background: #fff;padding: 15px;border-radius: 10px;border: 1px solid #ccc;} #contenuCde2 .formContent {background: none;max-width: 100%;} #contenuCde2 .formContent .form:not(.form-white){max-width: 520px;} #contenuCde2 .formContent .txt14_medium {display: none;} #contenuCde2 .content_logging .pi-col-md-6 {background: none;border-bottom: none;} #contenuCde2 .content_logging .input_txt, #contenuCde2 .formBox .input_txt {background: #fff;border: 1px solid #edeaea;border-radius: 8px;} #contenuCde2 .formContent .textarea_txt{background: #fff;} #contenuCde2 .titre_content{background: none;color: #000;} #contenuCde2 .titre_content strong{font: 24px Gotham-Book;} #contenuCde2 #points_box {padding: 0 15px ;background: #fff;border-radius: 0 0 15px 15px;} #contenuCde2 #points_box .coordonnees input[type='text']{background: #fff;border: 1px solid #edeaea;border-radius: 8px;} #contenuCde2 .formBox select{background-color: #fff;border: 1px solid #edeaea;border-radius: 8px;} #contenuCde2 .formContent .form-white{background: #fff;border-radius: 15px 15px 0 0;} #contenuCde2 #points_box .coordonnees{background:none;padding:10px 0;} #contenuCde2 .view_info_relais{background: #fff;border: 1px solid #edeaea;border-radius: 8px;padding: 10px 10px;display: inline-block;} #contenuCde2 .view_info_relais:empty{display: none;} #contenuCde2 .btn_pan_s{margin-top: 10px;padding-bottom: 30px!important} #contenuCde2 .formBox{position: relative;} .pi-section-2{max-width: 1300px;} #contenuCde2 .other-inscrit .error:not(input), #contenuCde2 .other-inscrit .formContent .error:not(input){text-align: left;font-weight: 400;font-size: 14px;} #contenuCde2 .other-inscrit .error:not(input):empty, #contenuCde2 .other-inscrit .formContent .error:not(input):empty{display: none;} @media only screen and (min-width: 340px){ #contenuCde2 .btn_pan_s .btn_form{min-width: 320px;} } @media only screen and (min-width: 767px){ #contenuCde2 .content_logging .pi-col-md-6:nth-child(1){ border-right: 1px solid #ccc;} #contenuCde2 .other-inscrit .content_logging .input_txt, #contenuCde2 .other-inscrit .formBox .input_txt {width: 100%;height: 50px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} #contenuCde2 .other-inscrit .content_logging label.form_et .etoile{display: none!important;} #contenuCde2 .other-inscrit .formBox.filled select{width: 100%;height: 50px;padding-top: 20px;} #contenuCde2 .other-inscrit .view_info_relais{display: block;} #contenuCde2 .other-inscrit .formContent .textarea_txt{width: 100%;height: 50px;} #contenuCde2 .other-inscrit .formContent .form_et.d-block.d-md-none{width: 100%;} #contenuCde2 .other-inscrit label.form_et.d-block.d-md-none {display: block !important;position: absolute;left: 0;top: 10px;color: #888;pointer-events: none;transition: all 0.2s ease;transform: translateY(-10px);opacity: 0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;text-align: left;font-size: 11px;padding-left: 15px;} #contenuCde2 .other-inscrit .focused .input_txt, #contenuCde2 .other-inscrit .focused select , #contenuCde2 .other-inscrit select:focus {border-color: #1a1a1a;outline: 1px solid #1a1a1a;} #contenuCde2 .other-inscrit .filled label.form_et.d-block.d-md-none {opacity: 1;transform: translateY(0);} #contenuCde2 .other-inscrit .filled.formBox .input_txt{padding-top: 20px;} } @media only screen and (max-width: 767px){ #contenuCde2 .formContent .form-white{margin: 0 10px;} #contenuCde2 #points_box{margin: 0 10px;} } .liste-cstandlieux{ display:flex; flex-wrap: wrap; margin:20px; } .cstandlieu-bit{ width: 33.33%; text-align: center; padding: 20px; } .cstandlieu-presentation{ padding: 10px; margin: 20px 0; } .tenue_variants{ background: #fff; padding: 12px; border-radius: 7px; max-width: 350px; overflow: auto; } .tenue_variants_content{ text-wrap: nowrap; } .tenue_variants_content .box_image_item_wrap{ display:inline-block; margin: 0px 5px; } .list_special_design .box_image_item_wrap:not(.parentid_0){ display:none; } .wrap_btn_parametre_personnage{ display: flex; padding: 20px; align-items: center; justify-content: center; flex-direction: column; } .wrap_btn_parametre_personnage #prenom_personnage{ margin-bottom: -38px; } .btn_parametre_personnage{ display: inline-flex; cursor: pointer; background: #fff; padding: 14px; border-radius: 10px; border: 1px solid #aaa; font-size: 15px; margin-top: 8px; } .wrap_parametre_personnage{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 500; left: 0; right: 0; display:none; } .wrap_parametre_personnage.active{ display:block; } .parametre_personnage{ background: #fff; width: 360px; min-height: 50px; top: 80px; left: 20px; position: absolute; border-radius: 10px; padding: 10px; } .wrap_btn_valider_parametre{ display: flex; padding: 20px; align-items: center; justify-content: center; } .btn_valider_parametre{ display: inline-flex; cursor: pointer; background: #05a0d6; padding: 12px 20px; border-radius: 20px; font-size: 15px; color:#fff; text-transform: uppercase; } .wrap_parametre_caracts{ display: flex; margin-bottom: 34px; } .caractval_item_p.dropdown_item{ cursor: pointer; padding: 7px; border: 1px solid transparent; } .caractval_item_p.dropdown_item:hover{ color: #000; padding-left: 14px; } .caractval_item_p.selected.dropdown_item{ border: 1px solid #bdbdbd; border-radius: 4px; } .caractval_item_p:not(.dropdown_item){ border: 1px solid #ebebeb; display: flex; padding: 2px; flex: 1; justify-content: center; height: 40px; font-size: 15px; align-items: center; cursor:pointer; } .caractval_item_p.selected:not(.dropdown_item){ background: #000; color: #fff; } .dd_parametre{ width: 100%; } .dd_parametre{ width: 100%; } .dd_parametre .ddv{ background-color: #fff; border: 1px solid #555; background: #ffffff url(template-arrow_select.png) no-repeat scroll right 10px center; } .entete_zone_modif{ color: #05a0d6; padding: 8px; font-size: 14px; } #detailgroupecp_variants_wrap{ position:absolute; width:100%; height:100%; background:rgba(50,50,50,0.7); border-radius: 5px; z-index: 100; } #detailgroupecp_variants{ position: absolute; border: 1px solid #ddd; background: #fff; top: 50%; transform: translate(-50%, -50%); z-index: 50; left: 50%; box-shadow: 0px 0px 22px #555555; /*min-width: 280px;*/ } .comb_box_cp .comb_box_bb_inner{ max-width: 570px; } .comb_box_ls .comb_box_bb_inner{ max-width: 570px; } .comb_box_cp .comb_item{ height: 120px; } .wrap_popup_creation_tenue{ display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 100; align-items: center; justify-content: center; } .popup_creation_tenue{ background: #fff; width: 1000px; height: calc( 100vh - 230px ); border-radius: 20px; display: flex; flex-direction: column; overflow:hidden; } .popup_creation_header{ background: #c6b8a7; display:flex; border-bottom: 1px solid #524c45; height: 60px; } .creation_header_left{ width: 340px; } .creation_header_right{ flex:1; position: relative; } .popup_creation_content{ flex:1; position: relative; display:flex; min-height: 0; } .creation_content_left{ width: 340px; display: flex; align-items: center; justify-content: center; padding-top: 5%; } .creation_content_right{ flex:1; overflow:auto; position: relative; } .popup_creation_footer{ background: #c6b8a7; display: flex; border-top: 1px; justify-content: space-between; align-items: center; height: 60px; padding: 0px 25px; } .label_creation_footer{ color: #fff; font-size: 18px; background-image: url("template-creation_tenue_white.png"); background-repeat: no-repeat; background-size: 32px 32px; background-position: 5px center; padding-left: 40px; display: flex; height: 50px; align-items: center; font-weight: bold; } .btn_creation_footer{ color: #fff; background: #000; display: flex; height: 40px; justify-content: center; align-items: center; text-transform: uppercase; padding-left: 50px; padding-right: 50px; font-weight: bold; border-radius: 20px; font-size: 16px; cursor: pointer; text-align: center; } .box-creation{ display:flex; } .btn_creation{ display:flex; justify-content: center; align-items: center; /*border-bottom: 2px solid #999;*/ color: #999; text-transform: uppercase; cursor: pointer; height: 56px; padding: 0 12px; font-weight: bold; } .btn_creation.active { border-bottom: 4px solid #111; color: #111; height: 61px; } .btn_creation .icon{ width: 38px; height: 38px; background-repeat: no-repeat; background-size: 38px 38px; background-position: center; opacity: 0.3; } .btn_creation.active .icon { opacity: 1; } .btn_creation_main .icon { background-image: url("template-design_main.png"); } .btn_creation_haut .icon { background-image: url("template-design_tshirt.png"); } .btn_creation_bas .icon { background-image: url("template-design_pantalon.png"); } .btn_creation_chaussure .icon { background-image: url("template-design_chaussure.png"); } .btn_creation .label { display: none; font-size: 18px; } .btn_creation.active .label { display: flex; margin-left: 13px; padding-right: 13px; } .btn_creation.active .label { background: transparent url(template-arrow_select2.png) no-repeat scroll right center; padding-right: 25px; } .list_special_creation{ display: block; overflow: auto; } .list_special_creation .box_image_item_wrap{ width: 120px; } .list_special_creation .comb_item { background: transparent; box-shadow: none; } .list_special_creation .box_image_item{ margin-left: auto; margin-right: auto; width: 100%; height: 0; padding-bottom: 160%; } .list_special_creation .comb_item_inner { overflow: hidden; width: 150%; height: 100%; transform: translateX(-50%); left: 50%; position: absolute; bottom: 0; } #pcanvas3 { display: block; position: relative; width:100%; } #pcanvas3 .image_item, #pcanvas3 .image_filigrane { display: block; position: absolute; max-width: none; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); left: 50%; height: auto; } .wrap_creation_ddt{ top: 61px; position: absolute; } .design_menus{ border-bottom: 2px solid #aaa; display: flex; overflow-x: auto; } .shop .design_menus .btn_design.active{ border-bottom: 4px solid #111; }