#simu-box { background-color: #D8D8D8; } #simu-chocos { background-color: #D8D8D8; } #base-txt { display: none; } #base-chocos { display: none; } #custom_elmts{ display:none; } /* Common ========================================================================== */ .c-pink{ color:#e2007a; font-size:11px;} .c-maroon{ color:#84583D; } .cycle-holder{ position:relative; height:122px;} .cycle-holder a{ position:absolute; top:50%; margin-top:-10px; display:block; width:27px; height:27px; line-height:27px; text-align:center; text-decoration:none; color:#2e1e0e; background-position:center; border-radius: 27px;border:1px solid #C7AC9F;background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 -5px;transition : all .2s ease-out; font-size:13px; font-weight:bold; color:#e2007a; color:#000;} .cycle-holder a:hover{ background:#e2007a; color:#fff;border: 1px solid #e2007a;} .cycle-holder a.next{right:0; } .cycle-holder a.prev{left:0; } .cycle-holder .cycle{ width:200px; height:120px; text-align:center; margin:auto; border:1px solid #C7AC9F;} .cycle-holder .item{width:200px; padding-top:105px; text-align:center; background-repeat:no-repeat; background-position:center top; /*background-color:#EBDCD2;*/ font-weight:bold;} .Aladdin{font-family:"Aladdin", Arial; font-weight:normal;} .Annifont{font-family:"Annifont", Arial; font-weight:normal;} .Garamond{font-family:"Garamond", Arial; font-weight:normal;} .Harrington{font-family:"Harrington", Arial; font-weight:normal;} .Kunstler{font-family:"Kunstler", Arial; font-weight:normal;} .Liberate{font-family:"Liberate", Arial; font-weight:normal;} .Lucy{font-family:"Lucy", Arial; font-weight:normal;} .Xpressive{font-family:"Xpressive", Arial; font-weight:normal;} .Edwardian{font-family:"Edwardian", Arial; font-weight:normal;} .Didot{font-family:"Didot", Arial; font-weight:normal;} .Creampuf{font-family:"Creampuf", Arial; font-weight:normal;} .Bocklin{font-family:"Bocklin", Arial; font-weight:normal;} .ScriptMTBold{font-family:"ScriptMTBold", Arial; font-weight:normal;} .Graverplate{font-family:"Graverplate", Arial; font-weight:normal;} .Angelina{font-family:"Angelina", Arial; font-weight:normal;} .Filxgirl{font-family:"Filxgirl", Arial; font-weight:normal;} .Vivaldi_Regular{font-family:"Vivaldi_Regular", Arial; font-weight:normal;} /* Global ========================================================================== */ .tool-part{/*display:none;*/padding-bottom:15px;} .tool-holder.locked{opacity:.3;} #tools-holder-base{ margin-bottom:30px;} #tools-holder-base h1, #tools-holder-end h1{ margin:0;background:none;line-height:normal;font-size:18px;text-align:left;height:auto;margin-top:0;margin-bottom:10px;color:#2e1e0e;font-size: 22px; font-weight: normal; color: #e2007a; margin-bottom: 5px;} #tools-holder-base h2{padding:0;margin:0;background:none;font-family:Arial, Helvetica, sans-serif;line-height:normal;font-size:12px;text-align:left;height:auto;color:#84583D;text-transform:none; padding-top:0px; margin-bottom:5px; } #tools-holder-base .tool-holder{height:110px; } #tool-contenant{border: 1px solid #C7AC9F; border-top:none; border-bottom:none; margin-right:0px; width:210px; padding:0 20px; padding-right:15px!important; margin-right:20px;} #tool-niveau{ width:210px; padding-right:0!important;} #tools-holder-base a{ color:#2e1e0e; float:left; background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 0px;border: 1px solid #C7AC9F; padding:10px 0; width:98px; display:block; margin-right:5px; margin-bottom:5px; text-align:center; transition : all .2s ease-out;font-family: 'Existence', Arial, sans-serif; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #tools-holder-base a:hover, #tools-holder-base a.actif{ background:#e2007a; color:#fff; text-decoration:none;border: 1px solid #e2007a;} #tool-contenant-eve a{ color:#2e1e0e; float:left; background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 0px;border: 1px solid #C7AC9F; padding:10px 0; width:98px; display:block; margin-right:5px; margin-bottom:5px; text-align:center; transition : all .2s ease-out;font-family: 'Existence', Arial, sans-serif; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #tool-contenant-eve a:hover, #tool-contenant-eve a.actif{ background:#e2007a; color:#fff; text-decoration:none;border: 1px solid #e2007a;} input.simu{ width:120px; margin:0;} input.simu, textarea.simu{ display:block; background:#FFF;border: 1px solid #C7AC9F; height:25px; line-height:25px; padding:0; padding-left:4px; margin-bottom:5px;} textarea.simu{ width:294px; height:70px;} input#email_sauvegarde{ width:160px;} #tools-holder{width:320px;overflow:hidden; margin-left:20px} #tools-holder h1{display:none;} #tools-holder h2{font-size: 18px;background: url("http://chocolatdemariage.com/css/../common/bkg_mainbox_top.jpg") repeat-x 0 -25px ;font-family:Arial, Helvetica, sans-serif;/*border-radius:0 5px 0 0;*/ margin: 5px 0; padding-left:10px;padding-top:5px; padding-bottom:8px; color:#2e1e0e; clear: both; text-transform:inherit; font-weight: normal; border-top: 1px solid #C7AC9F; } #tools-holder h3{ font-size:12px;font-family:Arial, Helvetica, sans-serif; /**/text-transform:none; color:#84583D; margin-top:10px; margin-bottom:3px;} #custom-freeface{ display:none; padding-bottom:15px;} #errors-holder{ width:560px; margin-top:20px;} #errors{ color:red; font-size:11px; line-height:16px; color:#e2007a; padding-right:20px; } #simu-box { width: 100%; height: 562px; position:relative; background-color: #fff; } .bg-grey-simulator #simu-box { background-color: #fbfbfb; } #simu-box h2, #simu-chocos h2 { position:absolute; padding:5px 10px;margin: 0px 0 0 0px; font-size:18px; } .doublecube-holder{perspective:1000px;position:relative;left:50%;top:50%;width:0;height:0;} .chocos-box-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;} .sachet-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;} .pochette-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;} .pochette-holder-eve{width:562px;height:400px;position:absolute;text-align:center;display:none;} .box-holder{} #tool-custom .tool-part{ display:none;} #tool-finit{ } .animated{transition: transform 1s;} .noms-holder{position:absolute; width:100%; height:100%;} .date-holder{position:absolute; width:100%; height:100%;} .initiales-holder{position:absolute; width:100%; height:100%;} #tooltip {position:absolute; z-index: 100; color:#2E1E0D; background:#2e1e0d ; padding:7px; padding-top:10px; box-shadow: 1px 1px 10px #000; margin-top:10px; margin-left:-100px; } #suggestions-holder{ display:none; width:100%; box-sizing:border-box; padding:10px 20px; border-top:1px dotted #C7AC9F;} #suggestions .suggestion{ width:33%; float:left; text-align:center;/*color:#84583D;*/ } #suggestions .suggestion img{text-align:center; width:170px; display:block; margin:auto;} #suggestions .suggestion h3{ font-size:22px; text-transform:inherit; margin-bottom:10px; line-height:18px;font-weight:normal;font-family: 'Existence', Arial, sans-serif;} #suggestions .suggestion h3 span{ font-size:14px;} #suggestions .suggestion .px{ font-weight:bold;font-size:14px; color:#000; /*font-weight:normal;font-family: 'Existence', Arial, sans-serif;*/} #suggestions .suggestion .qte{font-size:22px;} /* Double Cube ========================================================================== */ .legende-move { bottom:10px; left:10px; text-align:center; width:100%; position: absolute; } .legende2{ position:absolute; top:0; right:0; width:345px; text-align:center; box-sizing:border-box; padding:5px 10px; display:none; font-size:11px; z-index:1000; } .legende2 a{ text-transform:uppercase; font-size:10px; font-weight:bold;} .container-db{position:absolute;z-index:1000;left:-240px;top:-100px; transform: rotateX(-26.608695652173914deg) rotateY(-3.9130434782608696deg) scale(0.92);transform-style:preserve-3d;transform-origin:240px 100px 0; /*animation-name: spincube; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-duration:5s;*/} .cube{width:200px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:100px 100px 0;/*transition: transform 1s;*/} .container-db .db-cube1{left:0;transform:rotateY(-30deg);} .container-db .db-cube2{left:280px;transform:rotateY(30deg);} #join {width:10px;height:200px;/*background-color:rgba(100,100,100,0.3);*/ background-color: #fff; position:absolute;left:236px;transform-style:preserve-3d;transform:translateZ(-36px);} .bg-grey-simulator #join { background-color: #fbfbfb; } .cubeface{display:block;position:absolute;width:200px;height:200px;font-weight:700;text-align:center;margin:0; background-repeat:no-repeat; background-position:center; background-size:200px;} .cube.panels-backface-invisible .cubeface{backface-visibility:hidden;} .cubeface.front{transform:translateZ(100px);} .cubeface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(100px);} .cubeface.right{transform:rotateY(90deg) translateZ(100px);} .cubeface.left{transform:rotateY(-90deg) translateZ(100px);} .cubeface.top{transform:rotateX(90deg) translateZ(100px);} .cubeface.bottom{transform:rotateX(-90deg) translateZ(100px);} .show-front{transform:translateZ(-100px);} .show-back{transform:translateZ(-100px) rotateX(-180deg);} .show-right{transform:translateZ(-100px) rotateY(-90deg);} .show-left{transform:translateZ(-100px) rotateY(90deg);} .show-top{transform:translateZ(-100px) rotateX(-90deg);} .show-bottom{transform:translateZ(-100px) rotateX(90deg);} @keyframes spincube{ 16%{transform:rotateY(-90deg);} 33%{transform:rotateY(-90deg) rotateZ(90deg);} 50%{transform:rotateY(-180deg) rotateZ(90deg);} 66%{transform:rotateY(90deg) rotateX(90deg);} 83%{transform:rotateX(90deg);} } /*noms-holder*/ .simu-container .noms-holder{margin-top:35px;box-sizing:border-box; font-size: 30px; } .simu-container .noms-holder .nom{text-align:center;width:100%; height:35px; line-height:35px; margin-bottom:10px; overflow:hidden; } /*.simu-container .noms-holder{margin-top:35px;box-sizing:border-box} .simu-container .noms-holder .nom{text-align:center; font-size:26px; width:100%; height:35px; line-height:35px; margin-bottom:10px; overflow:hidden; }*/ .simu-container .noms-holder .nom_1{} .simu-container .noms-holder .nom_2{} .simu-container .noms-holder .et{} /*date*/ .simu-container .date-holder { margin-top:35px; box-sizing:border-box; font-size: 31px; } .simu-container .date-holder .date{text-align:center;width:100%;height:35px; line-height:35px; margin-bottom:5px; } .simu-container .date-holder .day{} .simu-container .date-holder .month{} .simu-container .date-holder .year{} .simu-container .date-holder-line{ line-height:200px; position:absolute; text-align:center; width:100%} /*initiales*/ .simu-container .initiale{position:absolute;font-size:44px;height:30px;line-height:30px; text-transform:uppercase; width:50px; text-align:center;} .simu-container .initiale_1{left:20px; top:39px;} .simu-container .initiale_2{right:20px; bottom:25px;} .simu-container .freetext-holder { right: 0; left: 0; position:absolute; max-height:100%; top:50%; font-size:30px; text-align:center; line-height:26px; word-wrap:break-word; overflow:hidden; } .matface{ position:absolute; width:100%; height:100%; background: rgba(255,255,255,0.1); background:url(/themes/simulation/brillant.png) no-repeat;background-size:cover!important; z-index:1000} /* Pochette 4 ========================================================================== */ .container-pochette{position:absolute; top:50%; margin-top:-210px; left:50%; margin-left:-210px; z-index:1000;transform-style:preserve-3d;transform-origin:210px 210px 0;} .pochette{width:200px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:100px 100px 0;/*transition: transform 1s;*/} .container-pochette .pochette1{left:0;} .container-pochette .pochette2{left:220px;} .container-pochette .pochette3{top:220px; left:220px;} .container-pochette .pochette4{top:220px;} .pochetteface{display:block;position:absolute;width:200px;height:200px; line-height:14px;font-size:28px;text-align:center;margin:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; } .pochetteface .noms-holder{margin-top:35px; } .pochette.panels-backface-invisible .pochetteface{backface-visibility:hidden;} .pochetteface.front{transform:translateZ(10px);} .pochetteface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(10px);} .pochetteface.right{transform:rotateY(90deg) translateZ(190px);width:20px;height:200px; } .pochetteface.left{transform:rotateY(-90deg) translateZ(10px);width:20px;height:200px;} .pochetteface.top{transform:rotateX(90deg) translateZ(10px);width:200px;height:20px;} .pochetteface.bottom{transform:rotateX(-90deg) translateZ(190px);width:200px;height:20px;} /*argent*/ .pochetteface.argent{background:#999;} /*or*/ .pochetteface.or{background:#FFC211;} /* Pochette 6 ========================================================================== */ .container-pochette-eve{position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-150px; z-index:1000;transform-style:preserve-3d;transform-origin:150px 100px 0;} .pochette-eve{width:300px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:150px 100px 0;/*transition: transform 1s;*/} .container-pochette-eve .pochette-eve{left:0;} .pochette-eve .pochetteface{display:block;position:absolute;width:300px;height:200px; line-height:14px;font-size:28px;text-align:center;margin:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; } .pochette-eve .pochetteface .nom-holder{margin-top:40px; } .pochette-eve .pochetteface .event-holder{margin-top:40px; } .pochette-eve .pochetteface .date-holder-line{margin-top:40px; line-height:inherit;} .pochette-eve.panels-backface-invisible .pochetteface{backface-visibility:hidden;} .pochette-eve .pochetteface.front{transform:translateZ(10px);} .pochette-eve .pochetteface.back{transform:rotateX(-180deg) rotateZ(180deg) translateZ(10px);} .pochette-eve .pochetteface.right{transform:rotateY(90deg) translateZ(290px);width:20px;height:200px; } .pochette-eve .pochetteface.left{transform:rotateY(-90deg) translateZ(10px);width:20px;height:200px;} .pochette-eve .pochetteface.top{transform:rotateX(90deg) translateZ(10px);width:300px;height:20px;} .pochette-eve .pochetteface.bottom{transform:rotateX(-90deg) translateZ(190px);width:300px;height:20px;} /*argent*/ .pochette-eve .pochetteface.argent{background:#999;} /*or*/ .pochette-eve .pochetteface.or{background:#FFC211;} .pochette-eve .image-holder{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; position:absolute; width:300px; height:200px; background:#FFF;} .pochette-eve .face-custom-img{ z-index:2; position:absolute;background-size:cover!important;background-position:center!important;} #image-block .customform, #image-block .form-bicolor { margin-top: 50px; } /* Chocos Faces Bottom ========================================================================== */ #simu-chocos { position:relative; padding-top: 50px; background-color: #fff; } #simu-chocos:before { content: ''; display: block; position: absolute; top: 0; height: 48px; background-color: #fff; left: 0; right: -15px; } @media (max-width: 990px) { #simu-chocos:before { display: none; } } #simu-chocos * { box-sizing: content-box; -webkit-box-sizing: content-box; } .chocos-holder{padding: 10px; padding-right:0; margin-top:45px; } .chocos-holder:after { content: ''; display: block; clear: both; } .flip-container { perspective:1000;transform:perspective(1000px);transform-style:preserve-3d;float:left;margin-right:10px;width:100px;height:110px;} .flipper { transition:.6s;position:relative;width:100px;height:110px; } .flip-container .front, .flip-container .back{border-radius:2px;width:100px;height:100px; background-repeat:no-repeat; background-size:100px 100px;backface-visibility:hidden;transition:.6s;transform-style:preserve-3d; position:absolute;top:0;left:0; border:5px solid #000; border-left:none; border-right:none; } .flip-container .front{transform:rotateY(0deg);z-index:2;} .flip-container .back{transform:rotateY(-180deg);} /*argent*/ .flip-container.argent .front, .flip-container.argent .back{border-color:#999;} /*or*/ .flip-container.or .front, .flip-container.or .back{border-color:#FFC211;} /*hover*/ .flip-container:hover .back,.flip-container.hover .back{transform:rotateY(0deg);} .flip-container:hover .front,.flip-container.hover .front{transform:rotateY(180deg);} .exclu .flip-container:hover .front, .exclu .flip-container.hover .front{transform:rotateY(0deg);} .exclu .flip-container .back{ display:none;} /*noms*/ .flip-container .noms-holder{margin-top:20px;} .flip-container .noms-holder .nom{text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;} .flip-container .nom-holder{margin-top:20px;text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;} .flip-container .event-holder{margin-top:20px;text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;} /*date*/ .flip-container .date-holder{margin-top:20px;} .flip-container .date-holder .date{text-align:center;width:100%;height:20px; line-height:20px;font-size:14px;} .flip-container .date-holder-line{ line-height:100px;text-align:center;font-size:12px;position: absolute; width:100%} .flip-container .Annifont .nom-holder{font-size:10px;} .flip-container .Annifont .date-holder-line{ font-size:9px;} .flip-container .Annifont .event-holder{ font-size:9px;} .flip-container .Graverplate .nom-holder{font-size:10px;} .flip-container .Graverplate .date-holder-line{ font-size:9px;} .flip-container .Graverplate .event-holder{ font-size:9px;} /*initiales*/ .flip-container .initiale{position:absolute;font-size:22px;height:20px;line-height:20px; text-transform:uppercase; width:25px; text-align:center;} .flip-container .initiale_1{left:10px; top:20px;} .flip-container .initiale_2{right:10px; bottom:13px;} /*free text*/ .flip-container .freetext-holder{position:absolute; width:100%; max-height:100%; top:50%; font-size:14px; text-align:center; line-height:16px; word-wrap:break-word; overflow:hidden;} /* Custom ========================================================================== */ .image-holder{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; position:absolute; width:100%; height:100%; background:#FFF;} .ivoire { color:#982920;font-family:"Garamond", Arial; font-weight:normal; } .ivoire .db-cube1 .front, .ivoire .choco1 .front { color:#FFFFFF; } .ivoire .pochette1 .front { color:#FFFFFF; } .champetre {color:#000000; font-family:"Edwardian", Arial; font-weight:normal; } .champetre .db-cube2 .bottom { color:#FFFFFF; } .oriental { color:#FFFFFF; font-family:"Aladdin", Arial; font-weight:normal ;} .oriental .db-cube1 .back { color:#004A99; } .oriental .flipper, .oriental .pochette { color:#004A99; } .cinema { color:#000000; font-family:"Didot", Arial; font-weight:normal; } .container.cinema { font-size:28px; } .uv { color:#FFFFFF; font-family:"Lucy", Arial; font-weight:normal; } .gourmandise { color:#000000; font-family:"Creampuf", Arial; font-weight:normal; } .chocolate { color:#E3B900; font-family:"Liberate", Arial; font-weight:normal; } .vintage { color:#000000; font-family:"Bocklin", Arial; font-weight:normal; } .voyage { color:#000000; font-family:"ScriptMTBold", Arial; font-weight:normal; } .fleurs { color:#000000; font-family:"Harrington", Arial; font-weight:normal; } .tendance { color:#000000; font-family:"Annifont", Arial; font-weight:normal; } .dentellechic { color:#FFFFFF; font-family:"GreatVibes", Arial; font-weight:normal; } .liberty { color:#CF3C70; font-family:"GreatVibes", Arial; font-weight:normal; } .enfantin { color:#CF3C70; font-family:"GreatVibes", Arial; font-weight:normal; } /*bicolore commons*/ .c-anis{color:#B5DC10} .c-argent{color:#C2C2C2} .c-blanc{color:#FFFFFF} .c-bleuf{color:#10147E} .c-bordeaux{color:#7F0700} .c-framboise{color:#C42B68} .c-vieuxrose{color:#DC5D66} .c-fuschia{color:#F0037F} .c-grisf{color:#766546} .c-ivoire{color:#FFFAD7} .c-marron{color:#3C1503} .c-noir{color:#000000} .c-or{color:#FFC211} .c-orange{color:#E37222} .c-parme{color:#D198CA} .c-rose{color:#F88CC4} .c-rouge{color:#F50003} .c-taupe{color:#CCC6AB} .c-turquoise{color:#7FCDD0} .c-violet{color:#6B1687} .c-vert{color:#159033} .b-anis{background-color:#B5DC10} .b-argent{background-color:#C2C2C2} .b-blanc{background-color:#FFFFFF} .b-bleuf{background-color:#10147E} .b-bordeaux{background-color:#7F0700} .b-framboise{background-color:#C42B68} .b-vieuxrose{background-color:#DC5D66} .b-fuschia{background-color:#F0037F} .b-grisf{background-color:#766546} .b-ivoire{background-color:#FFFAD7} .b-marron{background-color:#3C1503} .b-noir{background-color:#000000} .b-or{background-color:#FFC211} .b-orange{background-color:#E37222} .b-parme{background-color:#D198CA} .b-rose{background-color:#F88CC4} .b-rouge{background-color:#F50003} .b-taupe{background-color:#CCC6AB} .b-turquoise{background-color:#7FCDD0} .b-violet{background-color:#6B1687} .b-vert{background-color:#159033} /*damier*/ .damier{ font-family:"Garamond", Arial; font-weight:normal;} .damier .colorface{ position:absolute; width:100%; height:100%} .damier .color_1{ z-index:1; background-size:cover!important; background-repeat:no-repeat;} .damier .color_2{ z-index:2; background-size:cover!important; background-repeat:no-repeat;} .damier .switch .color_1{ z-index:2;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;} .damier .switch .color_2{ z-index:1;background-color:transparent;background-position:center!important;background-repeat:no-repeat!important;} .damier .color_1.anis{ background-color:#B5DC10} .damier .color_2.anis{ color:#B5DC10; } .damier .switch .color_1.anis{ color:#B5DC10;} .damier .switch .color_2.anis{ background-color:#B5DC10} .damier .color_1.framboise{ background-color:#C42B68} .damier .color_2.framboise{ color:#C42B68; } .damier .switch .color_1.framboise{ color:#C42B68; } .damier .switch .color_2.framboise{ background-color:#C42B68} .damier .color_1.vieuxrose{ background-color:#DC5D66} .damier .color_2.vieuxrose{ color:#DC5D66; } .damier .switch .color_1.vieuxrose{ color:#DC5D66; } .damier .switch .color_2.vieuxrose{ background-color:#DC5D66} /*ruban*/ .ruban{ font-family:"Graverplate", Arial; font-weight:normal;} .container-db.ruban .bande{ height:50px; width:100%; position:absolute;top:50%; margin-top:-25px; box-sizing:border-box;} .simu-container.ruban .txt{font-size:24px; height:50px; line-height:50px;text-align:center; display:inline-block; padding:0 5px;} .simu-container.ruban .db-cube1 .right .bande{ text-align:right; padding-right:20px;} .simu-container.ruban .db-cube2 .left .bande{ text-align:left;padding-left:20px;} .simu-container.ruban .db-cube1 .back .bande{text-align:left;padding-left:20px; } .simu-container.ruban .db-cube2 .back .bande{text-align:right; padding-right:20px;} .chocos-holder.ruban .bande{height:20px; width:100%; position:absolute;top:50%; margin-top:-10px; box-sizing:border-box; text-align:center;} .chocos-holder.ruban .txt{ display:inline-block; padding:0 5px; height:20px; line-height:20px; font-size:6px;} .chocos-holder.ruban .txt2{display:inline-block; padding:0 0px; height:20px; line-height:20px; font-size:6px;} .container-pochette.ruban .bande{height:50px; width:100%; position:absolute;top:50%; margin-top:-25px; box-sizing:border-box; text-align:center;} .container-pochette.ruban .txt{ display:inline-block; padding:0 5px; height:25px; line-height:50px; font-size:12px;} /*bayadere*/ .bayadere{ color:#000;font-family:"Xpressive", Arial; font-weight:normal;} .bayaface{ background:#FFF; position:absolute; width:100%; height:100%; z-index:0} .colbaya{ height:100%; position:absolute;} .colbaya.col1{ width:17%; left:0;} .colbaya.col2{ width:23%; left:37%; opacity:.5} .colbaya.col3{ width:15%; left:60%; opacity:.5} .colbaya.col4{ width:20%; right:0;} .colbaya.colover{ width:100%; left:0; background-repeat:no-repeat;background-size:cover!important;} .container-db.bayadere .back .bayaface{transform:rotateZ(180deg)} .container-db.bayadere .left .bayaface{transform:rotateZ(180deg)} .container-db.bayadere .right .bayaface{transform:rotateZ(180deg)} .container-db.bayadere .coeur{ background:url(http://chocolatdemariage.com/img/simulation/bicolore/bayadere/db/face_6.png) no-repeat center; width:100%; height:100%; position:absolute;} .container-db.bayadere .oui{ background:url(http://chocolatdemariage.com/img/simulation/bicolore/bayadere/db/face_10.png) no-repeat center; width:100%; height:100%; position:absolute;} /*liseres*/ .liseres{font-family:"Kunstler", Arial; font-weight:normal;} .bkgface, .imgface, .txtface, .numberface{ position:absolute; width:100%; height:100%;} .bkgface{ background-size:cover!important; background-repeat:no-repeat;} .simplecolorpicker.icon{ border:3px solid #FFF!important;} #facecustomform, .facecustomform { margin-top: 20px; } /* Exclusif ========================================================================== */ .exclu .imgface{background-size:cover;background-repeat:no-repeat;} .exclu .numberface{ line-height:200px; font-size:80px; opacity:.1;} .exclu .imgface.actif{border:3px solid #e2007a; background-size:cover;background-repeat:no-repeat;} .exclu .simu-container .imgface.actif{width:194px; height:194px;} .exclu .chocos-holder .imgface.actif{width:94px; height:94px;} .exclu .txtface{ color:#000; font-weight:normal;} .imgface{background-size:cover;background-repeat:no-repeat;} .numberface{ line-height:200px; font-size:80px; opacity:.1;} .imgface.actif{border:3px solid #e2007a; background-size:cover;background-repeat:no-repeat; } .simu-container .imgface.actif{width:194px; width:100%; height:194px; height:100%; } .chocos-holder .imgface.actif{width:94px; height:94px; min-width:94px; } .txtface{ color:#000; font-weight:normal;}