/****************** v1_170330 *******************/ @charset "utf-8"; /*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ /*@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/ html,body { font-family: 'gsm'; height:100%; margin:0; padding:0;overflow: inherit; touch-action: manipulation; } input[type='text'], input[type='password'] {min-height:30px;} @font-face { font-family: 'gsm'; src: url('gsm1.eot'); src: local('??'), url('gsm1.woff') format('woff'); } @keyframes marquee { 0% { left: 0; } 100% { left: -100%; } } @-webkit-keyframes fly-in-out { 0% { -webkit-transform: scale(0) translate3d(0, -1000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } 15%, 85% { color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1) translate3d(0, 0, 0); background: transparent; box-shadow: none; } 100% { color: transparent; -webkit-transform: scale(0) translate3d(0, 1000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } } @-moz-keyframes fly-in-out { 0% { -moz-transform: scale(0) translate3d(0, -2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } 15%, 85% { color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); -moz-transform: scale(1) translate3d(0, 0, 0); background: transparent; box-shadow: none; } 100% { color: transparent; -moz-transform: scale(0) translate3d(0, 2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } } @-o-keyframes fly-in-out { 0% { -o-transform: scale(0) translate3d(0, -2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } 15%, 85% { color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); -o-transform: scale(1) translate3d(0, 0, 0); background: transparent; box-shadow: none; } 100% { color: transparent; -o-transform: scale(0) translate3d(0, 2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } } @keyframes fly-in-out { 0% { transform: scale(0) translate3d(0, -2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } 15%, 85% { color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); transform: scale(1) translate3d(0, 0, 0); background: transparent; box-shadow: none; } 100% { color: transparent; transform: scale(0) translate3d(0, 2000px, 0); background: rgba(255, 255, 255, 0.3); box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.2); } } /* 페이징 */ .sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important} .pg_wrap {clear: both;margin: 0 0 20px;padding: 20px 0 0;text-align: center;} .pg {display: inline-block;} .pg_page, .pg_current {color: #9f9f9f;display: inline-block;float: left;padding: 0 13px;line-height: 30px;text-decoration: none;border: 1px solid #ddd;margin-left: -1px;cursor:pointer} .pg_current.pg_page.on {display: inline-block;background: #3f3f3f;color: #fff;font-weight: normal;transition:all ease 0.2s} .pg span:focus, .pg span:hover {background-color: #f3f3f3;color:black;transition:all ease 0.2s} .pg span:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .pg span:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .pg_page {background:rgba(0,0,0,0);color:white;text-decoration: none} .pg_start {background: url(../img/page_1.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_prev {background: url(../img/page_2.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_next {background: url(../img/page_3.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_end {background: url(../img/page_4.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} /* Custom */ #check {width:100%;height:100%;position:absolute;z-index:50;background:rgba(0, 0, 0, 0.8);display:none;} #check_notice {width:400px;height:200px;line-height:200px;position:relative;left:50%;margin-left:-200px;margin-top:200px;background:rgba(129, 72, 1, 0.8);color:white;display:none;font-size:20px;font-weight:1000;font-family:"gsm";text-align:center;border:2px solid #d39059;} #payback{cursor:pointer} #popup_chk {padding:0 10px;background:black;height:25px;line-height:25px;color:white} #popup_close {margin:-3px 2px 0 -2px} .swal-text {background-color: #FEFAE3; padding: 17px; border: 1px solid #F0E1A1; display: block; margin: 22px; text-align: center; color: #61534e;} .pointer {pointer-events: none;} #mgm_oe {margin-left:20px;width:100%;height:65px;} #mgm_oe span.mini_bet {margin-left:90px} #sel_del {background:-moz-linear-gradient(top, #00770b 0%,#02570a 100%);background:-webkit-linear-gradient(top, #00770b 0%, #02570a 100%);background:linear-gradient(to bottom, #00770b 0%, #02570a 100%);} #bet_can {background:-moz-linear-gradient(top, #fc761f 0%,#f54527 100%);background:-webkit-linear-gradient(top, #fc761f 0%, #f54527 100%);background:linear-gradient(to bottom, #fc761f 0%, #f54527 100%);} #refresh { height: 60px; line-height: 60px; padding: 0 30px; border: 1px solid #8d8a86; border-radius: 5px; background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); color: white; font-family: 'gsm'; text-shadow: #594e3d 0 0 1px, #594e3d 0 0 2px, #594e3d 0 0 3px, #594e3d 0 0 4px, #594e3d 0 0 5px; } #as {border:none;font-family:"gsm";background:-moz-linear-gradient(top, #1f7efe 0%,#2795f5 100%);background:-webkit-linear-gradient(top, #1f7efe 0%, #2795f5 100%);background:linear-gradient(to bottom, #1f7efe 0%, #2795f5 100%);padding: 5px 15px;color: white;} #slide {margin-top:10px;width:150px;background:-moz-linear-gradient(top, #1f7efe 0%,#2795f5 100%);background:-webkit-linear-gradient(top, #1f7efe 0%, #2795f5 100%);background:linear-gradient(to bottom, #1f7efe 0%, #2795f5 100%);} #divslide {display:none} .minigame button {cursor:pointer;width:100px;height:30px;border-radius:10px;color:white;border:1px solid;background:-moz-linear-gradient(top, #1f7efe 0%,#2795f5 100%);background:-webkit-linear-gradient(top, #1f7efe 0%, #2795f5 100%);background:linear-gradient(to bottom, #1f7efe 0%, #2795f5 100%);} .bet365 {width:100%;height:380px;text-align:center;} #bet365 .center {top:0} .bet365 .video {width:519px;height:100%;color:white;float:left;overflow:hidden;} .bet365 .video:last-child, .bet365_betting table:last-child {display: inline-block;} .bet365 .video2 {width:519px;height:100%;position:relative;border:1px solid white;left:50%;margin-left:-259.5px;background:black;color:white;overflow:hidden} .bet365_betting table.table2 {width:519px;float:left;margin-top:10px;border:none;border-collapse: separate;border-spacing:0 1px;position:relative;left:50%;margin-left:-259.5px} .bet365 .video iframe, .bet365 .video2 iframe {width:514px;} .bet365_betting {height:auto;overflow:hidden;display: inline-block;} .bet365_betting .remaining_time {position: relative;float:left;color:white;left:75px;top:0} .bet365_betting .end_time {position:relative;color:yellow;left:20px;top:0;float:right} .bet365_betting table {width:519px;float:left;margin-top:10px;border:none;border-collapse: separate;border-spacing:0 1px;} .bet365_betting table td {color:white;padding:0 10px;font-family:"gsm";font-weight:1000;line-height:30px} .bet365_betting #britannia_way img, .bet365_betting #festival_downs img, .bet365_betting #victoria_park img {width:30px} .bet365_betting #hillside img, .bet365_betting #goldenhill img {width:20px;margin-right:5px} .bet365_betting .league {width:100%;pointer-events: none;font-size:24px;color:#00bfff} .greyhound {width:100%;height:380px;} .remaining_time {position:absolute;color:white;left:368px;top:6px;font-weight:1000;font-size:20px;width:100px;text-align:center} .end_time {position:absolute;color:yellow;left:637px;top:6px;font-weight:1000;font-size:20px;width:100px;text-align:center} .result_time {position:absolute;color:white;left:101.5px;top:6px;font-weight:1000;font-size:20px;width:100px;text-align:center} #betting_result {width:100%;height:300px;margin:20px 0;text-align:center;font-family:"gsm";padding-bottom: 100px;} #betting_result .imposs{ height: 40px; line-height: 40px; padding: 0 15px; color: #d4c6b0; background: linear-gradient(165deg, #e5ded2 0%, #d4c6b0 35%, #a19075 45%, #8d8a86 100%); color: white; font-family: 'gsm'; text-shadow: #594e3d 0 0 1px, #594e3d 0 0 2px, #594e3d 0 0 3px, #594e3d 0 0 4px, #594e3d 0 0 5px; } #betting_result .poss{ height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #8d8a86; border-radius: 5px; background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); color: white; font-family: 'gsm'; text-shadow: #594e3d 0 0 1px, #594e3d 0 0 2px, #594e3d 0 0 3px, #594e3d 0 0 4px, #594e3d 0 0 5px; } #betting_result .poss:hover {background:white;color:black;transition:all ease 0.2s} #betting_result div#table {height:200px} #betting_result table {border:none;background:rgba(255,255,255,0.1)} #betting_result th {color:white;height:30px;text-align:center;background:linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%);border-bottom:1px solid gray;border-top:1px solid gray} #betting_result td {color:white;text-align:center;height:33px;border-bottom:1px solid rgba(103,103,103,0.6)} #button_div {width:100%;height:50px;line-height:50px;text-align:center;margin-bottom:10px} #button_div button {width:100px;height:30px;line-height:30px;font-size:13px;font-weight:400;background:#5b9fb6;border:none;color:white;transition:all ease 0.3s} #button_div button:hover {background:#5b9fb63a;transition:all ease 0.3s} .note {width:calc(100% - 40px);color:white;text-align:center;margin:20px;border:none;font-family:"gsm"} .note input[type=checkbox] {margin:0} .note #delete {cursor:pointer} .note #left {float:left;cursor:pointer;width:100%;cursor:pointer;text-align:left} .note #left2 {float:left;cursor:pointer;width:100%;text-align:left} .note #content {padding:10px;text-align:left;border:none} .note #note_delete {cursor:pointer} .note td {border-bottom:1px solid #383838;height:40px;} .note th {text-align:center;padding:10px 0;color:white} #lottery_info {width: 302px;float:right;display:table;margin-left: 20px;height:50px;margin-top:20px;background-color:#5b9fb6;transition:all ease 0.3s;cursor:pointer;} #lottery_info:hover {background-color:#5b9fb63a;} .betting_result {width:calc(100% - 40px);color:white;text-align:center;border:none;font-weight:1000;margin:auto;font-family:"gsl";margin-bottom:10px} .betting_result input[type=checkbox] {margin-top:-2px} .betting_result:first-child {margin-top:20px} .betting_result .last {margin-bottom:20px;background:rgba(255,255,255,0.2);font-size:12px;text-align:left;line-height:30px} .betting_result .last button {background:rgba(0,0,0,0.5);border:none;width:60px;height:25px;line-height:25px;color: white;} .betting_result .last span.plus {color:orange} .betting_result .last span.minus {color:skyblue} .betting_result .last span.money {color:orange} .betting_result .last span.odd {color:#1bbc9b} .betting_result .last span.normal{padding:0 8px} .betting_result .last span.betting_money {color:#10bdff} .betting_result th{text-align:center;border:1px solid #354857;border-bottom:none;padding:10px 0;height:30px;line-height:30px;padding:5px 0;background:rgba(255,255,255,0.1)} .betting_result img.right_image, .betting_result img.left_image {margin:-3px 5px 0 5px} .betting_result td {text-align:center;border:1px solid #5e6d79;padding:5px 10px;font-weight:1000} .betting_result .result {background: linear-gradient(#47443f, #252323);} .betting_result .result_win{ background: linear-gradient(#ddbe6c, #594e28); color: #000; } .betting_result .complete {border:2px solid #4eff55} .betting_result #score {background:url('../img/bg/btn_bg.png') repeat-x} #left {float:left;} #right {float:right} .center {position:absolute;width:250px;margin-left:50%;left:-125px;text-align:center;top:20px} span:after{opacity:0.7} .left {float:left;} .right {float:right;} #rules {width:100%;color:white;margin:10px 0} #rules div {width:calc(100% - 40px);height:30px;line-height:30px;margin-left:20px;border-bottom:1px solid #3e3d3c;font-weight:1000;font-size:16px} #rules p {margin:10px 10px 0 50px;text-indent:-9px;font-size:13px;padding-right:10px} #rules p#lol {margin-left:60px} #sports_rules {width:calc( 100% - 40px);height:45px;margin:0 0 20px 20px} .coupon span#top_info {color:white;font-weight:1000} .coupon span {padding:0 5px;border-right:#343a44 solid 1px} .coupon span:last-child {border:none} .coupon span a {color:white;font-weight:bolder;} .coupon:last-child span a{color:#60a1d4} #mini{ width:1184px; height:300px; margin:0 auto; margin-bottom:50px; background:url('../img/main_mini_bg.png') no-repeat; background-position-x: 37px; background-position-y: -10px; } #first_minigame { width: 100%; padding: 13px 13px; height: 87px; text-align: center; padding-left: 50px; } #first_minigame a{width:90px;float:left;position:relative;text-align:center;} #first_minigame:last-child {margin-top:-10px} /*1366 +-88*/ .game_menu_list{width:1366px;margin:auto} #sub_menu{position:absolute;width:100%;margin-top:-64px;border:1px solid #3c5770;display:none;z-index:100;transition:all 0.2s} #sub_menu li{list-style:none;position:relative;cursor:pointer;width:83px;padding:5px 0;background:#171d26;color:white;float:left;margin-right:4px;border-bottom:1px solid #3c5770;border-right:1px solid #3c5770} #sub_menu li:hover {background:#222b39} #sub_menu li:last-child{border-bottom:none} #sports_menu{float:left;} #mini_menu{float:right;margin-bottom:0} #mini_menu li {float:left;position:relative;margin-right:3px;font-size:13px} #mini_menu li:hover #sub_menu {display:block;transition:all 0.2s} #sports {width:1184px;height:80px;text-align:center;margin:auto} #sports:last-child{margin-top:10px;margin-bottom:10px} #sports th {text-align:center;border-top:1px solid #354857;border-bottom:1px solid #354857;height:40px} #main_sports_menu{width:1184px;height:256px;text-align:center;margin-left:-18px;margin:auto} #main_sports_menu #hovn1 {content:url('../img/main/sports_01.png')} #main_sports_menu #hovn1:hover {content:url('../img/main/sports_01_over.png')} #main_sports_menu #hovn2 {content:url('../img/main/sports_02.png')} #main_sports_menu #hovn2:hover {content:url('../img/main/sports_02_over.png')} #main_sports_menu #hovn3 {content:url('../img/main/sports_03.png')} #main_sports_menu #hovn3:hover {content:url('../img/main/sports_03_over.png')} #main_sports_menu #hovn1 {content:url('../img/main/sports_01.png')} #main_sports_menu #hovn1:hover {content:url('../img/main/sports_01_over.png')} #main_sports_menu #hovn2 {content:url('../img/main/sports_02.png')} #main_sports_menu #hovn2:hover {content:url('../img/main/sports_02_over.png')} #main_sports_menu #hovn3 {content:url('../img/main/sports_03.png')} #main_sports_menu #hovn3:hover {content:url('../img/main/sports_03_over.png')} #main_sports_menu #hovn4 {content:url('../img/main/game_01.png')} #main_sports_menu #hovn4:hover {content:url('../img/main/game_01_over.png')} #main_sports_menu #hovn5 {content:url('../img/main/game_02.png')} #main_sports_menu #hovn5:hover {content:url('../img/main/game_02_over.png')} #main_sports_menu #hovn6 {content:url('../img/main/game_03.png')} #main_sports_menu #hovn6:hover {content:url('../img/main/game_03_over.png')} #main_sports_menu #hov1 {content:url('../img/sports_01.png')} #main_sports_menu #hov1:hover {content:url('../img/sports_01_over.png')} #main_sports_menu #hov2 {content:url('../img/sports_02.png')} #main_sports_menu #hov2:hover {content:url('../img/sports_02_over.png')} #main_sports_menu #hov3 {content:url('../img/sports_03.png')} #main_sports_menu #hov3:hover {content:url('../img/sports_03_over.png')} #main_sports_menu #hov4 {content:url('../img/casino_01.png')} #main_sports_menu #hov4:hover {content:url('../img/casino_01_over.png')} #main_sports_menu #hov5 {content:url('../img/casino_02.png')} #main_sports_menu #hov5:hover {content:url('../img/casino_02_over.png')} #main_sports_menu #hov6 {content:url('../img/casino_03.png')} #main_sports_menu #hov6:hover {content:url('../img/casino_03_over.png')} .game_menu{width:100%;text-align:center;height:160px;} input {color:#000} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #placeholder {text-align:center;background: transparent;color:#fff;font-weight: 900;} .betting { top: 30px;position: relative;margin-bottom: 27px;} .betting_but{margin-left: 0px;padding: 0;justify-content: center;align-items: center;} .betting_butform{float:left;cursor:pointer;position: relative;width: 170px;line-height: 40px;min-height: 40px;background: rgba(255,255,255,0.1);box-shadow: 0 5px 15px rgba(0,0,0,0.3);} .betting_butform:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(255,255,255,0.1);pointer-events: none;} .betting_butform:after{content:'aaaaaaa';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;background: linear-gradient(45deg,#1900ff77,#00ff2a);pointer-events: none;animation: animate 10s linear infinite;} #login{position:relative;top:11px;left:65px;color:white;cursor:pointer} #login2{position:absolute;top:11px;left:235px;color:white;cursor:pointer} /* Layout */ #sports_button span#left, #sports_button span#right, #sports_button span.left_option, #sports_button span.right_option { line-height:35px; } #sports_button { padding: 0px 5px !important; } #wrap { width:100%;/* background: url(/img/back.png); */margin:auto auto;} #wrap .wrap_gr {margin:auto auto; width:1200px;/* background: url(/img/back.png); */ } #wrap .menu_bg { width: 100%;background: url(../img/menu_bg.png);position: absolute;height: 60px;margin-top: 132px;} #container {clear:both;position:relative; width:1220px; zoom:1;margin: auto;top: 180px;} #container #content {clear:both; position:relative; height:auto; overflow:hidden; zoom:1; } #container #content #top_wrap {position:relative; float:left; width:915px; zoom:1; height:52px;} #container #content #top_wrap .tit {position:relative; float:left; color:#fff; font-size:30px; font-weight: 900;margin-bottom:20px} #container #content #top_wrap .sports_menu {position:relative;float:right;text-align:right;width:800px;height:50px} #container #content #top_wrap .sports_menu div {float:right;margin-left:15px;padding:5px 15px;cursor:pointer;font-family:"gsm";font-size:14px;font-weight:1000;background:#171827;color:white;text-align:center;font-weight:700;transition: all ease 0.2s;margin-top:10px} #container #content #top_wrap .sports_menu div#select, #container #content #top_wrap .sports_menu div:hover {background:white;color:#171827;transition: all ease 0.2s;} #container #content #top_wrap .game_menu {position:absolute;float:right;text-align:right;width:100% !important;height:50px} #container #content #top_wrap .game_menu div {float:right;margin-left:10px;padding:5px 15px;cursor:pointer;font-family:"gsm";font-size:14px;font-weight:1000;background:#171827;color:white;text-align:center;font-weight:700;transition: all ease 0.2s;margin-top:6px} #container #content #top_wrap .game_menu div#select, #container #content #top_wrap .game_menu div:hover {background:white;color:#171827;transition: all ease 0.2s;} #container #content #top_wrap .kind {position: relative;width: 352px;float: right;color: #7a7a7b;font-size: 12px;font-family: 굴림;top: -35px;} #container #content #top_wrap .kind select{background: #000;border: #4e7092 solid 1px;font-size: 14px;font-family: 'gsm';font-weight: bold;color: #fff;padding: 5px 10px;margin-top: -10px;margin-left: 25px;} #container #content #top_wrap .result_type {float:right;height:32px;line-height:auto;padding-left:10px;margin-top:3px;background:rgba(0,0,0,0.5);color:white;font-family:"gsm";font-size:16px;font-weight:bolder} #container #content #cnt_wrap {position: relative;float: left;width: 915px;background: #000000aa;border : #9e8e78 solid 1px;height: auto;min-height: 80px;font-family:"gsm"} #container #content #cnt_wrap #sports {position:relative;width:100%;height:auto;min-height:700px;overflow:hidden;padding:20px;color:white;font-family:"gsm";box-sizing: border-box;} #container #content #cnt_wrap #sports table {border-spacing:1px;border-collapse:separate;border:none} #container #content #cnt_wrap #sports table td {padding:5px 10px;font-weight:900} #container #content #cnt_wrap #sports .date {background:#222;border:1px solid #9e8e78;} #container #content #cnt_wrap #sports .league {background:none;position: relative;width:100%;border:none;height: 60px;line-height:60px;color: #fff;font-size: 14px;font-size:1.3em;font-weight: 900; background: -webkit-linear-gradient(#2d3441, #232a33, #191f26); background: -moz-linear-gradient(#2d3441, #232a33, #191f26); background: -o-linear-gradient(#2d3441, #232a33, #191f26); background: linear-gradient(#2d3441, #232a33, #191f26); padding: 0px 10px; height: 40px; line-height: 40px; } #container #content #cnt_wrap #sports .league img {margin-right:10px} #container #content #cnt_wrap #sports .league p {display:inline-block;} #container #content #cnt_wrap #sports .game_list {position: relative;width: 100%;height: auto;color:#fff;font-size: 12px;font-family: 굴림;border-bottom: #506b84 solid 1px;} #container #content #cnt_wrap .game_list .date{position: relative;width: 119px;color: #979696;margin-top: 6px;text-align: center;} #container #content #cnt_wrap .game_list .date_off{position: relative;width: 119px;color: #484848;margin-top: 9px;text-align: center;} #container #content #cnt_wrap .button_area {width:100%;height:50px;line-height:50px;margin-bottom:10px;text-align:center;font-family:"gsm"} #container #content #cnt_wrap .button_area button {border:none;height:30px;line-height:30px;color:white;font-weight:1000;transition:all ease 0.3s;padding:0 10px} #container #content #cnt_wrap .button_area button:hover {background:black;color:#fff;transition:all ease 0.3s} #container #content #cnt_wrap .no_result {width:calc(100% - 20px);margin:auto;height:50px;line-height:50px;text-align:center;font-family:"gsm";font-size:20px;background:rgba(255,255,255,0.3);color:white;margin-top:10px} #container #content #cnt_wrap #info_area {width:100%;height:auto;overflow:hidden;padding:30px;font-family: "gsm";color:white;box-sizing: border-box;} #container #content #cnt_wrap #info_area h3 {width:100%;padding-bottom:20px;border-bottom:1px solid rgba(133, 133, 133, 0.5); font-size:15px;font-weight:1000;color:#1bbc9b} #container #content #cnt_wrap #info_area #member_info {width:100%;height:40px;line-height:30px;border-bottom:1px solid rgba(133, 133, 133, 0.5);margin-bottom:10px} #container #content #cnt_wrap #info_area #member_info #first {width:250px;float:left;border-right:1px dashed gray} #container #content #cnt_wrap #info_area #member_info div:last-child {float:left;padding-left:10px} #container #content #cnt_wrap #info_area div:last-child {border:none} #container #content #cnt_wrap #attendance {width:100%;height:100%;padding:30px;color:white} #container #content #cnt_wrap #attendance #not_calender {width:100%;height:300px;position:relative;overflow:hidden} #container #content #cnt_wrap #attendance h3 {color:#2795f5;padding-bottom:10px;text-align:center} #container #content #cnt_wrap #attendance #calender {width:100%;height:auto;overflow:hidden} #container #content #cnt_wrap #attendance #calender #days {position:absolute;top:0px;left:0px;line-height:1;background:rgba(255,255,255,0.2)} #container #content #cnt_wrap #attendance #calender table {width:100%} #container #content #cnt_wrap #attendance #calender table th {text-align:center;height:100px;line-height:100px;border:1px solid white} #container #content #cnt_wrap #attendance #calender table td {position:relative;width:14%;height:100px;line-height:100px;text-align:center;background:rgba(41, 41, 41, 0.5);border:1px solid white} #container #content #cnt_wrap #attendance #calender table td.gift {background:url('/img/attend3.png') 50% 50% no-repeat} #container #content #cnt_wrap #attendance #calender table td.success {background:url('/img/attend2.png') 50% 50% no-repeat} #container #content #cnt_wrap #attendance #calender table td.failed {background:url('/img/attend1.png') 50% 50% no-repeat} #container #content #cnt_wrap #year {color:white;width:100px;margin:auto;padding-top:20px;text-align:center;font-size:30px} #container #content #cnt_wrap #attend_area {text-align:center;} #container #content #cnt_wrap #attend_area #arrow_left {cursor:pointer;position:absolute;width:43px;height:71px;left:50%;top:50px;margin-left:-100px;background:url(/img/but/arrow_left.png)} #container #content #cnt_wrap #attend_area #arrow_right {cursor:pointer;position:absolute;width:43px;height:71px;left:50%;top:50px;margin-left:60px;background:url(/img/but/arrow_right.png)} #attend_button {position:absolute;width:268px;height:62px;background:url(/img/attend.png);left:50%;margin-left:-134px;cursor:pointer} #container #content #cnt_wrap #sel_month {width:100%;color:white;font-size:70px;position:relative;top:-20px} #container #content #cnt_wrap #attend_info01 {position:relative;width:260px;height:250px;overflow:hidden;float:left;top:-163px} #container #content #cnt_wrap #attend_info01 div {width:100%;margin-bottom:10px} #container #content #cnt_wrap #attend_info02 {position:relative;width:290px;height:250px;overflow:hidden;float:right;top:-163px;text-align:center} #container #content #cnt_wrap #attend_info02 div {width:100%;margin-bottom:10px} #container #content #cnt_wrap #attend_info02 #level {width:100%;text-align:center;height:auto;overflow:hidden} #container #content #cnt_wrap #attend_info02 #level div {width:93px;float:left} #container #content #cnt_wrap #attend_info02 #check_num {width:100%;height:100px;line-height:100px;font-size:30px} #sports_button img {margin:-3px 5px 0 5px} .left_option {float:left;margin-left:5px;color:rgba(255, 94, 0, 0.8);} .right_option {float:right;margin-right:5px;color:rgba(255, 94, 0, 0.8);} .win{position: relative;cursor:pointer;height:30px;border:1px solid #9e8e78; background: -webkit-linear-gradient(#47443f, #252323); background: -moz-linear-gradient(#47443f, #252323); background: -o-linear-gradient(#47443f, #252323); background: linear-gradient(#47443f, #252323); font-weight:900} .win .left {width:100px;text-align:left} .win_on{height:30px;cursor:pointer;position:relative;border: white solid 1px;font-weight:900; background: -webkit-linear-gradient(#ddbe6c, #594e28); background: -moz-linear-gradient(#ddbe6c, #594e28); background: -o-linear-gradient(#ddbe6c, #594e28); background: linear-gradient(#ddbe6c, #594e28); cursor:pointer;color:#000} .win:hover {position: relative;border: #e2af28 solid 1px; background: -webkit-linear-gradient(#4f4c46, #2f2d2c); background: -moz-linear-gradient(#4f4c46, #2f2d2c); background: -o-linear-gradient(#4f4c46, #2f2d2c); background: linear-gradient(#4f4c46, #2f2d2c); } .draw{position: relative;cursor:pointer;border:1px solid #9e8e78; background: -webkit-linear-gradient(#47443f, #252323); background: -moz-linear-gradient(#47443f, #252323); background: -o-linear-gradient(#47443f, #252323); background: linear-gradient(#47443f, #252323); text-align: center;font-weight: 900;color:#fff;} #VS {pointer-events: none;} .draw_on{position: relative;cursor:pointer;border: white solid 1px; background: -webkit-linear-gradient(#ddbe6c, #594e28); background: -moz-linear-gradient(#ddbe6c, #594e28); background: -o-linear-gradient(#ddbe6c, #594e28); background: linear-gradient(#ddbe6c, #594e28); text-align: center;font-weight: 900;color:#000;} .draw:hover {position: relative;border: #e2af28 solid 1px; background: -webkit-linear-gradient(#4f4c46, #2f2d2c); background: -moz-linear-gradient(#4f4c46, #2f2d2c); background: -o-linear-gradient(#4f4c46, #2f2d2c); background: linear-gradient(#4f4c46, #2f2d2c); } .lose{position: relative;cursor:pointer;border:1px solid #9e8e78; background: -webkit-linear-gradient(#47443f, #252323); background: -moz-linear-gradient(#47443f, #252323); background: -o-linear-gradient(#47443f, #252323); background: linear-gradient(#47443f, #252323); font-weight: 900;} .lose:hover {position: relative;border: #e2af28 solid 1px; background: -webkit-linear-gradient(#4f4c46, #2f2d2c); background: -moz-linear-gradient(#4f4c46, #2f2d2c); background: -o-linear-gradient(#4f4c46, #2f2d2c); background: linear-gradient(#4f4c46, #2f2d2c); } .lose_on{position: relative;cursor:pointer;border: white solid 1px; background: -webkit-linear-gradient(#ddbe6c, #594e28); background: -moz-linear-gradient(#ddbe6c, #594e28); background: -o-linear-gradient(#ddbe6c, #594e28); background: linear-gradient(#ddbe6c, #594e28); text-align: center;font-weight: 900;color:#000;} .win_off { position: relative; cursor: pointer; height: 30px; color: gray; border: 1px solid #555; background: -webkit-linear-gradient(#333, #444, #555); background: -moz-linear-gradient(#333, #444, #555); background: -o-linear-gradient(#333, #444, #555); background: linear-gradient(#333, #444, #555); font-weight: 900; pointer-events: none; } .draw_off { position: relative; cursor: pointer; height: 30px; color: gray; border: 1px solid #555; background: -webkit-linear-gradient(#333, #444, #555); background: -moz-linear-gradient(#333, #444, #555); background: -o-linear-gradient(#333, #444, #555); background: linear-gradient(#333, #444, #555); font-weight: 900; pointer-events: none; } .lose_off { position: relative; cursor: pointer; height: 30px; color: gray; border: 1px solid #555; background: -webkit-linear-gradient(#333, #444, #555); background: -moz-linear-gradient(#333, #444, #555); background: -o-linear-gradient(#333, #444, #555); background: linear-gradient(#333, #444, #555); font-weight: 900; pointer-events: none; } #container #content #cnt_wrap2 {position:relative; float:left; width:842px; overflow:hidden; zoom:1;/*ie5*/_width:820px; top:-50px;} #container #content #side_wrap {position: relative;float: right;width: 280px;height: 100%;min-height: 340px;top: -10px;transition: top 0.78s;} #container #content #side_wrap .clock{ position: relative; float: right; width: 269px; height: 41px; margin-top: -2px; color: white; margin-bottom: 2px; font-size: 39px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; } #container #content #side_wrap .benner{position: relative;margin-right: 2px;float: right;margin-top: 10px;} #container #content #side_wrap .benner .benner01{ width: 277px; height: 215px; overflow:hidden; background: url(../img/live_charge.png?4); padding: 55px 20px 0 20px; margin-top: 4px; } #container #content #side_wrap .benner .benner01 .benner_con{ color: #5c6a78; width: 100%; height: 35px; padding: 8px 10px; font-size: 12px; font-family: 'gsm'; font-weight: 900; border-bottom: #43505d solid 1px; } #container #content #side_wrap .benner .benner01 .benner_con .name{ color: #fff; } #container #content #side_wrap .benner .benner01 .benner_con .money{ color: #00eaff; float:right; } #container #content #side_wrap .benner .benner02{ width: 277px; height: 215px; overflow:hidden; background: url(../img/live_exchange.png?4); padding: 55px 20px 0 20px; margin-top: 4px; } #container #content #side_wrap .benner .benner02 .benner_con{ color: #5c6a78; width: 100%; height: 35px; padding: 8px 10px; font-size: 12px; font-family: 'gsm'; font-weight: 900; border-bottom: #43505d solid 1px; } #container #content #side_wrap .benner .benner02 .benner_con .name{ color: #fff; } #container #content #side_wrap .benner .benner02 .benner_con .money{ color: #00eaff; float:right; } #container #cnt_wrap .minigame{ position:relative; text-align:center; } #container #cnt_wrap .minigame .video_leyer { position:relative; width:838px; height:559px; margin-top: 10px; } #container #cnt_wrap .minigame .video_leyer .video{ position:absolute; background:#000; width:825px; height:541px; color:#fff; text-align:center; } #container #cnt_wrap .minigame .game_penel { position: relative; width: 100%; } #container #cnt_wrap .minigame .game_penel .mg_tit{ position:relative; background:url(../img/mg_tit_bg.png?323222); width:838px; height:559px; height:159px; margin:auto; } #container #cnt_wrap .minigame .game_penel .mg_tit .mg_date{ width: 100%; height: 40px; text-align: center; position: relative; top: 75px; } #container #cnt_wrap .minigame .game_penel .mg_tit .mg_date .text {font-size:30px;font-family: 'gsm';font-weight: 900;background: linear-gradient(to bottom, #f7dd78, #a37d2d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} #container #cnt_wrap .minigame .game_penel .mg_pennel{position:relative;background:url(../img/mg_pennel_bg.png?3231389734222322);width:838px;height:181px;margin-left:18px} #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe{padding: 35px 0 0 170px;} #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01{ position: relative; background: url(../img/minigame/pennel_01.png?32322322) no-repeat; width: 117px; height: 132px; display: block; float: left; margin-left: 7px; margin-right:60px; cursor:pointer; transition:all ease 0.2s; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .nmargin {margin-right:0} #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01.on{ background: url(../img/minigame/pennel_01_over.png); } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01 .img2{position: absolute;display: block;width: 100%;margin-top: 25px;cursor:pointer;} #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 12px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_01 .odds{ position: absolute; width: 117px; display: block; text-align: center; margin-top: 100px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02{ position: relative; background: url(../img/minigame/pennel_02.png?3234322322); width: 97px; height: 97px; display: block; float: left; margin-left: 7px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_1{ position: relative; background: url(../img/minigame/pennel_02.png?323222322); width: 97px; height: 97px; display: block; float: left; margin-left: 7px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_1 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_1 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_2{ position: relative; background: url(../img/minigame/pennel_02.png?3234522322); width: 97px; height: 97px; display: block; float: left; margin-left: 7px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_2 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_02_2 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_03{ position: relative; background: url(../img/minigame/pennel_01.png?32322322); width: 117px; height: 132px; display: block; float: left; margin-left: 7px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_03 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 25px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel .allpe .pennel_03 .odds{ position: absolute; width: 117px; display: block; text-align: center; margin-top: 100px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel2{ position:relative; width:840px; height:206px; margin: 0 auto !important; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero {width:100%;height:63px;position:absolute;top:194px;margin-left:32px;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero .mini_bet {width:100%;height:63px;text-align:center;cursor:pointer;transition:all ease 0.3s;background:url(/img/minigame/pennel_05.png) no-repeat;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero .mini_bet:hover {background:url(/img/minigame/pennel_05_over.png) no-repeat} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero .mini_bet.on {background:url(/img/minigame/pennel_05_over.png) no-repeat} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero img {position:relative;top:4px;left:-29px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .zero .odds {position:absolute;top:31px;margin-left:-96px;color:#ffd400;font-family:'gsm';font-weight:bold} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe {width:100%;height:63px;position:absolute;margin-left:7px;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe .mini_bet {width:394px;height:63px;margin-left:7px;text-align:center;float:left;cursor:pointer;transition:all ease 0.3s;background:url(../img/minigame/pennel_06.png) no-repeat;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe .mini_bet:hover {background:url(../img/minigame/pennel_06_over.png) no-repeat} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe .mini_bet.on {background:url(../img/minigame/pennel_06_over.png) no-repeat} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe img {position:relative;top:4px;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .skypark_oe .odds {position:absolute;top:31px;margin-left:-25px;color:#ffd400;font-family:'gsm';font-weight:bold} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #oe {width:100%; height:65px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #oe span.mini_bet:nth-child(n+2) {margin-left:115px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #dice {width:100%; height:65px;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #dice span.mini_bet:nth-child(n+2) {margin-left:57px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #baccarat {width:100%; height:65px; margin-left:85px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 #baccarat span.mini_bet:nth-child(n+2) {margin-left:152px} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe {position: absolute;width: 263px;height: 65px;display: block;float: left;margin-left: 7px;} #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01{ position: relative; border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 117px; height: 132px; display: block; float: left; margin-left: 7px; top: 50px; text-align: center; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 25px; cursor:pointer; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 .odds{ position: absolute; width: 117px; display: block; text-align: center; margin-top: 100px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02{ position: relative; border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 97px; height: 97px; display: block; float: left; margin-left: 7px; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_1{ position: relative; border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 117px; height: 132px; display: block; float: left; margin-left: 7px; top: 50px; text-align: center; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_1:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_1.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_1 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_1 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_2{ position: relative; border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 97px; height: 97px; display: block; float: left; margin-left: 7px; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_2:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_2.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_2 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 35px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02_2 .odds{ position: absolute; width: 97px; display: block; text-align: center; margin-top: 50px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03{ border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 117px; height: 65px; display: block; float: left; margin-left: 7px; margin-bottom: 2px; margin-top: 50px; text-align: center; position: relative; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 11px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 .odds{ position: absolute; width: 117px; display: block; text-align: center; margin-top: 42px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1{ border: 1px solid #9e8e78; background: linear-gradient(40deg, #333 0%, #333 19%, #9e8e78 20%, #9e8e78 21%, #333 22%, #444 50%, #333 78%, #9e8e78 79%, #9e8e78 80%, #333 81%, #333 100%, transparent); width: 117px; height: 65px; display: block; float: left; margin-left: 7px; text-align: center; position: relative; cursor:pointer; transition:all ease 0.3s; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1:hover, #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1.on{ box-shadow: 0 0 10px 5px white; border: 1px solid #666666; background: linear-gradient(40deg, #111 0%, #111 19%, #9e8e78 20%, #9e8e78 21%, #111 22%, #222 50%, #111 78%, #9e8e78 79%, #9e8e78 80%, #111 81%, #111 100%, transparent); } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 .img{ position: absolute; display: block; margin: auto auto; width: 100%; vertical-align: middle; height: 100%; margin-top: 10px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 .odds{ position: absolute; width: 117px; display: block; text-align: center; margin-top: 43px; font-size: 15px; font-family: 'gsm'; font-weight: bold; color: #ffd400; } #container #content #cnt_wrap .minigame_his{ position: relative; width: 100%; zoom: 1; font-weight: 900; } #container #content #cnt_wrap .minigame_his .box{ position: relative; position: relative; float: left; zoom: 1; padding: 11.5px; font-weight: 100; border: #2c4765 solid 1px; /* padding: 15px; */ margin-bottom: 50px; color: #fff; font-size: 12px; font-family: "Gulim"; background: linear-gradient(to bottom, #203040, #111e23 , #080c0e); } #container #content #cnt_wrap .minileague02 .de_but{ position: relative; float: right; width: 380px; zoom: 1; padding-right: 10px; font-weight: 900; } #container #content #cnt_wrap .minileague02 .de_but02{position: relative; float: right; width: 130px; zoom: 1; padding: 7px; font-weight: 600; font-size: 13px; color: #fff; border-radius: 5px; text-align: center; margin-top: -7px; background: -webkit-linear-gradient(bottom, #000, #2d292f , #2b3a57); background: -moz-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: -o-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: linear-gradient(to bottom, #213344, #1c313a , #101a1f); border: #5e768a solid 1px; margin-left: 10px; } #container #content #cnt_wrap .minileague02 .de_but input{ display: inline-block; width: 20px; height: 20px; border: 2px solid #bcbcbc; cursor: pointer; margin-top:-3px; } #container #content #cnt_wrap .minileague02{ position: relative; float: left; width: 100%; zoom: 1; padding-top: 10px; padding-left: 10px; height: auto; min-height: 40px; /* margin-left: -1px; */ margin-top: 50px; color: #fff; font-size: 12px; font-weight: 900; font-size: 15px; font-family: 'gsm'; font-weight: bold; } #container #content #cnt_wrap .minileague{ position: relative; float: left; width: 100%; zoom: 1; padding-top: 10px; padding-left: 10px; border-bottom: #203954 solid 1px; height: auto; border-top: #203954 solid 1px; min-height: 40px; /* margin-left: -1px; */ margin-top: 10px; color: #fff; font-size: 12px; font-weight: 900; font-size: 15px; font-family: 'gsm'; font-weight: bold; } #container #content #cnt_wrap .minileague input{ display: inline-block; width: 20px; height: 20px; border: 2px solid #bcbcbc; cursor: pointer; margin-top:-3px; } #container #content #cnt_wrap .minigame_list{position: relative;padding:20px;width:100%;height:auto;overflow:hidden;color: #fff;font-size: 12px;font-family: "gsm";} #container #content #cnt_wrap .minigame_list .subject_center {position:absolute;width:150px;height:50px;line-height:50px;margin-left:50%;text-align:center;left:-75px;background:rgba(0,0,0,0.5)} #container #content #cnt_wrap .minigame_list #subject {width:100%;height:50px;line-height:50px;font-size:20px;font-weight:1000;padding:0 30px;font-family:"gsm"; background:linear-gradient(to bottom, #2d3440 0%, #14191f 100%); background:-webkit-linear-gradient(top, #2d3440 0%, #14191f 100%); background:-moz-linear-gradient(top, #2d3440 0%, #14191f 100%)} #container #content #cnt_wrap .minigame_list table{border:none;width:100%} #container #content #cnt_wrap .minigame_list table th {text-align:center;height:30px;line-height:30px;border-top:1px solid #354857;border-bottom:1px solid #354857} #container #content #cnt_wrap .minigame_list table td {text-align:center;height:30px;line-height:30px;border-bottom:1px solid #484848;padding:0 10px;font-size:15px;font-weight:1000; background:-moz-linear-gradient(top, #2d3440 0%, #14191f 100%); background:-webkit-linear-gradient(top, #2d3440 0%, #14191f 100%); background:linear-gradient(to bottom, #2d3440 0%, #14191f 100%)} #container #content #cnt_wrap .minigame_list table td#subject {height:50px;text-align:center;padding:0 30px} #container #content #cnt_wrap .minigame_list table td#no {opacity:0.7; background:-moz-linear-gradient(top, #1e2229 0%, #040607 100%); background:-webkit-linear-gradient(top, #1e2229 0%, #040607 100%); background:linear-gradient(to bottom, #1e2229 0%, #040607 100%)} #container #content #cnt_wrap .minigame_list .date{position: relative;zoom: 1;opacity:0.8;color: #979696;margin-top: 9px;text-align: center;} #container #content #cnt_wrap .minigame_list .date_off{position: relative;float: left;width: 119px;zoom: 1;color: #484848;margin-top: 9px;text-align: center;} #container #content #cnt_wrap .minigame_list .con{position: relative;float: left;width: 40px;zoom: 1;color: #fff;margin-top: 7px;text-align: center;} #container #content #cnt_wrap .minigame_list .con02{position: relative;float: left;width: 40px;zoom: 1;color: #fff;margin-top: 7px;text-align: center;} #container #content #cnt_wrap .minigame_list .con_b{position: relative;float: left;width: 40px;zoom: 1;color: #0092ff;margin-top: 7px;} #container #content #cnt_wrap .minigame_list .con_r{position: relative;float: left;width: 40px;zoom: 1;color: #fe1e1e;margin-top: 7px;} #container #content #cnt_wrap .minigame_list .bet_info{position: relative;float: left;width: 97.5%;height:80px;zoom: 1;color: #fff;margin-top: 7px;background: linear-gradient(#25313a, #1a2630, #16222b);border: #5d5d5d solid 1px;padding:25px;margin-bottom:35px;border-bottom:#fff solid 1px;} #container #content #cnt_wrap .minigame_list .con_off{position: relative;float: left;width: 60px;zoom: 1;color: #484848;margin-top: 7px;text-align: center;} #container #content #cnt_wrap .minigame_list .win{position: relative;background: #82898f;cursor:pointer; background: -webkit-linear-gradient(#2d3441, #232a33, #191f26); background: -moz-linear-gradient(#2d3441, #232a33, #191f26); background: -o-linear-gradient(#2d3441, #232a33, #191f26); background: linear-gradient(#2d3441, #232a33, #191f26); } #container #content #cnt_wrap .minigame_list .win_on{position: relative;background: #fbc700;background: linear-gradient(#ffb900, #eabe1d, #ffd400);cursor:pointer} #container #content #cnt_wrap .minigame_list .win_on .team{ color:#000;font-size: 12px;font-family: 굴림;font-weight: 900;} #container #content #cnt_wrap .minigame_list .win_on .div{ color:#000;font-size: 12px;font-family: 굴림;font-weight: 900;float:right;} #container #content #cnt_wrap .minigame_list .win:hover {position: relative;background: #00fbfb;background: linear-gradient(#4f4c46, #2f2d2c);} #container #content #cnt_wrap .minigame_list .draw:hover {position: relative;background: #00fbfb;background: linear-gradient(#4f4c46, #2f2d2c);} #container #content #cnt_wrap .minigame_list .lose:hover {position: relative;background: #00fbfb;background: linear-gradient(#4f4c46, #2f2d2c);} #container #content #cnt_wrap .minigame_list .win_b:hover {position: relative;background: #00fbfb;background: linear-gradient(#4f4c46, #2f2d2c);} #container #content #cnt_wrap .minigame_list .lose_b:hover {position: relative;background: #00fbfb;background: linear-gradient(#4f4c46, #2f2d2c);} #container #content #cnt_wrap .minigame_list .win .team{ color:#fff;font-size: 12px;font-family: 굴림;font-weight: 900;} #container #content #cnt_wrap .minigame_list .win .div{ color:#fff;font-size: 12px;font-family: 굴림; font-weight: 900;float:right;} #container #content #cnt_wrap .minigame_list .win .team_off{ color:#484848;font-size: 12px;font-family: 굴림; font-weight: 900;} #container #content #cnt_wrap .minigame_list .win .div_off{ color:#484848;font-size: 12px;font-family: 굴림; font-weight: 900; float:right;} #container #content #cnt_wrap .minigame_list .draw{position: relative;border: #364a5d solid 1px;background: #82898f;cursor:pointer; background: -webkit-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -moz-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -o-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: linear-gradient(#2d3441, #232a33, #191f26); } #container #content #cnt_wrap .minigame_list .draw_on{position: relative;background: #fbc700;background: linear-gradient(#ffb900, #eabe1d, #ffd400);cursor:pointer} #container #content #cnt_wrap .minigame_list .draw_on .team{ color:#000;font-size: 12px;font-family: 굴림;font-weight: 900;} #container #content #cnt_wrap .minigame_list .draw_on .div{color:#000;font-size: 12px;font-family: 굴림; font-weight: 900; float:left;} #container #content #cnt_wrap .minigame_list .draw_off{ position: relative; border: #364a5d solid 1px; background: #82898f; background: -webkit-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -moz-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -o-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: linear-gradient(#2d3441, #232a33, #191f26); padding-top: 10px; padding-bottom: 8px; height: 37px; text-align: center; font-weight: 900; margin-bottom: 1px; color: #484848; } #container #content #cnt_wrap .minigame_list .lose{position: relative;border: #364a5d solid 1px;background: #82898f;cursor:pointer; background: -webkit-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -moz-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -o-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: linear-gradient(#2d3441, #232a33, #191f26) } #container #content #cnt_wrap .minigame_list .lose_on{ cursor:pointer; position: relative; background: #82898f; background: -webkit-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -moz-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: -o-linear-gradient(#fefefe, #f2f1f1, #e5e4e4); background: linear-gradient(#fabb08, #eabe1d, #fcd104); } #container #content #cnt_wrap .minigame_list .lose_on .team{color:#000;font-size: 12px;font-family: 굴림;font-weight: 900;float:right;} #container #content #cnt_wrap .minigame_list .lose_on .div{color:#000;font-size: 12px;font-family: 굴림; font-weight: 900;float:left;} #container #content #cnt_wrap .minigame_list .lose .team{color:#fff;font-size: 12px;font-family: 굴림; font-weight: 900; float:right;} #container #content #cnt_wrap .minigame_list .lose .div{ color:#fff;font-size: 12px;font-family: 굴림; font-weight: 900; float:left;} #container #content #cnt_wrap .minigame_list .lose .team_off{ color:#484848;font-size: 12px;font-family: 굴림; font-weight: 900; float:right;} #container #content #cnt_wrap .minigame_list .lose .div_off{ color:#484848;font-size: 12px;font-family: 굴림; font-weight: 900; float:left;} /* join */ .join_btn{ width:104px; height:36px; border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 8px 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-align: center; margin:auto; display:flex; margin-top:20px; cursor:pointer; } .info_box {width:75%;height: 600px;padding:10px;color: #fff;font-size: 14px;font-weight: 900;border:1px solid #506b84;background:rgba(0,0,0,0.1);margin:auto;} .info_box .img {position:relative;width:100%;margin:auto} .info_box .img img {position:relative;left:50%;margin-left:-57px} .info_box .input01 {position:relative; color: #fff;width:calc(100% - 50px); height:28px; background: rgba(0,0,0,0.3); border: #414a52 solid 1px;padding-left: 10px;} .info_box table {height:90%;border:none;font-size:13px;table-layout: fixed;} .info_box table td {border-bottom:2px solid rgba(0,0,0,0.3)} .info_box table th {width:130px;text-align:right;background:rgba(0,0,0,0.2);padding:0 10px;color:white;border-right:2px solid rgba(0,0,0,0.3);border-bottom:2px solid rgba(0,0,0,0.3)} .info_box table td:last-child {width:100%;text-align:left;padding-left:10px;background:rgba(0,0,0,0.2)} .info_box table select {background:rgba(0,0,0,0.3);border:1px solid #414a52;height:28px;width:93px;color:white;padding-left:10px;} .join_but {width:104px;margin:auto; margin-bottom: 40px; display: flex;} #container #contant .tit { font-size: 14px; width: 150px; display: -webkit-inline-box; font-family: 'gsm'; font-weight: 900; padding-left: 20px; padding-right: 20px;} #container #contant .noti { font-size: 14px; width: 500px; display: -webkit-inline-box; color: #00e0ff; margin-left: 60px; position: absolute; float: left; margin-top: 3px; font-family: 'gsm'; font-weight: 900;} /* join_end */ /* footer */ #footer {clear:both;} #footer .foots {position:relative; overflow:hidden; zoom:1; border-top:#0076be solid 1px; border-bottom:#0076be solid 1px; background: #000e16; background: -webkit-linear-gradient(#004168, #000e16, #004168); background: -moz-linear-gradient(#004168, #000e16, #004168); background: -o-linear-gradient(#004168, #000e16, #004168); background: linear-gradient(#004168, #000e16, #004168); } #footer .foots ul {width:1100px; margin:auto;} #footer .foots ul li {float:left; padding:10px 12px;} #footer .copyright {clear:both; text-align:center; padding:10px 0; color:#666;} /* header */ #header {position:relative; overflow:visible; zoom:1; height:137px;} /* #header .logo {position:absolute; width:142px; height:106px; top:0; left:50%; margin-left:-71px;} */ #header .header_gr {width:1355px; margin:auto; position:relative; height:132px; zoom:1;} #header .header_gr .center {position:relative; margin:auto auto; width: 220px; left:-15px; padding: 30px 0 30px 0;} #header .header_gr .center img {position:relative;top:-20px} #header .header_gr .left { position: relative;float: left;margin-top: -1px;background: url(../img/info_back.png);height: 145px;} #header .header_gr .left .rolling{position:relative; margin-top:37px; margin-left:105px; color:#fff; font-size: 12px; } #header .header_gr .left .pmenu{position:relative;margin-left:15px; margin-top:20px; width: 450px;} #header .header_gr .left .pmenu .but{ padding: 0 20px 0 20px;color: #fff;font-weight: 900;font-size: 14px;float: left;border-right: #464749 solid 1px;} #header .header_gr .left .pmenu .but hover{ color:#00bdd9; font-size: 16px;} #header .header_gr .right {position: relative; float: right; margin-right: 50px; margin-top:-145px; background: url(../img/info_back.png); height: 145px; width: 470px;} #header .header_gr .right .charge_but{ position: relative; width: 160px; right: 40px; display: block; float: right; margin-top: -60px;} #header .header_gr .right .charge_but img{cursor:pointer} #header .header_gr .left .userinfo {position: relative;color: #fff;font-size: 13px;font-weight: 400;font-family: "gsm";top: 20px;margin:-10px 0 0 100px;width:368px;height:150px;} .userinfo div {float:left;} .userinfo div:last-child {margin-top:10px;text-align:center} #header .header_gr .right .userinfo .nick { position: absolute;float: left;margin-left: 10px;width: 90px;text-align: center;margin-top: 60px;} #header .header_gr .right .userinfo .but { position: relative;margin-right: 10px;color: #fff;font-size: 12px;font-weight: 900;font-family: 굴림;} #header .header_gr .right .userinfo .strong{/* float:right; */ color: #03d8ff; font-weight: 900; font-size: 12px; font-family: 굴림;} #header .header_gr .right .userinfo {position: relative;color: #fff;font-size: 12px;font-weight: 1000;font-family: "gsm";top: 20px;width: 170px;margin-left: 90px;} #header .header_gr .left .userinfo .nick {position: absolute;float: left;margin-top: 55px;width: 110px;text-align: center;} #header .header_gr .left .userinfo .coupon {float: left;margin-top: 4px;width:300px;color: #60a1d4;text-align: center;height: 40px;padding-top: 10px;border-bottom: #343a44 solid 1px;} #header .header_gr .left .userinfo .but {position:relative; margin-right:30px; color: #fff; font-size: 12px; font-weight: 900; font-family: 굴림;} #header .header_gr .left .userinfo .strong{/* float:right; */ color: #03d8ff; font-weight: 900; font-size: 12px; font-family: 굴림;} #header .header_gr .left .userinfo .but {position:relative; padding:10px 3px 0 3px; color: #6b9abe; font-size: 12px; font-family: 굴림; width:203px;} #header .nav { position:relative; width:1200px; /* height:55px; */ border:#696e72 solid 1px; background: #000e16; background: -webkit-linear-gradient(#464c52, #2d3339, #22272c); background: -moz-linear-gradient(#464c52, #2d3339, #22272c); background: -o-linear-gradient(#464c52, #2d3339, #22272c); background: linear-gradient(#464c52, #2d3339, #22272c);} #header .nav ul { position:relative; width:1200px; /* padding-left: 70px; */} #header .nav ul li { position: relative; float: left; /* margin: 0px 10px 0px 10px; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 18px; font-weight: 900; text-decoration: none; vertical-align: middle; display: block; transition: 0.3s; border-right: #5a5b5c solid 1px; height: 45px; padding-top: 13px; text-align: center; } #header .nav ul li a{ color: #fff; font-size: 18px; font-weight:900; text-decoration: none; } #header .nav ul li a:hover{ color: #fff; font-size: 18px; font-weight:900; text-decoration: none; transition: 0.3s; } #topMenu { height: 74px;width: 1355px;background: url(../img/top_menu.png?2);text-decoration: none;top: -85px;margin:auto;} #topMenu ul {list-style-type: none;margin: 0px 0px 0px -0px;z-index: 150;} #topMenu ul li { /* border-right: #5a5b5c solid 1px; */height: 47px;color: white;float: left;line-height: 30px;vertical-align: middle;text-align: center;position: relative;padding: 10px;padding: 14px 0 14px 10px;} .menuLink, .submenuLink { text-decoration: none;display: block;font-size: 12px;font-weight: bold;margin-left: 3px;} .topMenuLi:first-child {margin-left:-45px} .menuLink { /* 상위 메뉴의 글씨색을 흰색으로 설정 */ color: white; /* margin-top: 8px; */} .topMenuLi:hover .menuLink { /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */ color: red; /* 글씨 색 빨간색 */ opacity:0.7; /* 배경색을 알파값으로 수정 */ } .submenuLink {padding: 10px;border-top: #545e63 solid 1px;/* 하위 메뉴의 a 태그 스타일 설정 */ color: #fff; /* 글씨 색을 RGB(2D2D2D)로 설정 */ /* background-color: #1b2025; */ /* 배경색을 흰색으로 설정 border: solid 1px #fff; */ /* 테두리를 설정 */ margin-top: -1px; /* 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */ } .longLink {width: 150px;margin-left: -40px; } .submenu { /* 하위 메뉴 스타일 설정 */ position: absolute; /* html의 flow에 영향을 미치지 않게 absolute 설정 */ height: 0px; /* 초기 높이는 0px로 설정 */ overflow: hidden; z-index: 9999;/* 실 내용이 높이보다 커지면 해당 내용 감춤 */ transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */ -webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */ -moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */ -o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */ } .topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */ height: auto; /* 높이를 93px로 설정 */ top:33px; background: #000e16; background: -webkit-linear-gradient(#464c52, #2d3339, #22272c); background: -moz-linear-gradient(#464c52, #2d3339, #22272c); background: -o-linear-gradient(#464c52, #2d3339, #22272c); background: linear-gradient(#464c52, #2d3339, #22272c);} .submenuLink:hover { /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */ color: 00dbff; /* 글씨색을 빨간색으로 설정 */ /* background-color: #000; */ /* 배경을 RGB(DDDDDD)로 설정 */ text-decoration:none; } .notice {position: relative;height: 37px;color: #fff;width:290px;margin-left:50%;left:-160px;font-size: 12px;} .notice img {position:relative;top:11px} .notice .marquee{position:relative;top:-13px;left:33px;width:290px;height:20px;overflow:hidden} .game_menu_01{position: relative; left: 50%; margin-left: -600px;} .game_menu_01 img{ position: relative; margin-right: 1px; display: block; float: left;} .game_menu_02{ position: relative; left: 50%; margin-left: -213px; display: block; height: 152px; width: 802px; margin-top: -152px;} .menu_but {width: 65px; min-height: 76px !important; position: relative; border: #3d5872 solid 1px; padding: 5px 0 0 0; display: block; float: left; margin-left: 1px; background: rgba(0,0,0,.3); text-align: center; margin-bottom: 1px;} /* container */ #container {position:relative; width:1210px; margin:auto auto; top: 0px;} #container .path {float:left; width:180px; padding-bottom:0px; opacity: 0.6;} #container .marquee {float:left; width:640px; margin-top:5px;} #container .marquee font {color:#FFF;} #container .marquee .site {color:#7bf7fa; font-weight:bold;} #container .clock {float:right; text-align:center; margin-right:10px;} #container .clock p {width: 254px; color: #fff; padding: 6px 10px; font-weight: 100; font-size: 38px; margin-bottom: 0px; /* font-family: cursive; */ border: #485d75 solid 1px; border-radius: 4px; box-shadow: 0px 0px 10px #191818, 100px 100px 100px -30px #000000; text-align: center; background: #55ffaa; background: -webkit-linear-gradient(bottom, #000, #2d292f , #2b3a57); background: -moz-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: -o-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: linear-gradient(to bottom, #23303e, #191e25 , #1a232d); } #container .clock p strong {font-size:24px;} #container .clock img {margin-top:-10px;} #container .game_cate {position:absolute; margin-top: 35px; right:310px;} #container .betting_tit { position:absolute; z-index:999; height:60px; top:10px; left:-40px} /* Tab menu */ .tab_menu { clear: both; overflow: hidden; zoom: 1; margin-bottom: 20px; background: #161d25; border-bottom: #2e3f4e solid } .tab_menu li {float:left; border-right:#1f2429 solid 1px; text-align:center; /*ie5*/*width:100px; display:inline-table;} .tab_menu li a {display:table-cell; vertical-align:middle; padding:20px; font-size:14px; font-weight:bold; line-height:100%; color:#FFF; /*ie5*/*padding:20px 0;} .tab_menu li a span {font-size:10px; font-weight:normal; color:#CCC;} .tab_menu li.on a, .tab_menu li a:hover { color: #fff; background: #ab0101; } .tab_menu_N {clear:both; overflow:hidden; zoom:1; margin-bottom:0px; } .tab_menu_N li {/*float:right; /*border-right:#000 solid 1px;*/ text-align:center; /*ie5*/*width:100px; display:inline-table;} .tab_menu_N li a {display:table-cell; vertical-align:middle; padding:0 1px 0 0; font-size:14px; font-weight:bold; line-height:100%; color:#FFF; /*ie5*/*padding:20px 0;} /* page_num */ .page_num {text-align:center; margin:10px 0;} .page_num strong {color:#009ab5; text-decoration:underline; font-size:14px;} /**** side_wrap ****/ /* betCartLayer */ #betCartLayer {width:277px; height:auto;overflow:hidden;position:absolute; top:10px; zoom:1; color:white;z-index:30;border: 1px solid #9e8e78;border-radius: 10px;} #betCartLayer .btcart_body {background-size:100% 100%;min-height:405px;width: 277px;height: 100%;font-weight: 800;font-family: Gotham, Arial, "sans-serif";padding-bottom:1px} #betCartLayer .btcart_body .bonus {height:60px;background:rgba(255,255,255,0.1);margin:0} #betCartLayer .btcart_body .gamelist {height:60px;background:rgba(255,255,255,0.1);margin:0;position:relative;} #betCartLayer .btcart_body .gamelist.triple {height:90px} #betCartLayer .btcart_body .gamelist.fourth {height:120px} #betCartLayer .btcart_body .gamelist.sixth {height:180px} #betCartLayer .btcart_body #bet_list:first-child {padding-top:5px} #betCartLayer .btcart_body #bet_list {margin-top:10px;padding-left:10px;font-size:12px} #betCartLayer .btcart_body #odds {position:relative;float:right;right:10px;top:-28px} #betCartLayer .btcart_body #exit {width:19px;height:19px;background:url('../img/game/close_btn.png');position:absolute;float:right;right:5px;top:5px;cursor:pointer} #betCartLayer .btcart_body #exit2 {width:19px;height:19px;background:url('../img/game/close_btn.png');position:relative;float:right;left:22px;top:-57px;cursor:pointer} #betCartLayer .btcart_body #exit3 {width:19px;height:19px;background:url('../img/game/close_btn.png');position:relative;float:right;left:22px;top:-57px;cursor:pointer} #betCartLayer .btcart_body div#list {display:none;width:260px;margin-bottom:10px;margin-left:8px;height:auto;overflow:hidden} #betCartLayer .btcart_body div#list img {margin-right:10px} #betCartLayer .btcart_body div#info_f {box-sizing:border-box;font-family:"gsl";width:260px;line-height:30px;margin-bottom:5px;margin-left:8px;height:30px;padding:0 10px;margin-top:-10px} #betCartLayer .btcart_body div#info {box-sizing:border-box;font-family:"gsl";width:260px;line-height:30px;margin-bottom:5px;margin-left:8px;height:30px;padding:0 10px} #betCartLayer .btcart_body div {margin-bottom:10px} #betCartLayer .btcart_body span#left {color:white;} #betCartLayer .btcart_body .div {margin-top: 35px;margin-right: 28px;color: #fff;font-size: 12px;font-family: 굴림;position: relative;float: right;font-weight: 900;} #betCartLayer .btcart_body .btmoney {width:110px;text-align:right;color: #fff;font-size: 14px;position: relative;height: 25px;font-weight: 1000;border: #9e8e78 solid 1px;vertical-align: baseline;} #betCartLayer .btcart_body .betting_but {width:245px;position:relative;top:-8px} #betCartLayer .btcart_body .but {margin-left: 15px;width: 100%;position: relative;color: #fff !important;z-index: 9999;margin-top:10px} #betCartLayer .btcart_body #reset_area {width:100%;height:60px;margin-bottom:19px; background: -webkit-linear-gradient(90deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); background: -moz-linear-gradient(90deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); background: -o-linear-gradient(90deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); background: linear-gradient(90deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); } #betCartLayer .btcart_body #reset_area div.lose {width:85px;height:30px;line-height:30px;text-align:center;float:right;right:9px;margin-top: 10px;} #betCartLayer .btcart_body #reset_area div.lose_on {width:85px;height:30px;line-height:30px;text-align:center;float:right;right:9px;margin-top: 10px;} #betCartLayer .btcart_body #reset_text { font-family: 'gsb'; margin: 0; margin-left: 10px; line-height: 60px; height: 60px; text-align: center; position: relative; transition:all ease 0.2s; float:left; color: black; font-size: 21px; } #betCartLayer .btcart_body #reset_button { font-family: 'gsl'; margin: 0; margin-right: 10px; margin-top: 20px; border-bottom: 1px solid black; text-align: center; position: relative; transition: all ease 0.2s; cursor: pointer; float: right; color: black; } #betCartLayer .btcart_body #reset_button:hover {color: white;text-shadow: #000 1px 1px 2px;} .money_but { border: 1px solid #9e8e78; border-radius: 5px; background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); /* padding: 4px 15px; */ /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: rgb(0, 0, 0) 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; margin-right: 3px; cursor: pointer; height: 27px; width: 79px; padding-top: 5px; text-align: center; position: relative; transition:all ease 0.2s; } .money_other_but { border: 1px solid #9e8e78; border-radius: 5px; background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); /* padding: 4px 15px; */ /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: rgb(0, 0, 0) 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; margin-right: 4px; cursor: pointer; height: 27px; width: 121px; padding-top: 5px; text-align: center; position: relative; transition:all ease 0.2s; } #betCartLayer .btcart_body .but .money_but:hover { position: relative;border: #fffb00 solid 1px;background: #5a4f12;text-shadow: #000 0 1px 0;} #betCartLayer .btcart_body .betting {margin-left: 15px;top: 12px;position: relative;margin-bottom: 10px;} #betCartLayer .btlist { position: relative;width: 98%;height: 32px;margin: auto;} #betCartLayer .t_de { position: relative;display: block;right: -18px;width: 80px;height: 40px;float: right;margin-top: -20px;font-size: 12px;color: #fff;} #betCartLayer .btlist .btlist_box { position: relative;background: #000;border: #364a5d solid 1px;color: #FFF;padding: 6px 6px;font-size: 12px;font-family: 굴림;height: 30px;} #betCartLayer .btlist .btlist_box .div { position: relative;float: right;margin-top: -2px;margin-right: 25px;} #betCartLayer .btlist .btlist_box .del { position: relative;top: -13px;right: 3px;width: 10px;height: 10px;} #betCartLayer .btcart_body .btlist .btlist_box li {padding-bottom:2px; padding:0 5px;} #betCartLayer .btcart_body .btlist .btlist_box li img {vertical-align:text-top;} #betCartLayer .btcart_body .btlist .btlist_box li div {position:relative;} #betCartLayer .btcart_body .btlist .btlist_box li div em {display:block; float:right;} #betCartLayer .btcart_body .btlist .btlist_box .league {font-weight:bold; color:#7ecef4; font-size:110%; padding-top:2px;} #betCartLayer .btcart_body .btlist .btlist_box .league em {top:2px;} #betCartLayer .btcart_body .btlist .btlist_box .hometim {padding-top:2px;} #betCartLayer .btcart_body .btlist .btlist_box .hometim em {top:2px;} #betCartLayer .btcart_body .btlist .btlist_box .losetim {} #betCartLayer .btcart_body .btlist .btlist_box .btlist_p {padding-top:2px; padding-bottom:2px; margin-top:2px; color:#333; background:#000 url(../img/bg_btcart.png) no-repeat; border-top:#333 solid 1px;} #betCartLayer .btcart_body .btlist .btlist_box .btlist_p em {color:#FFF;} #betCartLayer .btcart_body .btlist .btlist_box .del { position: absolute;display: block;right: 8px;width: 10px;height: 10px;} #betCartLayer .btcart_body .btlist .btlist_box .opt {font-weight:bold;} #betCartLayer .btcart_body .btinfo {/* background:#000 url(../img/bg_btcart.png) no-repeat; border:#007bc7 solid 1px; */ padding:20px; /*ie5*/_width:230px;} #betCartLayer .btcart_body .btinfo table {margin-top:30px;} #betCartLayer .btcart_body .btinfo table th {text-align:left; color:#FFF; border-bottom: #4b4f52 solid 1px;} #betCartLayer .btcart_body .btinfo table td {text-align:right; color:#FFF; border-bottom: #4b4f52 solid 1px;} #betCartLayer .btcart_body .btinfo table td input {border:#000 solid 2px; background:#FFF; color:#000; text-align:right; padding:2px;} #betCartLayer .btcart_body .alignC a img {margin:2px 0;} #betCartLayer .btcart_bottm { color: #FFF; color: #FFF; color: #FFF; /* background: rgba(0,0,0,0.6); */ padding: 10px 10px; width: 258px; height: 140px; margin-left: 25px; margin-bottom: 3px; margin-top: 0px; } #betCartLayer .btcart_bottm .betting_but {padding:-20px 5px 5px 0px; margin-left: 0px; margin-top: 5px;} #betCartLayer .banner_gr {margin-top:20px; position:relative; width:258px; height:60px; overflow:hidden; zoom:1;} #betCartLayer .banner_gr .bnn_game {width:258px; height:60px; } #betCartLayer .banner_gr li {width:258px; height:60px;} /* game_info */ #game_info {clear:both; background:url(../img/bg_black_opacity30.png); border:#333 solid 1px;} #game_info .rule {clear:both; padding:10px;} #game_info .rule h2 {padding-top:20px; color:#7bb5fa} #game_info .rule h3 {color:#F60;} #game_info .rule p {margin:10px 0;} #game_info .rule em {color:#0FF;} #game_info .rule dl {padding:10px;} #game_info .rule dl dt {color:#FF0; font-size:14px;} #game_info .rule dl dd {padding-left:10px;} #game_info .rule li {margin-bottom:5px;} #game_info .rule table {/*ie5*/_width:830px;} #game_info .rule .lineB {} #game_info .rule .lineB li {padding-bottom:20px; border-bottom:#069 dotted 1px;} #game_info .rule .lineB li li {border:none;} #game_info .rule .lineB .tbRow {border-right:#CCC solid 1px; border-top:#CCC solid 2px;} #game_info .rule .lineB .tbRow th, #game_info .rule .lineB .tbRow td {padding:5px; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px;} #game_info .rule .lineB .tbRow th {background:#143f4f; color:#FFF; border-bottom:#000 solid 1px;} #game_info .rule .lineB .tbRow td {padding-left:20px;} #game_info .rule .lineB .tbCol {} #game_info .rule .lineB .tbCol th, #game_info .rule .lineB .tbCol td {padding:5px; text-align:center; border-left:#444 solid 1px; border-bottom:#444 solid 1px;} #game_info .rule .lineB .tbCol th {background:#143f4f; color:#FFF; border-left:#000 solid 1px; border-bottom:#000 solid 1px; border-top:#54a6ff solid 1px; background: #1e3967; background: -webkit-linear-gradient(#2a5295, #1e3967, #12213b); background: -moz-linear-gradient(#2a5295, #1e3967, #12213b); background: -o-linear-gradient(#2a5295, #1e3967, #12213b); background: linear-gradient(#2a5295, #1e3967, #12213b); } #game_info .rule .lineB .tbCol th.tim {color:#FFF; font-weight:bold; border-top:#5e5e5e solid 1px; background: #222121; background: -webkit-linear-gradient(#2e2e2e, #222121, #141212); background: -moz-linear-gradient(#2e2e2e, #222121, #141212); background: -o-linear-gradient(#2e2e2e, #222121, #141212); background: linear-gradient(#2e2e2e, #222121, #141212); } #game_info .rule .lineB .tbCol td {} #game_info .rule .lineB .tbCol td.summ {background:#222121; font-weight:bold;} #game_info .rule .policy h3 {margin-top:20px;} #game_info .rule .policy h4 {margin-top:10px;} #game_info .rule .policy li {margin-left:15px; padding-bottom:15px; border-bottom:#000 dotted 1px;} #game_info .rule .policy li li {border:none; padding-bottom:0;} #game_info .rule .color1 {color:#F60;} .check {margin-top:50px;} /* user_info */ #user_info {clear:both;} /* letter */ #letter {clear:both;} #letter .boder_row {margin-bottom:20px;} /* customer_center */ #customer_center {clear:both; position:relative; min-height:300px;} #customer_center .customer_write {position:absolute; width:100%; left:0; top:0; padding:20px; background:#000; overflow:hidden; zoom:1; display:none;} #customer_center .customer_write h2 {margin-bottom:10px; color:#7bb5fa;} #customer_center .customer_write table {border-top:#326cbd solid 3px;} #customer_center .customer_write table th {background:#1f1f1f; border-bottom:#333 solid 1px; height:34px;} #customer_center .customer_write table td {border-bottom:#333 solid 1px; padding:5px 0; padding-left:10px;} #customer_center .customer_write table td input, #customer_center .customer_write table td textarea {background:#333; border:#000 solid 1px;} #customer_center .customer_write table td input {padding:4px 10px; height:16px; /*ie5*/_height:25px; width:80%;} #customer_center .customer_write table td textarea {background:#333; border:none; overflow:auto; width:90%; padding:10px; height:100px;} #money_in_all_delete.button { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #000 0 1px 0; color: #fff; float:left; font-size: 12px; text-decoration: none; text-align: center; margin-right: 10px; cursor: pointer; position: relative; padding:5px 14px; } /* money_inout */ #money_inout {clear:both;width:915px; position: relative; background: #1b1e22; border: #424647 solid 1px;} #money_inout .button { border: 1px solid #525358; background: #212229; background: linear-gradient(top, #65a9d7, #3e779d); background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #000 0 1px 0; color: #fff; float:left; font-size: 12px; text-decoration: none; text-align: center; margin-right: 10px; cursor: pointer; position: relative; padding:5px 14px; } #money_inout #pw {color:white;float:left} #money_inout #table {margin-top:20px;height:auto;overflow:hidden;text-align:center} #money_inout #table tr:last-child td {border-bottom:1px solid white} #money_inout #table td {border-bottom:1px solid #333} #money_inout #account_txt {color: yellow;background: #101113;font-weight: 900;position: relative;width:600px;line-height:30px;float:left;padding-left:10px;font-size:14px} #money_inout #money {text-align: right;padding-right: 10px;color: white;width: 150px;margin-right: 5px;} #money_inout #exchange_money {margin-right:5px} #money_inout .charge_regist { text-align:center; float:none; color:#fff; height:45px; width:150px; font-size:15px; font-weight:900; border-radius:7px; padding:10px 0px; background: linear-gradient(top, #f7c40b, #927408); background: -webkit-gradient(linear, left top, left bottom, from(#f7c40b), to(#927408)); background: -webkit-linear-gradient(top, #f7c40b, #927408); background: -moz-linear-gradient(top, #f7c40b, #927408); background: -ms-linear-gradient(top, #f7c40b, #927408); background: -o-linear-gradient(top, #f7c40b, #927408); background-image: -ms-linear-gradient(top, #f7c40b 0%, #927408 100%); cursor:pointer } #money_inout .exchange_regist { text-align:center; float:none; margin-left:215px; height:45px; margin-top:50px; width:150px; font-size:15px; font-weight:900; border-radius:7px; padding:10px 20px; position:absolute; background: linear-gradient(top, #f7c40b, #927408); background: -webkit-gradient(linear, left top, left bottom, from(#f7c40b), to(#927408)); background: -webkit-linear-gradient(top, #f7c40b, #927408); background: -moz-linear-gradient(top, #f7c40b, #927408); background: -ms-linear-gradient(top, #f7c40b, #927408); background: -o-linear-gradient(top, #f7c40b, #927408); background-image: -ms-linear-gradient(top, #f7c40b 0%, #927408 100%); cursor:pointer } #money_inout input {margin:0;margin-right:7px;line-height:30px;background:rgba(0,0,0,0.4);border:none;color:#fff;border:none} #money_inout input[type=text], #money_inout input[type=password] {width:130px;padding-left:10px} #money_inout #content_ex {width:100%;background:rgba(0,0,0,0.4);color:white;resize: none;height:150px;text-align:left;} #money_inout input[type=radio] {margin-right:5px} #money_inout h3:first-child {margin-top:20px} #money_inout h3#inout_subject {margin-top:80px} #money_inout h3.inout_subject {margin-top:20px} #money_inout h3 {margin:10px 0 10px 10px; font-size:20px; color:white; font-weight:1000} #money_inout .bonus_opt span {margin-right:10px} #money_inout .coupon_opt span {margin-right:10px} #money_inout #write_but {padding:0;margin:0;float:left} #money_inout .tbRow {padding:10px;padding-bottom:0} #money_inout .tbRow th {font-size: 18px;font-weight: bold;color: #fff;text-align: center;border:1px dotted #333} #money_inout .tbRow td {padding: 4px;border-bottom: #333 dotted 1px;color: #fff;font-size: 15px;font-weight:1000} #money_inout .tbRow tr:last-child td {border-bottom:none;} #money_inout .tbRow td em {color: #FFEB3B;font-style: normal;} #money_inout .tbRow td #list {float:none;padding:0;margin:0;padding:0px 20px} #money_inout .money_guidebox {margin-top:65px;} #money_inout .money_guidebox .tbRow th {color:#e66102;padding:10px;font-size:20px} /* bbs_list */ #container #content #cnt_wrap .bbs_list {width:100%;height:auto;overflow: hidden;padding:20px;color:white;} #container #content #cnt_wrap .bbs_list .betting_result td.complete {border-bottom:2px solid orange} #container #content #cnt_wrap .bbs_list .button button:first-child {margin-right:3px} #container #content #cnt_wrap .bbs_list .button button {float: auto;margin:0 5px} #container #content #cnt_wrap .bbs_list .comment table td {text-align:left;border:none} #container #content #cnt_wrap .bbs_list .comment {text-align:left;} #container #content #cnt_wrap .bbs_list .nope {border:none;text-align:right;padding-right:10px;color:#5b9fb6;} #container #content #cnt_wrap .bbs_list .left {text-align:left;height:30px;width:100%;border:none} #container #content #cnt_wrap .bbs_list .left em{color:yellow;font-weight:1000} #container #content #cnt_wrap .bbs_list table {border-collapse: collapse;border-spacing: 0;border:none;} #container #content #cnt_wrap .bbs_list th {text-align:center;height:30px;line-height:30px;border-top:1px solid gray;border-bottom:1px solid gray} #container #content #cnt_wrap .bbs_list td {height:30px;line-height:30px;color:white;text-align:center;border-bottom:1px solid gray} #container #content #cnt_wrap .bbs_list td.notice2 {background:rgba(0, 0, 0, 0.3);position:auto;} #container #content #cnt_wrap .bbs_list td.notice_id {font-family: "gsm"; font-size: 15px; text-transform: uppercase; color: #fff; text-shadow: 0 0 2px #fefcc9, 1px -1px 3px #feec85, -2px -2px 4px #ffae34, 2px -4px 5px #ec760c, -2px -6px 6px #cd4606, 0 -8px 7px #973716, 1px -9px 8px #451b0e;} #container #content #cnt_wrap .bbs_list td.notice img {position:auto} #container #content #cnt_wrap .bbs_list td.subject {color:white;text-align:left;font-size:15px} #container #content #cnt_wrap .bbs_list td a {color:white;text-decoration: none;} #container #content #cnt_wrap .bbs_list td.event {font-family: "gsm"; font-size: 15px; text-transform: uppercase; color: #fff; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ff00de, 0 0 7px #ff00de, 0 0 8px #ff00de, 0 0 10px #ff00de, 0 0 15px #ff00de;} #container #content #cnt_wrap .bbs_list .bbs_comment {position:relative;color:white;width:100%;height:100px;padding:10px;border:none;border-collapse: collapse;border-spacing: 0;} #container #content #cnt_wrap .bbs_list .bbs_comment .comment_regist {width:calc(100% - 20px);height:calc(100% - 20px);margin:auto;border:none;background:rgba(255,255,255,0.2);color:white;font-weight:1000} #container #content #cnt_wrap .bbs_list .bbs_comment textarea {width:calc(100% - 20px);height:calc(100% - 20px);border:none;background:rgba(0,0,0,0.4);color:white} #container #content #cnt_wrap .bbs_list .bbs_comment table {width:100%} #container #content #cnt_wrap .bbs_list .bbs_comment td {border:none} #container #content #cnt_wrap .bbs_list .search {width:100%;text-align:center;height:30px;line-height:30px} #container #content #cnt_wrap .bbs_list .search #refresh {padding: 0 10px;position:absolute;right:20px} #container #content #cnt_wrap .bbs_list .search select, #container #content #cnt_wrap .bbs_list .search input, #container #content #cnt_wrap .bbs_list .search #search {height:30px;line-height:30px;border:1px solid white;background:rgba(0,0,0,0.3);color:white;padding-left:10px;margin-left:10px} #container #content #cnt_wrap .bbs_list .search #search {padding:0 10px} #container #content #cnt_wrap .bbs_list .comment_button {padding:0 10px;background:rgba(255,255,255,0.2);color:white;border:none} #container #content #cnt_wrap .bbs_write{position:relative;float:left;width:100%;padding:20px} #container #content #cnt_wrap .bbs_write .betting_result td.complete {border-bottom:2px solid orange} #container #content #cnt_wrap .bbs_write select {height:30px;line-height:30px;background:rgba(0,0,0,0.3);color:white} #container #content #cnt_wrap .bbs_write #refresh {margin-right:10px;color:#fff;padding:5px 15px;} #container #content #cnt_wrap .bbs_write table {color:#fff;padding:20px;border:none} #container #content #cnt_wrap .bbs_write table input {background:rgba(0,0,0,0.4);color:white;border:none;height:30px;line-height:30px;font-size:13px;width:100%;font-weight:1000;padding-left:10px} #container #content #cnt_wrap .bbs_write table textarea {background:rgba(0,0,0,0.4);color:white;border:none;width:100%;height:120px;font-size:13px;font-weight:1000;padding:10px} #container #content #cnt_wrap .bbs_write table td {text-align:center;padding:10px;border-bottom:1px solid gray} #container #Content #cnt_wrap .bbs_wrtie table td.opt {color:#5b9fb6} #container #content #cnt_wrap .bbs_write table td:last-child {text-align:left} #container #content #cnt_wrap .write_but { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: right; text-align: center; margin-right: 5px; margin-bottom: 10px; margin-top: 4px; cursor: pointer; position: relative; } #container #content #cnt_wrap .bbs_view {position: relative;float: left;width: 100%;margin-bottom: 10px;padding-bottom:10px;border-bottom:1px solid gray;min-height:100px} #container #content #cnt_wrap .bbs_view table {margin-bottom:10px} #container #content #cnt_wrap .bbs_view .subject{ position: relative; color: #00adff; font-size: 12px; font-family: 굴림; float: left; margin-top: 17px; margin-left: 25px; margin-right: 10px; } #container #content #cnt_wrap .bbs_view .write_info{ position: relative; color: #fff; font-size: 12px; font-family: 굴림; float: left; margin-top: 17px; margin-left: 25px; margin-right: 10px; } #container #content #cnt_wrap .bbs_view .write_contants{ position: relative; color: #fff; width:95%; border:#696e72 solid 1px; font-size: 12px; font-family: 굴림; float: left; height:auto; min-height:380px; margin-top: 20px; margin-left:12px; padding:10px; } #container #content #cnt_wrap .customer_list { position:relative; width:100%; height:33px; border-bottom:#363636 solid 1px; } #container #content #cnt_wrap .customer_list .subject{ position:relative; color:#fff; font-size: 12px; font-family: 굴림; width:65%; padding:7px; padding-left:35px; float:left; font-weight: 900; } #container #content #cnt_wrap .customer_list .writer{ position:relative; color:#676767; font-size: 12px; font-family: 굴림; width:15%; padding:7px; padding-left:15px; float:left; } #container #content #cnt_wrap .customer_list .date{ position:relative; color:#676767; font-size: 10px; font-family: 굴림; width:10%; padding:7px; padding-left:15px; float:left; } #container #content #cnt_wrap .customer_list .con_on{ position:relative; color:#fff000; font-size: 12px; font-family: 굴림; width:10%; padding:7px; padding-left:18px; float:left; } #container #content #cnt_wrap .customer_list .con_off{ position:relative; color:#3e3f42; font-size: 12px; font-family: 굴림; width:10%; padding:7px; padding-left:15px; float:left; } /* bbs_liste end */ /* bt_table */ #container #content #cnt_wrap .bt_table table {/*ie5*/width:100%;} #container #content #cnt_wrap .bt_table .bt_th {margin-top:-7px;} #container #content #cnt_wrap .bt_table .bt_th td {color:#fff100; font-weight:bold; padding:10px 0; text-align:center; border-top:#414a52 solid 1px; /*background: #222121; background: -webkit-linear-gradient(#2e2e2e, #222121, #141212); background: -moz-linear-gradient(#2e2e2e, #222121, #141212); background: -o-linear-gradient(#2e2e2e, #222121, #141212); background: linear-gradient(#2e2e2e, #222121, #141212);*/ } #container #content #cnt_wrap .bt_table .bt_td {position:relative; margin-top:10px;} #container #content #cnt_wrap .bt_table .bt_td thead td { padding:8px 10px; font-weight:bold; color:#FFF; border-top:#54a6ff solid 1px; background: #1e3967; background: -webkit-linear-gradient(#2a5295, #1e3967, #12213b); background: -moz-linear-gradient(#2a5295, #1e3967, #12213b); background: -o-linear-gradient(#2a5295, #1e3967, #12213b); background: linear-gradient(#2a5295, #1e3967, #12213b); } #container #content #cnt_wrap .bt_table .bt_td tbody td {position:relative; padding:2px; text-align:center; /* border-top:#666 solid 1px; background: #232121; background: -webkit-linear-gradient(#333333, #232121, #161414); background: -moz-linear-gradient(#333333, #232121, #161414); background: -o-linear-gradient(#333333, #232121, #161414); background: linear-gradient(#333333, #232121, #161414); */ } #container #content #cnt_wrap .bt_table .bt_td tbody td td {background:none; border:none;} #container #content #cnt_wrap .bt_table .bt_td tbody .day {font-size:12px;} #container #content #cnt_wrap .bt_table .bt_td tbody .day span {} #container #content #cnt_wrap .bt_table .bt_td tbody .win, #container #content #cnt_wrap .bt_table .bt_td tbody .vs, #container #content #cnt_wrap .bt_table .bt_td tbody .lose {position:relative;} #container #content #cnt_wrap .bt_table .bt_td tbody .win div, #container #content #cnt_wrap .bt_table .bt_td tbody .vs div, #container #content #cnt_wrap .bt_table .bt_td tbody .lose div {cursor:pointer; position:relative; border:#000 solid 1px; background:#1e3967; padding:2px 5px; font-weight:bold; min-height:20px; overflow:hidden; zoom:1;} #container #content #cnt_wrap .bt_table .bt_td tbody .win div {text-align:left; padding-right:40px;} #container #content #cnt_wrap .bt_table .bt_td tbody .win div em {position:absolute; top:3px; right:5px; text-align:right;} #container #content #cnt_wrap .bt_table .bt_td tbody .lose div {text-align:right; padding-left:40px; } #container #content #cnt_wrap .bt_table .bt_td tbody .lose div em {position:absolute; top:3px; left:5px; text-align:left;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_scor, #container #content #cnt_wrap .bt_table .bt_td tbody .situ {font-weight:bold;} #container #content #cnt_wrap .bt_table .bt_td tbody .on div, #container #content #cnt_wrap .bt_table .bt_td tbody .on0 div {color:#000; font-weight:bold; background: #fff100;} #container #content #cnt_wrap .bt_table .bt_td .end td, #container #content #cnt_wrap .bt_table .bt_td .end td span, #container #content #cnt_wrap .bt_table .bt_td .end td div {color:#666; border-top:#666 solid 1px; background:#222; font-weight:normal;} #container #content #cnt_wrap .bt_table .bt_td .end .win div, #container #content #cnt_wrap .bt_table .bt_td .end .vs div, #container #content #cnt_wrap .bt_table .bt_td .end .lose div {cursor:default; background:#333; border:#000 solid 1px;} #container #content #cnt_wrap .bt_table .bt_td .end_gr td, #container #content #cnt_wrap .bt_table .bt_td .end_gr td span, #container #content #cnt_wrap .bt_table .bt_td .end_gr td div, #container #content #cnt_wrap .bt_table .bt_td .end_gr td.on {color:#999;} #container #content #cnt_wrap .bt_table .bt_td .end_gr td.on div {cursor:default; color:#999; font-weight:normal;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info td {background:#111; border:#0076be solid 2px; padding:0 5px; height:30px; font-size:12px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li {float:left; text-align:left; margin-right:15px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li strong {font-size:13px;} /* #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.kind {width:60px; margin-left:10px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.time {width:180px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.betmoney {width:135px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.dividend {width:95px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.exmoney {width:155px;} #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.winmomey {width:130px;} */ #container #content #cnt_wrap .bt_table .bt_td tbody .result_info li.delbox {float:right; text-align:right;} #container #content #cnt_wrap .bt_table tbody .game_play {color:#666 !important; font-weight:bold !important;}/*������*/ #container #content #cnt_wrap .bt_table tbody .game_win {color:#0186c1 !important; font-weight:bold !important;}/*��÷*/ #container #content #cnt_wrap .bt_table tbody .game_lose {color:#e60012 !important; font-weight:bold !important;}/*�̴�÷*/ #container #content #cnt_wrap .bt_table tbody .game_off {color:#8957a1 !important; font-weight:bold !important;}/*��Ư*/ #container #content #cnt_wrap .bt_table tbody .game_min {color:#638c0b !important; font-weight:bold !important;}/*ȹ��,�ս�*/ /* #container #content #cnt_wrap .bt_table .bet thead td {border-top:#75d8ff solid 1px; background:url(../img/bg_th.gif) center repeat-x; color:#75d8ff;} #container #content #cnt_wrap .bt_table .bet td div {padding:5px !important;} #container #content #cnt_wrap .bt_table .bet td div em {top:5px !important;} #container #content #cnt_wrap .bt_table .bet .win div em {right:5px !important;} #container #content #cnt_wrap .bt_table .bet .lose div em {left:5px !important;} #container #content #cnt_wrap .bt_table .bet .end td, #container #content #cnt_wrap .bt_table .bet .end td span, #container #content #cnt_wrap .bt_table .bet .end td div {background-color:#FFF !important;} */ /* board */ #container #content #cnt_wrap .board_list {clear:both; margin-top: -10px;} #container #content #cnt_wrap .board_list table { margin: auto auto; width: 100%;} #container #content #cnt_wrap .board_list thead th, #container #content #cnt_wrap .board_list tbody td {/* background:#000; border-bottom:#333 solid 1px; */ text-align:center;/* height:34px; */} #container #content #cnt_wrap .board_list thead th {color:#fff100; border-top:#5b656e solid 1px; /* border-bottom:#326cbd solid 3px; background: #212020; background: -webkit-linear-gradient(#2e2e2e, #212020, #141212); background: -moz-linear-gradient(#2e2e2e, #212020, #141212); background: -o-linear-gradient(#2e2e2e, #212020, #141212); background: linear-gradient(#2e2e2e, #212020, #141212); */} #container #content #cnt_wrap .board_list tbody td { border-top:#5b656e solid 1px; /* background: #242323; background: -webkit-linear-gradient(#333333, #242323, #161414); background: -moz-linear-gradient(#333333, #242323, #161414); background: -o-linear-gradient(#333333, #242323, #161414); background: linear-gradient(#333333, #242323, #161414); */ } #container #content #cnt_wrap .board_list tbody td img {/* height:20px; */} #container #content #cnt_wrap .board_list tbody td.tit { text-align: left; width: 55%; padding-left: 10px;} #container #content #cnt_wrap .board_list tbody tr:hover {cursor:pointer;} #container #content #cnt_wrap .board_list tbody tr:hover td {background: #161414; color: #fff; font-size: 15px; } #container #content #cnt_wrap .board_list tbody tr.notice:hover td {background:#12223c; color:#54a6ff;} #container #content #cnt_wrap .board_list tbody .notice {} #container #content #cnt_wrap .board_list tbody .notice td {font-weight:bold; border-top:#5b656e solid 1px; /*background: #1f3b6a; background: -webkit-linear-gradient(#295194, #1f3b6a, #12223c); background: -moz-linear-gradient(#295194, #1f3b6a, #12223c); background: -o-linear-gradient(#295194, #1f3b6a, #12223c); background: linear-gradient(#295194, #1f3b6a, #12223c);*/ text-align: center; } .status_c {color:#ede11c;} #container #content #cnt_wrap .board_list tbody .writer { text-align: right; padding-left: 5px; padding-right: 5px; width: 31%; font-size: 11px; color: #808694;} #container #content #cnt_wrap .board_list tbody .state {text-align:right;} #container #content #cnt_wrap .board_list tbody .state input {margin:0 10px 0 5px;} #container #content #cnt_wrap .board_list tbody .money_ok { text-align: left; width: 15%;}/*�ԱݿϷ�*/ #container #content #cnt_wrap .board_list tbody .money_fail {color:#F30 !important; font-weight:bold;}/*�Աݽ���*/ #container #content #cnt_wrap .board_list tbody .money_wait {color:#FFC !important;}/*�Աݴ��*/ .board_read {clear:both;} .board_read .info {border-top:#000 solid 1px; border-bottom:none;} .board_read .info td {height: 34px; /* border-bottom: #000 solid 1px; */ padding-left: 20px; border-radius: 5px;} .board_read .info .title {/*background:#1f1f1f;*/ border-top:#3e3e3e solid 1px; font-weight:bold; font-size:14px; color:#7ecef4; height:40px;} .board_read .info .td_info {/*background:#1c3764; border-top:#386ec8 solid 1px; */font-weight:bold;} .board_read .info .td_info span {color:#386ec8; font-weight:normal;} .board_read .info .txt_cnt {padding:20px 10px;} .board_read .boder_btlist {padding:10px; border:#749de3 solid 4px; margin:10px 0; /*ie5*/_width:830px;} .board_read .txt_content {clear:both; background:rgba(0,0,0,0.4); border-top:#444 solid 1px; margin:20px 0; padding:20px; /*ie5*/_width:830px;} /* ������� �� ���� �߰� ���� 2017-07-17 */ .board_read .ono_txt_content {clear:both; background:#222; border-top:#444 solid 1px; margin:1px 0; padding:20px; /*ie5*/_width:830px; color: #fff;} /* ������� �� ���� �߰� ���� 2017-07-17 */ .board_read .reply {} .board_read .reply h3 {padding-left:20px; padding-bottom:5px; color:#7bb5fa; font-size:20px; border-bottom:#326cbd solid 3px;} .board_read .reply table {border-top:#3e3e3e solid 1px; border-bottom:000 solid 1px;} .board_read .reply td {padding:2px 0; background:#1f1f1f;} .board_read .reply .nicname {width:150px; padding-left:10px; font-weight:bold;} .board_read .reply .nicname img {max-height:30px;} .board_read .reply .ripp {} .board_read .reply .date {text-align:center; width:120px;} .board_read .reply_write {margin-top:10px; border-top:#3e3e3e solid 1px;} .board_read .reply_write th, .board_read .reply_write td {background:#1f1f1f;} .board_read .reply_write .write {width:640px;} .board_read .reply_write .write textarea {background:#333; border:#000 solid 1px; margin:10px 5px 5px 5px; overflow:auto; width:640px; padding:10px;} .board_read .reply_write .write p {padding:0 0 10px 5px;} .board_read .reply_write .write input {background:#333; border:#000 solid 1px; padding:2px;} .board_read .reply_write .nicname {} .board_read .reply_write .ripp_btn {width:70px; vertical-align:top; padding-top:10px;} .board_read .reply_write .ripp_btn img {margin-bottom:2px;} .board_write {clear:both;} .board_write .info {border-top:#326cbd solid 3px;} .board_write .info th {background:#1f1f1f; border-bottom:#000 solid 1px; height:34px; width: 33px;} .board_write .info td {border-bottom:#000 solid 1px; padding:5px 0; padding-left:10px;} .board_write .info .title input {width:95%; background:rgba(0,0,0,0.4); border:#414a52 solid 1px; padding:4px 10px; height:36px; /*ie5*/_height:36px;} .board_write .txt_content {background:rgba(0,0,0,0.4); border:#000 solid 1px;} .board_write .txt_content textarea {bac2018-05-232018-05-23kground:none; border:none; overflow:auto; width:90%; padding:10px;} .boder_row {clear:both;} .boder_row table {border-top:#326cbd solid 3px;} .boder_row th, .boder_row td {border-bottom:#333 solid 1px; min-height:30px; padding:10px;} .boder_row th {background:#1f1f1f;} .boder_row td {padding-left:20px; background:url(../img/bg_black_opacity30.png);} .boder_row td input {background:url(../img/bg_content.png); border:#070f01 solid 1px; padding:4px; height:16px;} .boder_row td strong {color:#7bb5fa;} .boder_row td em {color:#F90;} .kind {position: absolute; float: left; margin-top: 30px; margin-right: 5px; width: 902px;} .kind .kind_icon { position: relative; width: 41px; float: left; margin-right: 3px;} .kind .kind_icon .k_num{width: 27px; position: absolute; background: #ff0000; margin-left: -28px; color: #fff; font-size: 10px; font-weight: 900; text-align: center; border-radius: 7px; height: 16px; margin-top: -5px;} .kind_m {position:absolute; float:right; margin-top:-33px; width:100%; } .kind_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: right; margin-right: 3px; cursor: pointer; } .defolt_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; margin-right: 3px; top: 8px; cursor: pointer; position:relative; } .defolt02_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 15px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; margin-left: 50%; top: -10px; cursor: pointer; position:relative; } .defolt03_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: right; text-align:center; margin-right:5px; margin-bottom:10px; margin-top:4px; cursor: pointer; position:relative; } .mini2_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 5px 8px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: right; margin-right: 3px; margin-bottom: 3px; top: 0px; cursor: pointer; position:relative; } .mini_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 3px 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; margin-right: 3px; top: 0px; cursor: pointer; position:relative; } .main_menu { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 8px 18px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 15px; text-decoration: none; vertical-align: middle; font-weight:900; top: 8px; cursor: pointer; position:relative; left:50%; margin-left:-40px; } .kind_m {position: absolute; float: right; margin-top: -30px; margin-right: 5px; width: 100%;} .kind_menu_m { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #25272a, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 3px 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: right; margin-right: 3px; } /*-------------�����̵���-------*/ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0; *zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0);} .bx-wrapper .bx-viewport ul {margin:0px; padding:0px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 10px;width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%; width: 100%;position: absolute; top: 0;left: 0; z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #ccc;text-indent: -9999px;display: block; width: 10px;height: 10px;margin: 0 5px; outline: 0; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 20px; background: url(/img/s_banner/controls.png) no-repeat 0 -32px; opacity:0.6;} .bx-wrapper .bx-next {right: 20px; background: url(/img/s_banner/controls.png) no-repeat -43px -32px; opacity:0.6;} .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: -43p 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%; margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled { display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(/img/s_banner/controls.png) -86px -11px no-repeat;margin: 0 3px; opacity:0.6;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(/img/s_banner/controls.png) -86px -44px no-repeat; margin: 0 3px; opacity:0.6;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute;bottom: 0; left: 0;background: #6669; background: rgba(80, 80, 80, 0.75);width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em; padding: 10px;} /*-------------------�����̵��� -------*/ .mini_game_btn04_m { position: absolute; /* margin-left: 5%; */ margin-top: 99%; width: 100%; margin-left: -175px; left: 50%; } .mini_pennel_01{position:relative; width:98%; padding:10px; border:#364e5d solid 1px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #2b343f, #262d38); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); margin:auto auto; display:table;} .mini_pennel_02{position:relative; width:99.5%; border:#364e5d solid 1px; border-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#303c4a), to(#262d38)); background: -webkit-linear-gradient(top, #303c4a, #262d38); background: -moz-linear-gradient(top, #303c4a, #262d38); background: -ms-linear-gradient(top, #303c4a, #262d38); background: -o-linear-gradient(top, #303c4a, #262d38); margin:auto auto; display:table;} .mini_tit {position: relative; width: 95%; height: 55px; margin: auto auto; /* border-bottom: #46515c solid 1px; */} .mini_game_tit {position:relative; width:40%; max-width:200px; color:#ffea00; float:left;/* top:50%; margin-top:-30px; */} .mini_game_top {position:relative; float:right; width:60%; } .mini_game_no {position:relative; float:right; width:55%; height:32px; margin-top:10px; background:#161b20; font-size:20px; font-weight:900; border-radius:5px; text-align: center; /* padding-top: 14px; */ border:#000 solid 1px; color:#5f7083;} .mini_game_no .nom{color:#00d8ff;} .mini_game_date {position:relative; float:right; width:35%; height:32px; margin-top:10px; margin-left:4px; padding:auto auto; background:#161b20; border-radius:5px; text-align: center; /* padding-top: 14px; */ color:#5f7083; border:#000 solid 1px; font-weight:900;} .mini_game_date .mini_game_time {font-size:20px; font-weight:900; color:#ffea00;} .mini_odds { position: relative; width: 97%; height: auto; margin: auto auto; border-top: #46515c solid 1px; /* height: 100px; */ display: table; padding-top: 10px; padding-bottom: 10px;} .mini_odds_box01 {position: relative; width: 19.3%; border: #364e5d solid 1px; border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #29303b, #14181d); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); float: left; margin-left: 2px; margin-top: 0px; margin-bottom: 2px; display: table; text-align: center; padding: 5px; text-shadow: #000 0 1px 0; box-shadow: rgba(0,0,0,0.3) 1px 2px 21px 2px; } .mini_odds_box01:hover {position: relative; width: 19.3%; border: #364e5d solid 1px; border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #d30f17, #a81016); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); float: left; margin-left: 2px; margin-top: 0px; margin-bottom: 2px; display: table; text-align: center; padding: 5px; text-shadow: #000 0 1px 0; box-shadow: rgba(0,0,0,0.3) 1px 2px 21px 2px; } .mini_odds_box02 {position: relative; width: 19.5%; border: #364e5d solid 1px; border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #2b343f, #262d38); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); float: left; margin-left: 2px; margin-top: 5px; /* margin-bottom: 3%; */ display:table; text-align: center; padding: 5px; } .mini_odds_con { position: relative; width: 50%; /* padding: 10px; */ max-width: 50px; min-width: 40px; /* margin-bottom: 8px; */ display: inline-block; float: left; padding-left: 2px;} .mini_odds_odds {position: relative; font-size: 14px; font-weight: 900; color: #fff; /* margin-bottom: 10px; */ display: table; margin: auto; margin-top: 12%;} .mini_odds_con02 { /* position: relative; */ width: 60%; /* padding: 10px; */ max-width: 50px; min-width: 35px; /* margin-bottom: 8px; */ display: inline-block; float: left; } .mini_odds_odds02 {position: relative; font-size: 16px; font-weight: 900; color: #fff; /* margin-bottom: 10px; */ display: table; margin: auto; margin-top: 12%;} .mini_cart {position: relative; width: 95%; color: #fff; margin: auto auto; /* margin-top: 80px; */ border-top: #46515c solid 1px; margin-bottom:10px; display:table; } .mini_money{position:relative; width:55%; margin-top:10px;} .money_money_but{ position: relative; width: 40%; float: left; overflow: visible; text-align: center; height: 30px; padding: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #455060, #323d4c); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); margin-top: 4px; border-radius: 10px; border: #56657d solid 1px; font-weight: 900; font-size: 16px; text-shadow: #000 0 1px 0; box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; margin-right: 2px; } .money_money_but:hover { position: relative; width: 40%; float: left; overflow: visible; text-align: center; height: 30px; padding: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #1a3947, #234f71); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); margin-top: 4px; border-radius: 10px; border: #56657d solid 1px; font-weight: 900; font-size: 16px; text-shadow: #000 0 1px 0; box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; margin-right: 2px; } .mini_cart_con { position: absolute; width: 45%; color: #fff; margin: auto auto; /* margin-top: -45%; */ float: right; clear: both; margin-left: 50%; } .mini_money_box{ position: relative; width: 110%; /* float: left; */ overflow: visible; text-align: center; height: 30px; padding: 2%; background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -webkit-linear-gradient(top, #192028, #192028); background: -moz-linear-gradient(top, #2b343f, #262d38); background: -ms-linear-gradient(top, #2b343f, #262d38); background: -o-linear-gradient(top, #2b343f, #262d38); margin-top: 4px; border-radius: 6px; border-bottom: #414e5e solid 1px; border-left: #313c49 solid 1px; border-right: #313c49 solid 1px; font-weight: 900; font-size: 14px; text-shadow: #000 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 0px 0px, inset rgba(0,0,0,0.3) 0 4px 5px; */ /* margin-right: 2px; */ } .mini_money_box02{ position: relative; width: 110%; /* float: left; */ overflow: visible; text-align: center; height: 30px; padding: 2%; background: #fff; margin-top: 4px; border-radius: 4px; font-weight: 900; font-size: 14px; color: #192028; /* text-shadow: #000 0 1px 0; */ box-shadow: rgba(0,0,0,0.3) 0px 0px 0px, inset rgba(0,0,0,0.3) 0 4px 5px; /* margin-right: 2px; */ } .money_tit_total {position:relative; float:left; color:#465365;} .mini_money_mini {position:relative; float:right; } .mini_bet_text{ /* background: #55ffaa; */ background: -webkit-gradient(linear, left top, left bottom, from(#2b343f), to(#262d38)); background: -moz-linear-gradient(top, #b8b8b8, #fff); background: -o-linear-gradient(top, #55ff55, #55ffff); background: linear-gradient(to top, #b8b8b8, #fff); -webkit-background-clip: text; background-clip: text; color: transparent; font-size:24px; font-weight:900; } .write_but { border: 1px solid #525358; background: #212229; background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d)); background: -webkit-linear-gradient(top, #393b3e, #292b2f); background: -moz-linear-gradient(top, #65a9d7, #3e779d); background: -ms-linear-gradient(top, #65a9d7, #3e779d); background: -o-linear-gradient(top, #65a9d7, #3e779d); background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%); padding: 6px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 3px; /* -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; */ -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0; /* box-shadow: rgba(0,0,0,0.3) 0px 4px 5px, inset rgba(255,255,255,0.4) 0 1px 0; */ text-shadow: #000 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle; float: left; text-align: center; margin-right: 5px; margin-bottom: 10px; margin-top: 4px; cursor: pointer; position: relative; } @keyframes slidy { 0% { left: 0%; } 20% { left: 0%; } 25% { left: -100%; } 45% { left: -100%; } 50% { left: -200%; } 70% { left: -200%; } 75% { left: -300%; } 95% { left: -300%; } 100% { left: -400%; } } div#slider { overflow: hidden; margin-bottom:0px; } div#slider figure img { width: 20%; float: left; } div#slider figure { position: relative; width: 500%; margin: 0; top:0; left: 0; text-align: left; font-size: 0; -webkit-animation: 20s slidy ease-in-out infinite; animation: 20s slidy ease-in-out infinite; } /*----------------------------------------------------- 풋터 -----------------------------------------------------*/ #footer_kim { width: 1355px; height: 130px; z-index:-1; color: #737475; font-size: 12px; margin: auto auto;} #footer_kim .foot_logo { float: left; position: absolute; margin-top: 30px; margin-left: -762px; border-right: #384b50 solid 1px; width: 170px;} #footer_kim .copyright { padding: 0 0 0 10px; float: left; cursor: default; font-size: 12px; margin-top: 15px; margin-left: 375px;} #footer_kim .inner .foots .footer_menu { font-family:굴림; font-size:12px; float: left; margin: 20px 10px 0 10px; font-weight:900; /* background: #55ffaa; */left:-360px; display: block; color: #fff;} #footer_kim .inner .foots {margin-left:289px; margin-top: 20px;} /*----------------------------------------------------- 링크 -----------------------------------------------------*/ .blink { width: 246px; height: 220px; background-image: url("/img/banner/spolink_bg.png"); background-repeat: no-repeat; /* border: 1px solid #00ebff; border-radius: 10px;*//* background: rgba(0,0,0,0.6); */ /* background-size: cover; background-position: center; */margin-top: 5px; padding: 40px 5px; } .blink ul li { float: left; transition: 0.3; } .blink ul li:hover { opacity: 0.7; } .kind_menu {position: relative; float: right; top: 42px; font-size: 12px; margin-right: 15px; margin-left: -10px; /* border: #323232 solid 1px; */ border-radius: 3px; text-align: center; padding: 10px 10px; background: #55ffaa; background: -webkit-linear-gradient(bottom, #000, #2d292f , #2b3a57); background: -moz-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: -o-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: linear-gradient(to bottom, #495b65, #405460 , #374d5a); cursor: pointer; } .kind_menu2 {position:relative; float: right; top:5px; font-size:15px; margin-right:4px; border:#323232 solid 1px; border-radius: 3px; text-align:center; padding:5px 15px; background: #55ffaa; background: -webkit-linear-gradient(bottom, #000, #2d292f , #2b3a57); background: -moz-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: -o-linear-gradient(bottom, #5f5d60, #2d292f , #2b3a57); background: linear-gradient(to bottom, #5f5d60, #2d292f , #000); cursor: pointer; } /*----------------------------------------------------- .visually-hidden { position: absolute !important; border: 0 !important; height: 1px !important; width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; } body > script { display: none !important; } @media (max-width: 768px) { .no-small-screen { display: none; } } @media (min-width: 1280px) { .no-large-screen { display: none; } } /* ----------------------------- */ /* == browsers consistency */ /* ----------------------------- */ /* avoid top margins on first content element */ p:first-child, .p-like:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /* avoid margins on nested elements */ li p, li .p-like, li ul, li ol { margin-top: 0; margin-bottom: 0; } /* max values */ img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; } /* margin-bottom on tables */ table { margin-bottom: 20px; } /* ----------------------------- */ /* ==layout and modules */ /* ----------------------------- */ /* float layout */ /* module, gains superpower "BFC" Block Formating Context */ .mod { overflow: hidden; } /* blocks that needs to be placed under floats */ .clear, .line, .row { clear: both; } /* blocks that must contain floats */ .clearfix:after, .line:after { content: ""; display: table; clear: both; border-collapse: collapse; } /* table layout */ .row { display: table; table-layout: fixed; width: 100%; } .row > *, .col { display: table-cell; vertical-align: top; } /* inline-block */ .inbl { display: inline-block; vertical-align: top; } /* alignments (blocks and inline) */ /* ------------------------------ */ /* left (or starting) elements */ .left, .start { float: left; } img.left, img.start { margin-right: 10px; } /* right (or ending) elements */ .right, .end { float: right; } img.right, img.end { margin-left: 10px; } img.left, img.right, img.start, img.end { margin-bottom: 5px; } .txtleft { text-align: left; } .txtright { text-align: right; } .txtcenter { text-align: center; } /* ==visual helpers */ /* .. use them with parcimoney ! */ /* ---------------------------------- */ /* blocks widths (percentage and pixels) */ .w10 { width: 10%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.3333%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w66 { width: 66.6666%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w90 { width: 90%; } .w100 { width: 100%; } .w50p { width: 50px; } .w100p { width: 100px; } .w150p { width: 150px; } .w200p { width: 200px; } .w300p { width: 300px; } .w400p { width: 400px; } .w500p { width: 500px; } .w600p { width: 600px; } .w700p { width: 700px; } .w800p { width: 800px; } .w960p { width: 960px; } .mw960p { max-width: 960px; } .w1140p { width: 1140px; } .mw1140p { max-width: 1140px; } .wauto { width: auto; } /* spacing helpers p,m = padding,margin a,t,r,b,l = all,top,right,bottom,left s,m,l,n = small, medium, large, none */ .man { margin: 0; } .pan { padding: 0; } .mas { margin: 10px; } .mam { margin: 20px; } .mal { margin: 40px; } .pas { padding: 10px; } .pam { padding: 20px; } .pal { padding: 40px; } .mtn { margin-top: 0; } .mts { margin-top: 10px; } .mtm { margin-top: 20px; } .mtl { margin-top: 40px; } .mrn { margin-right: 0; } .mrs { margin-right: 10px; } .mrm { margin-right: 20px; } .mrl { margin-right: 40px; } .mbn { margin-bottom: 0; } .mbs { margin-bottom: 10px; } .mbm { margin-bottom: 20px; } .mbl { margin-bottom: 40px; } .mln { margin-left: 0; } .mls { margin-left: 10px; } .mlm { margin-left: 20px; } .mll { margin-left: 40px; } .ptn { padding-top: 0; } .pts { padding-top: 10px; } .ptm { padding-top: 20px; } .ptl { padding-top: 40px; } .prn { padding-right: 0; } .prs { padding-right: 10px; } .prm { padding-right: 20px; } .prl { padding-right: 40px; } .pbn { padding-bottom: 0; } .pbs { padding-bottom: 10px; } .pbm { padding-bottom: 20px; } .pbl { padding-bottom: 40px; } .pln { padding-left: 0; } .pls { padding-left: 10px; } .plm { padding-left: 20px; } .pll { padding-left: 40px; } /* ==classic grids */ /* .. use it when gutter size matters */ /* ---------------------------------- */ /* grids inspired from SUIT https://github.com/suit/suit */ /* overall container of grids */ .grid { overflow: hidden; } /* global styles for direct child ex. .grid3 */ .grid > * { display: block; padding: 0; /* gutter value */ margin-left: -20px; text-align: left; } /* global styles for each "cell" */ .grid > * > * { display: inline-block; /* gutter value */ padding-left: 20px; margin-left: 0; vertical-align: top; } /* whitespace fixing for modern browsers including IE9+ */ :root .grid { font-size: 0; /* fallback for IE9+ */ text-justify: distribute-all-lines; } :root .grid > * > * { /* fallback for Opera Mini */ font-size: 14px; font-size: 1.4rem; } /* Opera hack */ .opera:-o-prefocus, .grid > * { word-spacing: -0.43em; } .grid2 > * { width: 50%; } .grid3 > * { width: 33.333%; } .grid4 > * { width: 25%; } .grid5 > * { width: 20%; } .grid6 > * { width: 16.667%; } .grid8 > * { width: 12.5%; } .grid10 > * { width: 10%; } .grid12 > * { width: 8.333%; } /* unequal grids (1-2, 2-1, 1-3 and 3-1) for 2 blocks */ .grid2-1 > *:first-child, .grid1-2 > * + * { width: 66.666%; } .grid1-2 > *:first-child, .grid2-1 > * + * { width: 33.333%; } .grid1-3 > *:first-child, .grid3-1 > * + * { width: 25%; } .grid3-1 > *:first-child, .grid1-3 > * + * { width: 75%; } /* ---------------------------------- */ /* ==autogrids */ /* .. to automatically justify blocs */ /* ---------------------------------- */ /* Demo : http://codepen.io/raphaelgoetter/pen/Kqehf */ /* container of autogrids */ [class*="autogrid"] { text-align: justify; } [class*="autogrid"]:after { content: ""; display: inline-block; width: 100%; } [class*="autogrid"] > * { display: inline-block; vertical-align: top; text-align: left; } /* whitespace fixing for modern browsers including IE9+ */ :root [class*="autogrid"] { font-size: 0; /* fallback for IE9+ */ text-justify: distribute-all-lines; } :root [class*="autogrid"] > * { /* fallback for Opera Mini */ font-size: 14px; font-size: 1.4rem; } /* Opera hack */ [class*="autogrid"]:-o-prefocus { word-spacing: -0.43em; } .autogrid2 > * { width: 49%; } .autogrid3 > * { width: 32%; } .autogrid4 > * { width: 23.6%; } .autogrid5 > * { width: 19%; } .autogrid6 > * { width: 15%; } .autogrid8 > * { width: 10.8%; } .autogrid10 > * { width: 9%; } .autogrid12 > * { width: 6.4%; } /* ==tables */ /* ----------------------------- */ table, .table { width: 100%; max-width: 100%; border-collapse: collapse; } .table { display: table; } table#recaptcha_table, table.table-auto { table-layout: auto; } caption { padding: 10px; color: #555; font-style: italic; } /* ==forms */ /* ----------------------------- */ /* thanks to HTML5boilerplate, * github.com/nathansmith/formalize and www.sitepen.com */ /* buttons */ .btn { display: inline-block; } /* forms items */ form, fieldset { border: none; } input, button, select, label, .btn { vertical-align: middle; font-family: inherit; font-size: inherit; } label { display: inline-block; vertical-align: middle; cursor: pointer; } legend { border: 0; white-space: normal; } textarea { min-height: 5em; vertical-align: top; font-family: inherit; font-size: inherit; resize: vertical; } /* clickable input types in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; } /* if select styling bugs on WebKit */ /* select { -webkit-appearance: none; } */ /* 'x' appears on right of search input when text is entered. This removes it */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } ::-webkit-input-placeholder { color: #777; } /* Removes inner padding and border in FF3+ */ button::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='submit']::-moz-focus-inner { border: 0; padding: 0; } /* ==desktop and HD devices */ /* ----------------------------- */ @media (min-width: 1025px) { /* rules for big resources and big screens like: background-images, font-faces, etc. */ } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* style adjustments for high density devices */ } /* ---------------------------------- */ /* ==Responsive large */ /* ---------------------------------- */ @media (min-width: 1025px) { /* layouts for large screens */ .large-hidden { display: none !important; } .large-visible { display: block !important; } .large-no-float { float: none; } .large-inbl { display: inline-block; float: none; vertical-align: top; } .large-row { display: table; table-layout: fixed; width: 100% !important; } .large-col { display: table-cell; vertical-align: top; } /* widths for large screens */ .large-w25 { width: 25% !important; } .large-w33 { width: 33.3333% !important; } .large-w50 { width: 50% !important; } .large-w66 { width: 66.6666% !important; } .large-w75 { width: 75% !important; } .large-w100, .large-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for large screens */ .large-man { margin: 0 !important; } /* grid rwd for large screens */ .grid5 > *, .grid6 > *, .grid8 > *, .grid10 > *, .grid12 > * { width: 33.333%; } /* autogrid rwd for large screens */ .autogrid5 > *, .autogrid6 > *, .autogrid8 > *, .autogrid10 > *, .autogrid12 > * { width: 32%; } } /* ---------------------------------- */ /* ==Responsive medium */ /* ---------------------------------- */ @media (min-width: 769px) and (max-width: 1024px) { /* layouts for medium screens */ .medium-hidden { display: none !important; } .medium-visible { display: block !important; } .medium-no-float { float: none; } .medium-inbl { display: inline-block; float: none; vertical-align: top; } .medium-row { display: table; table-layout: fixed; width: 100% !important; } .medium-col { display: table-cell; vertical-align: top; } /* widths for medium screens */ .medium-w25 { width: 25% !important; } .medium-w33 { width: 33.3333% !important; } .medium-w50 { width: 50% !important; } .medium-w66 { width: 66.6666% !important; } .medium-w75 { width: 75% !important; } .medium-w100, .medium-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for medium screens */ .medium-man { margin: 0 !important; } } /* ---------------------------------- */ /* ==Responsive small */ /* ---------------------------------- */ @media (min-width: 481px) and (max-width: 768px) { /* quick small resolution reset */ .mod, .col, fieldset { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* quick reset in small resolution and less */ .w600p, .w700p, .w800p, .w960p, .mw960p { width: auto; float: none; } /* layouts for small screens */ .small-hidden { display: none !important; } .small-visible { display: block !important; } .small-no-float { float: none; } .small-inbl { display: inline-block; float: none; vertical-align: top; } .small-row { display: table !important; table-layout: fixed !important; width: 100% !important; } .small-col { display: table-cell !important; vertical-align: top !important; } /* widths for small screens */ .small-w25 { width: 25% !important; } .small-w33 { width: 33.3333% !important; } .small-w50 { width: 50% !important; } .small-w66 { width: 66.6666% !important; } .small-w75 { width: 75% !important; } .small-w100, .small-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for small screens */ .small-man { margin: 0 !important; } .small-pan { padding: 0 !important; } /* grid rwd for small screens */ .grid3 > *, .grid4 > *, .grid5 > *, .grid6 > *, .grid8 > *, .grid10 > *, .grid12 > * { width: 50%; } /* autogrid rwd for small screens */ .autogrid5 > *, .autogrid6 > *, .autogrid8 > *, .autogrid10 > *, .autogrid12 > * { width: 49% !important; } } /* ---------------------------------- */ /* ==Responsive tiny */ /* ---------------------------------- */ @media (max-width: 480px) { .info_box {height:auto;overflow:hidden;text-align:center} .info_box .input01 {width:100%} .info_box .img img {left:0;margin-left:0} .info_box #prefix {width:30%} .info_box #phone {width:30% !important} .info_box .bank {width:100% !important} .info_box td {width:100%} .info_box th {width:100%;height:30px;line-height:30px;text-align:center !important} .w300p, .w400p, .w500p { width: auto; float: none; } .row { display: block !important; width: 100% !important; } /* layouts for tiny screens */ .tiny-hidden { display: none !important; } .tiny-visible { display: block !important; } .tiny-no-float { float: none; } .tiny-inbl { display: inline-block; float: none; vertical-align: top; } .tiny-row { display: table !important; table-layout: fixed !important; width: 100% !important; } .tiny-col { display: table-cell !important; vertical-align: top !important; } th, td { display: block !important; width: auto !important; text-align: left !important; } thead { display: none; } /* widths for tiny screens */ .tiny-w25 { width: 25% !important; } .tiny-w33 { width: 33.3333% !important; } .tiny-w50 { width: 50% !important; } .tiny-w66 { width: 66.6666% !important; } .tiny-w75 { width: 75% !important; } .tiny-w100, .tiny-wauto { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } /* margins for tiny screens */ .tiny-man { margin: 0 !important; } .tiny-pan { padding: 0 !important; } /* grid rwd for tiny screens */ .grid > * > * { width: 100% !important; } /* autogrid rwd for tiny screens */ [class*="autogrid"] > * { width: 100% !important; } } /* ==minor stylings */ /* ----------------------------- */ /* styling elements */ code, kbd, mark { border-radius: 2px; } kbd { padding: 0 2px; border: 1px solid #999; } code { padding: 2px 4px; background: rgba(0, 0, 0, 0.04); color: #b11; } pre code { padding: none; background: none; color: inherit; border-radius: 0; } mark { padding: 2px 4px; background: #ff0; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: 0.5ex; } blockquote { position: relative; padding-left: 3em; } blockquote:before { content: "\201C"; position: absolute; left: 0; top: 0; font-family: georgia, serif; font-size: 5em; line-height: 0.9; color: rgba(0, 0, 0, 0.3); } blockquote > footer { margin-top: .75em; font-size: 0.9em; color: rgba(0, 0, 0, 0.7); } blockquote > footer:before { content: "\2014 \0020"; } q { font-style: normal; } q, .q { quotes: "“\00a0" "\00a0”"; } q:lang(fr), .q:lang(fr) { quotes: "«\00a0" "\00a0»"; } hr { display: block; clear: both; height: 1px; margin: 1em 0 2em; padding: 0; border: 0; color: #ccc; background-color: #ccc; } /* alternate tables */ .alternate { border: 0; } .alternate tbody { border: 1px solid #ccc; } .alternate thead tr > * + * { border-left: 0; } .alternate tbody tr > * + * { border-left: 1px solid #ccc; } /* alternate-vert tables */ .alternate-vert { border: 0; border-right: 1px solid #ccc; } .alternate-vert tr > :first-child { border-bottom: 0; } .alternate-vert tr > * + * { border-top: 1px solid #ccc; } /* striped tables */ .striped tbody tr:nth-child(odd) { background: #eee; background: rgba(0, 0, 0, 0.05); } /* striped-vert tables */ .striped-vert tr > :first-child { background: #eee; background: rgba(0, 0, 0, 0.05); } /** * Debug mixin * @size {string} * @color {string} */ /** * Transitions */ /** * Gradient */ /** * Background image */ /** * Positionner un élement en absolu */ /** * Size */ /** * Box shadow */ /** * No box shadow */ /** * Sprite */ /** * Target sprite */ /** * Désactiver la sélection */ .disableSelection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * Activer la sélection */ .enableSelection { -webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } /** * Accélération matérielle 2D du pauvre */ .hwa2 { -webkit-transform: translate2D(0px, 0px) !important; transform: translate2D(0px, 0px) !important; } /** * Accélération matérielle 3D du pauvre */ .hwa3 { -webkit-transform: translate3D(0px, 0px, 0px) !important; transform: translate3D(0px, 0px, 0px) !important; } * { margin: 0; padding: 0; } s-video-player[s-component][s-ns="lhs"] { position: relative; background-color: black; overflow: hidden; } s-video-player[s-component][s-ns="lhs"] .lhs_VideoPlayer_video { position: absolute; top: 0; left: 0; } s-video-player[s-component][s-ns="lhs"] .lhs_VideoPlayer_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } s-video-player[s-component][s-ns="lhs"] .lhs_VideoPlayer_handheld { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; } @font-face { font-family: 'CaslonTwoTwentyFour-Medium'; src: url('../static/fonts/2CBB94_0_0.eot'); src: url('../static/fonts/2CBB94_0_0.eot?#iefix') format('embedded-opentype'), url('../static/fonts/2CBB94_0_0.woff2') format('woff2'), url('../static/fonts/2CBB94_0_0.woff') format('woff'), url('../static/fonts/2CBB94_0_0.ttf') format('truetype'); } @font-face { font-family: 'CaslonTwoTwentyFour-Bold'; src: url('../static/fonts/2CBB94_1_0.eot'); src: url('../static/fonts/2CBB94_1_0.eot?#iefix') format('embedded-opentype'), url('../static/fonts/2CBB94_1_0.woff2') format('woff2'), url('../static/fonts/2CBB94_1_0.woff') format('woff'), url('../static/fonts/2CBB94_1_0.ttf') format('truetype'); } /** * LATO * * https://www.google.com/fonts#UsePlace:use/Collection:Lato */ .Lato { font-family: 'Lato', sans-serif; font-weight: normal; } .Lato-Light { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; } .Lato-Regular { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 400; } .Lato-Light-Italic { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; } .Lato-Bold { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; } .Lato-Italic { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; } .Lato-Bold-Italic { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; } /** * CASLON 224 * * https://www.myfonts.com/users/fem90ox9zx/orders/kitbuild.html */ .Caslon224-Medium { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; } .Caslon224-Bold { font-family: CaslonTwoTwentyFour-Bold; font-weight: bold; } /** * Here goes basic tags configuration * default styles for h1, h2, p, a, input ... */ .nowrap { white-space: nowrap; } .sprite-equipe-et-clients-seed { background-repeat: no-repeat; background-image: url(../static/sprites/equipe-et-clients.png?3968105328390368074229079350612993077876700972840970075042); } .sprite-equipe-et-clients-noSeed { background-repeat: no-repeat; background-image: url(../static/sprites/equipe-et-clients.png); } .sprite-equipe-et-clients-julie-faganello { width: 116px; height: 116px; background-position: -1px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-alban-jubert { width: 114px; height: 114px; background-position: -1px -118px; background-size: 885px 885px; } .sprite-equipe-et-clients-alix-julliot-waechter { width: 114px; height: 114px; background-position: -118px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-antoine-rizzo { width: 114px; height: 114px; background-position: -1px -233px; background-size: 885px 885px; } .sprite-equipe-et-clients-cecile-lamarche { width: 114px; height: 114px; background-position: -233px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-celine-chamiot-poncet { width: 114px; height: 114px; background-position: -1px -348px; background-size: 885px 885px; } .sprite-equipe-et-clients-christophe-bernard { width: 114px; height: 114px; background-position: -348px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-christopher-laurent { width: 114px; height: 114px; background-position: -1px -463px; background-size: 885px 885px; } .sprite-equipe-et-clients-clement-gayot { width: 114px; height: 114px; background-position: -463px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-clement-langlois { width: 114px; height: 114px; background-position: -1px -578px; background-size: 885px 885px; } .sprite-equipe-et-clients-emilie-bertherat { width: 114px; height: 114px; background-position: -578px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-frederic-olivieri { width: 114px; height: 114px; background-position: -1px -693px; background-size: 885px 885px; } .sprite-equipe-et-clients-guillaume-cutrone { width: 114px; height: 114px; background-position: -693px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-hatier { width: 76px; height: 75px; background-position: -808px -1px; background-size: 885px 885px; } .sprite-equipe-et-clients-awwwards { width: 138px; height: 67px; background-position: -1px -808px; background-size: 885px 885px; } .sprite-equipe-et-clients-numericable { width: 160px; height: 34px; background-position: -118px -116px; background-size: 885px 885px; } .sprite-equipe-et-clients-guillaume-langlais { width: 114px; height: 114px; background-position: -116px -151px; background-size: 885px 885px; } .sprite-equipe-et-clients-jerome-balmain { width: 114px; height: 114px; background-position: -116px -266px; background-size: 885px 885px; } .sprite-equipe-et-clients-jerome-narcy { width: 114px; height: 114px; background-position: -116px -381px; background-size: 885px 885px; } .sprite-equipe-et-clients-julie-masset { width: 114px; height: 114px; background-position: -116px -496px; background-size: 885px 885px; } .sprite-equipe-et-clients-kevin-cestele { width: 114px; height: 114px; background-position: -116px -611px; background-size: 885px 885px; } .sprite-equipe-et-clients-hachette-livre { width: 150px; height: 44px; background-position: -279px -116px; background-size: 885px 885px; } .sprite-equipe-et-clients-fwa-mobile { width: 115px; height: 67px; background-position: -116px -726px; background-size: 885px 885px; } .sprite-equipe-et-clients-bongenie-grieder { width: 153px; height: 27px; background-position: -430px -116px; background-size: 885px 885px; } .sprite-equipe-et-clients-kevin-dias { width: 114px; height: 114px; background-position: -231px -161px; background-size: 885px 885px; } .sprite-equipe-et-clients-laure-diebolt { width: 114px; height: 114px; background-position: -231px -276px; background-size: 885px 885px; } .sprite-equipe-et-clients-lou-di-gennaro { width: 114px; height: 114px; background-position: -231px -391px; background-size: 885px 885px; } .sprite-equipe-et-clients-marion-chauvire { width: 114px; height: 114px; background-position: -231px -506px; background-size: 885px 885px; } .sprite-equipe-et-clients-maxime-archambeau { width: 114px; height: 114px; background-position: -346px -161px; background-size: 885px 885px; } .sprite-equipe-et-clients-maxime-colin { width: 114px; height: 114px; background-position: -346px -276px; background-size: 885px 885px; } .sprite-equipe-et-clients-nelly-reviriot { width: 114px; height: 114px; background-position: -346px -391px; background-size: 885px 885px; } .sprite-equipe-et-clients-pascal-achard { width: 114px; height: 114px; background-position: -346px -506px; background-size: 885px 885px; } .sprite-equipe-et-clients-paul-morel { width: 114px; height: 114px; background-position: -461px -144px; background-size: 885px 885px; } .sprite-equipe-et-clients-robin-simonklein { width: 114px; height: 114px; background-position: -461px -259px; background-size: 885px 885px; } .sprite-equipe-et-clients-romane-viard { width: 114px; height: 114px; background-position: -461px -374px; background-size: 885px 885px; } .sprite-equipe-et-clients-saadi-ben-saidane { width: 114px; height: 114px; background-position: -461px -489px; background-size: 885px 885px; } .sprite-equipe-et-clients-domplus { width: 119px; height: 60px; background-position: -231px -621px; background-size: 885px 885px; } .sprite-equipe-et-clients-sarah-el-jamri { width: 114px; height: 114px; background-position: -232px -682px; background-size: 885px 885px; } .sprite-equipe-et-clients-araymond { width: 147px; height: 24px; background-position: -584px -116px; background-size: 885px 885px; } .sprite-equipe-et-clients-sebastien-jose-dos-santos { width: 114px; height: 114px; background-position: -351px -621px; background-size: 885px 885px; } .sprite-equipe-et-clients-severine-amato { width: 114px; height: 114px; background-position: -466px -604px; background-size: 885px 885px; } .sprite-equipe-et-clients-stephane-maltor { width: 114px; height: 114px; background-position: -347px -736px; background-size: 885px 885px; } .sprite-equipe-et-clients-euromaster { width: 130px; height: 33px; background-position: -140px -851px; background-size: 885px 885px; } .sprite-equipe-et-clients-intersport { width: 144px; height: 17px; background-position: -584px -141px; background-size: 885px 885px; } .sprite-equipe-et-clients-tania-aiello { width: 114px; height: 114px; background-position: -576px -159px; background-size: 885px 885px; } .sprite-equipe-et-clients-thomas-codet { width: 114px; height: 114px; background-position: -576px -274px; background-size: 885px 885px; } .sprite-equipe-et-clients-tiphaine-chomaz { width: 114px; height: 114px; background-position: -576px -389px; background-size: 885px 885px; } .sprite-equipe-et-clients--design { width: 98px; height: 67px; background-position: -576px -504px; background-size: 885px 885px; } .sprite-equipe-et-clients-yohann-bianchi { width: 114px; height: 114px; background-position: -581px -572px; background-size: 885px 885px; } .sprite-equipe-et-clients-eloquant { width: 126px; height: 37px; background-position: -581px -687px; background-size: 885px 885px; } .sprite-equipe-et-clients-stgm { width: 114px; height: 31px; background-position: -466px -719px; background-size: 885px 885px; } .sprite-equipe-et-clients-fwa { width: 95px; height: 67px; background-position: -462px -751px; background-size: 885px 885px; } .sprite-equipe-et-clients-arturia { width: 141px; height: 28px; background-position: -581px -725px; background-size: 885px 885px; } .sprite-equipe-et-clients-rossignol { width: 132px; height: 42px; background-position: -558px -754px; background-size: 885px 885px; } .sprite-equipe-et-clients-eider { width: 135px; height: 21px; background-position: -558px -797px; background-size: 885px 885px; } .sprite-equipe-et-clients-quechua { width: 144px; height: 22px; background-position: -462px -819px; background-size: 885px 885px; } .sprite-equipe-et-clients-mypaperbook { width: 144px; height: 16px; background-position: -462px -842px; background-size: 885px 885px; } .sprite-equipe-et-clients-lafuma { width: 127px; height: 25px; background-position: -271px -859px; background-size: 885px 885px; } .sprite-equipe-et-clients-salomon { width: 127px; height: 25px; background-position: -399px -859px; background-size: 885px 885px; } .sprite-equipe-et-clients-soitec { width: 91px; height: 25px; background-position: -527px -859px; background-size: 885px 885px; } .sprite-equipe-et-clients-adeunis { width: 108px; height: 39px; background-position: -607px -819px; background-size: 885px 885px; } .sprite-equipe-et-clients-aepi { width: 55px; height: 89px; background-position: -691px -159px; background-size: 885px 885px; } .sprite-equipe-et-clients-hasbro { width: 71px; height: 75px; background-position: -691px -249px; background-size: 885px 885px; } .sprite-equipe-et-clients-sfr { width: 74px; height: 74px; background-position: -691px -325px; background-size: 885px 885px; } .sprite-equipe-et-clients-max { width: 73px; height: 64px; background-position: -691px -400px; background-size: 885px 885px; } .sprite-equipe-et-clients-kalenji { width: 84px; height: 48px; background-position: -140px -794px; background-size: 885px 885px; } .sprite-equipe-et-clients-allibert-trekking { width: 112px; height: 45px; background-position: -225px -797px; background-size: 885px 885px; } .sprite-equipe-et-clients-catalina { width: 98px; height: 21px; background-position: -619px -859px; background-size: 885px 885px; } .sprite-equipe-et-clients-adidas { width: 74px; height: 52px; background-position: -808px -77px; background-size: 885px 885px; } .sprite-equipe-et-clients-areva { width: 74px; height: 45px; background-position: -691px -465px; background-size: 885px 885px; } .sprite-equipe-et-clients-groupe-samse { width: 97px; height: 58px; background-position: -675px -511px; background-size: 885px 885px; } .sprite-equipe-et-clients-ville-de-grenoble { width: 68px; height: 68px; background-position: -696px -570px; background-size: 885px 885px; } .sprite-equipe-et-clients-poma { width: 118px; height: 37px; background-position: -766px -130px; background-size: 885px 885px; } .sprite-equipe-et-clients-schneider-electric { width: 132px; height: 40px; background-position: -747px -168px; background-size: 885px 885px; } .sprite-equipe-et-clients-transdev { width: 133px; height: 34px; background-position: -747px -209px; background-size: 885px 885px; } .sprite-equipe-et-clients-airria { width: 116px; height: 30px; background-position: -763px -244px; background-size: 885px 885px; } .sprite-equipe-et-clients-maped { width: 97px; height: 49px; background-position: -763px -275px; background-size: 885px 885px; } .sprite-equipe-et-clients-diagral { width: 94px; height: 37px; background-position: -766px -325px; background-size: 885px 885px; } .sprite-equipe-et-clients-arkea { width: 111px; height: 32px; background-position: -766px -363px; background-size: 885px 885px; } .sprite-equipe-et-clients-alpina-savoie { width: 115px; height: 30px; background-position: -766px -396px; background-size: 885px 885px; } .sprite-equipe-et-clients-aviva { width: 113px; height: 27px; background-position: -765px -427px; background-size: 885px 885px; } .sprite-equipe-et-clients-botanic { width: 106px; height: 28px; background-position: -766px -455px; background-size: 885px 885px; } .sprite-equipe-et-clients-decathlon { width: 105px; height: 18px; background-position: -766px -484px; background-size: 885px 885px; } .sprite-equipe-et-clients-esrf { width: 61px; height: 68px; background-position: -773px -503px; background-size: 885px 885px; } .sprite-equipe-et-clients-virgin-mobile { width: 54px; height: 66px; background-position: -765px -572px; background-size: 885px 885px; } .sprite-equipe-et-clients-monsieur-store { width: 134px; height: 18px; background-position: -696px -639px; background-size: 885px 885px; } .sprite-equipe-et-clients-moissonier { width: 137px; height: 15px; background-position: -696px -658px; background-size: 885px 885px; } .sprite-equipe-et-clients-daitem { width: 88px; height: 38px; background-position: -708px -674px; background-size: 885px 885px; } .sprite-equipe-et-clients-galeries-lafayette { width: 86px; height: 40px; background-position: -723px -713px; background-size: 885px 885px; } .sprite-equipe-et-clients-petzl { width: 84px; height: 41px; background-position: -691px -754px; background-size: 885px 885px; } .sprite-equipe-et-clients-arte { width: 70px; height: 20px; background-position: -694px -796px; background-size: 885px 885px; } .sprite-equipe-et-clients-canson { width: 71px; height: 41px; background-position: -716px -817px; background-size: 885px 885px; } .sprite-equipe-et-clients-edf { width: 36px; height: 49px; background-position: -835px -503px; background-size: 885px 885px; } .sprite-equipe-et-clients-fdj { width: 78px; height: 37px; background-position: -797px -674px; background-size: 885px 885px; } .sprite-equipe-et-clients-macguff { width: 69px; height: 37px; background-position: -810px -712px; background-size: 885px 885px; } .sprite-equipe-et-clients-hp { width: 40px; height: 40px; background-position: -776px -754px; background-size: 885px 885px; } .sprite-equipe-et-clients-millet { width: 63px; height: 39px; background-position: -817px -750px; background-size: 885px 885px; } .sprite-equipe-et-clients-roche { width: 66px; height: 36px; background-position: -817px -790px; background-size: 885px 885px; } .sprite-equipe-et-clients-bd { width: 86px; height: 34px; background-position: -788px -827px; background-size: 885px 885px; } .sprite-lhs-corpo-seed { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); } .sprite-lhs-corpo-noSeed { background-repeat: no-repeat; background-image: url(../../static/sprites/lhs-corpo.png?233?2); } .sprite-lhs-corpo-geometric { width: 700px; height: 700px; background-position: 0px 0px; background-size: 2000px 1024px; } .sprite-lhs-corpo-light { width: 512px; height: 512px; background-position: -702px 0px; background-size: 2000px 1024px; } .sprite-lhs-corpo-la-haute-societe-black { width: 784px; height: 84px; background-position: -1216px 0px; background-size: 2000px 1024px; } .sprite-lhs-corpo-la-haute-societe { width: 784px; height: 84px; background-position: -1216px -86px; background-size: 2000px 1024px; } .sprite-lhs-corpo-aurora-1 { width: 256px; height: 256px; background-position: 0px -702px; background-size: 2000px 1024px; } .sprite-lhs-corpo-aurora-2 { width: 256px; height: 256px; background-position: -1216px -172px; background-size: 2000px 1024px; } .sprite-lhs-corpo-aurora-3 { width: 256px; height: 256px; background-position: -258px -702px; background-size: 2000px 1024px; } .sprite-lhs-corpo-aurora-4 { width: 256px; height: 256px; background-position: -1474px -172px; background-size: 2000px 1024px; } .sprite-lhs-corpo-wave { width: 256px; height: 256px; background-position: -1732px -172px; background-size: 2000px 1024px; } .sprite-lhs-corpo-logo-black { width: 232px; height: 232px; background-position: -702px -514px; background-size: 2000px 1024px; } .sprite-lhs-corpo-logo-white { width: 232px; height: 232px; background-position: -936px -514px; background-size: 2000px 1024px; } .sprite-lhs-corpo-front { width: 176px; height: 176px; background-position: -516px -702px; background-size: 2000px 1024px; } .sprite-lhs-corpo-crown { width: 128px; height: 128px; background-position: -694px -748px; background-size: 2000px 1024px; } .sprite-lhs-corpo-h { width: 128px; height: 128px; background-position: -824px -748px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0001 { width: 110px; height: 110px; background-position: -954px -748px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0002 { width: 110px; height: 110px; background-position: -1066px -748px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-facebook { width: 64px; height: 64px; background-position: 0px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-github { width: 64px; height: 64px; background-position: -66px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-gplus { width: 64px; height: 64px; background-position: -132px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-instagram { width: 64px; height: 64px; background-position: -198px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-link { width: 64px; height: 64px; background-position: -264px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-linkedin { width: 64px; height: 64px; background-position: -330px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-pinterest { width: 64px; height: 64px; background-position: -396px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0003 { width: 110px; height: 110px; background-position: -1216px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0004 { width: 110px; height: 110px; background-position: -1328px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0005 { width: 110px; height: 110px; background-position: -1440px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0006 { width: 110px; height: 110px; background-position: -1552px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0007 { width: 110px; height: 110px; background-position: -1664px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0008 { width: 110px; height: 110px; background-position: -1776px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0009 { width: 110px; height: 110px; background-position: -1888px -430px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0010 { width: 110px; height: 110px; background-position: -516px -880px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0011 { width: 110px; height: 110px; background-position: -1170px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0012 { width: 110px; height: 110px; background-position: -1282px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0013 { width: 110px; height: 110px; background-position: -1394px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0014 { width: 110px; height: 110px; background-position: -1506px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0015 { width: 110px; height: 110px; background-position: -1618px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0016 { width: 110px; height: 110px; background-position: -1730px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0017 { width: 110px; height: 110px; background-position: -1842px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0018 { width: 110px; height: 110px; background-position: -628px -880px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0019 { width: 110px; height: 110px; background-position: -740px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0020 { width: 110px; height: 110px; background-position: -852px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0021 { width: 110px; height: 110px; background-position: -964px -860px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0022 { width: 110px; height: 110px; background-position: -1076px -860px; background-size: 2000px 1024px; } .sprite-lhs-corpo-marker { width: 42px; height: 64px; background-position: -462px -960px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-soundcloud { width: 64px; height: 64px; background-position: -1170px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0023 { width: 110px; height: 110px; background-position: -1236px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0024 { width: 110px; height: 110px; background-position: -1348px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0025 { width: 110px; height: 110px; background-position: -1460px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0026 { width: 110px; height: 110px; background-position: -1572px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0027 { width: 110px; height: 110px; background-position: -1684px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0028 { width: 110px; height: 110px; background-position: -1796px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-steam { width: 64px; height: 64px; background-position: -1908px -654px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-twitter { width: 64px; height: 64px; background-position: -1908px -720px; background-size: 2000px 1024px; } .sprite-lhs-corpo-phone { width: 38px; height: 64px; background-position: -1954px -542px; background-size: 2000px 1024px; } .sprite-lhs-corpo-pause { width: 32px; height: 32px; background-position: -506px -992px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play { width: 32px; height: 32px; background-position: -540px -992px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0029 { width: 110px; height: 110px; background-position: -1188px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0030 { width: 110px; height: 110px; background-position: -1300px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0031 { width: 110px; height: 110px; background-position: -1412px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0032 { width: 110px; height: 110px; background-position: -1524px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0033 { width: 110px; height: 110px; background-position: -1636px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0034 { width: 110px; height: 110px; background-position: -1748px -766px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0035 { width: 110px; height: 110px; background-position: -1188px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0036 { width: 110px; height: 110px; background-position: -1300px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0037 { width: 110px; height: 110px; background-position: -1412px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0038 { width: 110px; height: 110px; background-position: -1524px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0039 { width: 110px; height: 110px; background-position: -1636px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-play-animation0040 { width: 110px; height: 110px; background-position: -1748px -878px; background-size: 2000px 1024px; } .sprite-lhs-corpo-logo-black-mini { width: 104px; height: 104px; background-position: -1860px -786px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-vimeo { width: 64px; height: 64px; background-position: -1860px -892px; background-size: 2000px 1024px; } .sprite-lhs-corpo-social-vine { width: 64px; height: 64px; background-position: -1926px -892px; background-size: 2000px 1024px; } .sprite-lhs-corpo-video-close { width: 50px; height: 50px; background-position: -1860px -958px; background-size: 2000px 1024px; } .sprite-lhs-corpo-icon-minus { width: 27px; height: 27px; background-position: -1954px -608px; background-size: 2000px 1024px; } .sprite-lhs-corpo-icon-plus { width: 27px; height: 27px; background-position: -574px -992px; background-size: 2000px 1024px; } .sprite-lhs-corpo-close-x { width: 20px; height: 20px; background-position: -1170px -514px; background-size: 2000px 1024px; } .sprite-lhs-corpo-mini-arrow-left { width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } .sprite-lhs-corpo-mini-arrow-right { width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } .sprite-lhs-corpo-particle { width: 16px; height: 16px; background-position: -1860px -766px; background-size: 2000px 1024px; } /* .custoSelector { background: @sprite-lhs-corpo-smartKey; } */ s-award-block[s-component] { display: block; position: relative; width: 200px; height: 150px; text-align: center; line-height: 150px; -webkit-animation: goldAnimation 4.5s infinite; animation: goldAnimation 4.5s infinite; /** * Décaller chaque animation selon l'index de l'élément * Va générer des sélecteurs nth-of-type jusqu'à l'index spécifié * @param index Le nombre d'éléments pris en charge * @param stagger Le décallage à ajouter sur chaque index */ } .login { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; /* background: #000; */ font-family: consolas; margin-top: 150px; } .login_from { position: relative; width: 400px; min-height: 230px; background: rgba(255,255,255,0.05); box-shadow: 0 5px 15px rgba(0,0,0,1); } .login_from:before { content:''; position: absolute; top: 0; left: 0; width: 50%; height:100%; background: rgba(255,255,255,0.1); pointer-events: none; } .login_from:after { content:''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; background: linear-gradient(45deg,#ff0047,#6eff00); pointer-events: none; animation: animate 10s linear infinite; } @keyframes animate { 0% { filter:blur(40px) hue-rotate(0deg); } 100% { filter:blur(40px) hue-rotate(360deg); } } .form { position: absolute; width: 100%; height:100%; padding:25px; box-sizing: border-box; z-index: 1; } .form h2 { margin: 0; padding:0; color:#fff; font-size: 24px; } .form .inputBox { width: 100%; margin-top: 15px; } .form .inputBox input { width: 100%; background: transparent; border: none; outline: none; font-size: 18px; color: #fff; padding: 5px 0; font-family: consolas; } ::placeholder { color: rgba(238, 238, 238, 0.452); } .form .inputBox input[type="submit"] { background: #fff; color:#000; font-weight: 900; max-width: 100px; } .form p { color: #eee; } .form p { color: #eee; } s-award-block[s-component] .AwardBlock_award { display: inline-block; vertical-align: middle; cursor: pointer; text-decoration: none; background-repeat: no-repeat; background-image: url(../static/sprites/equipe-et-clients.png?3968105328390368074229079350612993077876700972840970075042); } s-award-block[s-component]:nth-of-type(6) { -webkit-animation-delay: 12s; animation-delay: 12s; } s-award-block[s-component]:nth-of-type(5) { -webkit-animation-delay: 10s; animation-delay: 10s; } s-award-block[s-component]:nth-of-type(4) { -webkit-animation-delay: 8s; animation-delay: 8s; } s-award-block[s-component]:nth-of-type(3) { -webkit-animation-delay: 6s; animation-delay: 6s; } s-award-block[s-component]:nth-of-type(2) { -webkit-animation-delay: 4s; animation-delay: 4s; } s-award-block[s-component]:nth-of-type(1) { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes goldAnimation { 0% { -webkit-filter: brightness(1); filter: brightness(1); } 50% { -webkit-filter: brightness(1.7); filter: brightness(1.7); } 100% { -webkit-filter: brightness(1); filter: brightness(1); } } @keyframes goldAnimation { 0% { -webkit-filter: brightness(1); filter: brightness(1); } 50% { -webkit-filter: brightness(1.7); filter: brightness(1.7); } 100% { -webkit-filter: brightness(1); filter: brightness(1); } } s-background[s-component][s-ns="lhsCorpo"] { display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; } s-background[s-component][s-ns="lhsCorpo"] s-video-player[s-component], s-background[s-component][s-ns="lhsCorpo"] s-abstract-triangles[s-element], s-background[s-component][s-ns="lhsCorpo"] s-agence-experience[s-element], s-background[s-component][s-ns="lhsCorpo"] s-vision-experience[s-element] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-background[s-component][s-ns="lhsCorpo"] .BackgroundComponent_trame { visibility: hidden; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-client-block[s-component] { display: block; width: 200px; height: 150px; text-align: center; line-height: 150px; } s-client-block[s-component] .ClientBlockComponent_logo { background-repeat: no-repeat; background-image: url(../static/sprites/equipe-et-clients.png?3968105328390368074229079350612993077876700972840970075042); display: inline-block; vertical-align: middle; } s-collapse-menu[s-component] .CollapseMenu_item_head { cursor: pointer; } s-collapse-menu[s-component] .CollapseMenu_item_content { overflow: hidden; } s-contact-footer[s-component], .ContactFooterComponent { height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } s-contact-footer[s-component] .ContactFooter_addresses, .ContactFooterComponent .ContactFooter_addresses { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; margin-left: -30px; position: absolute; bottom: 90px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } s-contact-footer[s-component] .ContactFooter_address, .ContactFooterComponent .ContactFooter_address { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; line-height: 24px; color: #cccccc; letter-spacing: 0.1em; text-transform: uppercase; } s-contact-footer[s-component] .ContactFooter_address a, .ContactFooterComponent .ContactFooter_address a { text-decoration: none; color: #cccccc; } s-contact-footer[s-component] .ContactFooter_address-left, .ContactFooterComponent .ContactFooter_address-left { text-align: right; padding-right: 40px; } s-contact-footer[s-component] .ContactFooter_address-right, .ContactFooterComponent .ContactFooter_address-right { text-align: left; padding-left: 40px; } s-contact-footer[s-component] .ContactFooter_part, .ContactFooterComponent .ContactFooter_part { display: block; position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -30px; color: white; line-height: 58px; } s-contact-footer[s-component] .ContactFooter_part > a, .ContactFooterComponent .ContactFooter_part > a { text-decoration: none; } s-contact-footer[s-component] .ContactFooter_part > a:hover, .ContactFooterComponent .ContactFooter_part > a:hover { text-decoration: underline; } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_part_title, .ContactFooterComponent .ContactFooter_part .ContactFooter_part_title { display: inline-block; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; text-transform: uppercase; vertical-align: middle; color: #cccccc; letter-spacing: 1px; margin: 0 10px; -webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_socialContainer, .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer { cursor: default; padding-top: 5px; margin: 0 auto; } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_socialContainer .ContactFooter_social, .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer .ContactFooter_social { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); display: inline-block; margin: -8px -8px -8px -8px; -webkit-transform: scale(0.5); transform: scale(0.5); } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_socialContainer a, .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer a { cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_socialContainer a:hover, .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer a:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } s-contact-footer[s-component] .ContactFooter_part .ContactFooter_socialContainer .ContactFooter_social_blog, .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer .ContactFooter_social_blog { display: inline-block; height: 22px; margin-top: -2px; margin-left: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; color: #bdbdbd; font-size: 12px; text-transform: uppercase; text-decoration: none; vertical-align: top; letter-spacing: 1px; } s-contact-popup[s-component], .ContactPopupComponent { position: absolute; z-index: 100; line-height: 1; text-align: left; background-color: #32333a; border-radius: 3px; opacity: 0; } s-contact-popup[s-component] .ContactPopupComponent_window, .ContactPopupComponent .ContactPopupComponent_window { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #32333a; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); } s-contact-popup[s-component] .ContactPopupComponent_inner, .ContactPopupComponent .ContactPopupComponent_inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; padding: 34px 30px 30px 30px; width: 360px; height: 420px; } s-contact-popup[s-component] .ContactPopupComponent_close, .ContactPopupComponent .ContactPopupComponent_close { position: relative; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); width: 10px; height: 10px; background-position: -585px -257px; background-size: 1000px 512px; cursor: pointer; } s-contact-popup[s-component] .ContactPopupComponent_close:before, .ContactPopupComponent .ContactPopupComponent_close:before { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; background: rgba(0, 0, 0, 0); } s-contact-popup[s-component] .ContactPopupComponent_title, .ContactPopupComponent .ContactPopupComponent_title { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 20px; line-height: 30px; color: white; -webkit-font-smoothing: antialiased; letter-spacing: -0.5px; } s-contact-popup[s-component] .ContactPopupComponent_input, .ContactPopupComponent .ContactPopupComponent_input, s-contact-popup[s-component] .ContactPopupComponent_textarea, .ContactPopupComponent .ContactPopupComponent_textarea { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: white; padding: 14px 20px; background-color: #2c2c32; border: none; outline-style: none; box-shadow: none; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; } s-contact-popup[s-component] .ContactPopupComponent_input:focus, .ContactPopupComponent .ContactPopupComponent_input:focus, s-contact-popup[s-component] .ContactPopupComponent_textarea:focus, .ContactPopupComponent .ContactPopupComponent_textarea:focus { background-color: #1b1b21; } s-contact-popup[s-component] .ContactPopupComponent_fatButton, .ContactPopupComponent .ContactPopupComponent_fatButton { display: block; width: 100%; height: 60px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; text-align: center; color: #e65e5a; text-transform: uppercase; border: none; cursor: pointer; outline-style: none; box-shadow: none; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; background: rgba(255, 255, 255, 0); } s-contact-popup[s-component] .ContactPopupComponent_fatButton:hover, .ContactPopupComponent .ContactPopupComponent_fatButton:hover, s-contact-popup[s-component] .ContactPopupComponent_fatButton:focus, .ContactPopupComponent .ContactPopupComponent_fatButton:focus { background-color: rgba(255, 255, 255, 0.1); } s-contact-popup[s-component] .ContactPopupComponent_status, .ContactPopupComponent .ContactPopupComponent_status { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 14px; line-height: 1.4; position: absolute; top: 42%; left: 0; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; color: white; overflow: hidden; height: 0; } s-contact-popup[s-component] .ContactPopupComponent_status-error, .ContactPopupComponent .ContactPopupComponent_status-error { position: relative; display: inline-block; -webkit-transform: none; transform: none; top: 0; text-align: left; color: #e65e5a; } s-contact-popup[s-component] .ContactPopupComponent_email, .ContactPopupComponent .ContactPopupComponent_email, s-contact-popup[s-component] .ContactPopupComponent_email > a, .ContactPopupComponent .ContactPopupComponent_email > a { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 14px; line-height: 1.4; color: #a6a6ab; } s-contact-popup[s-component] .ContactPopupComponent_email, .ContactPopupComponent .ContactPopupComponent_email, s-contact-popup[s-component] .ContactPopupComponent_status, .ContactPopupComponent .ContactPopupComponent_status { display: block; } s-contact-popup[s-component] .ContactPopupComponent_close, .ContactPopupComponent .ContactPopupComponent_close { position: absolute; top: 42px; right: 30px; bottom: auto; left: auto; } s-contact-popup[s-component] .ContactPopupComponent_title, .ContactPopupComponent .ContactPopupComponent_title { margin-bottom: 15px; } s-contact-popup[s-component] .ContactPopupComponent_input, .ContactPopupComponent .ContactPopupComponent_input, s-contact-popup[s-component] .ContactPopupComponent_textarea, .ContactPopupComponent .ContactPopupComponent_textarea { width: 100%; } s-contact-popup[s-component] .ContactPopupComponent_fatButton, .ContactPopupComponent .ContactPopupComponent_fatButton { margin-top: 15px; } s-contact-popup[s-component] .ContactPopupComponent_status, .ContactPopupComponent .ContactPopupComponent_status { margin-top: 10px; } s-contact-popup[s-component] .ContactPopupComponent_email, .ContactPopupComponent .ContactPopupComponent_email { margin-top: 6px; } s-contact-popup[s-component] s-preloader[s-element], .ContactPopupComponent s-preloader[s-element] { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; opacity: 0; visibility: hidden; } s-contact-us-footer[s-component] { display: block; width: 100%; height: 224px; line-height: 224px; text-align: center; background-color: white; color: #444444; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } s-contact-us-footer[s-component] .ContactUsFooter_title { display: inline-block; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; -webkit-font-smoothing: antialiased; } s-contact-us-footer[s-component] .ContactUsFooter_button { vertical-align: middle; display: inline-block; margin-top: -14px; margin-left: 30px; } s-contact-us-footer[s-component].ContactUsFooter-hover { background-color: #333; color: white; } @media (max-width: 840px) { s-contact-us-footer[s-component] { line-height: 88px; padding-top: 18px; } s-contact-us-footer[s-component] .ContactUsFooter_button { margin-top: 0; margin-left: 0; } s-contact-us-footer[s-component] .ContactUsFooter_title { display: block; } } @media (max-width: 620px) { s-contact-us-footer[s-component] { line-height: 224px; padding-top: 0; } s-contact-us-footer[s-component] .ContactUsFooter_title { display: none; } } s-etude-de-cas[s-component] { position: relative; display: inline-block; width: 100%; height: 100%; background-color: #888888; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; background-size: cover; background-position: top center; } s-etude-de-cas[s-component] .EtudeDeCasComponent_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; background-size: cover; background-position: top center; } s-etude-de-cas[s-component] .EtudeDeCasComponent_clients { background-color: red; width: 100%; margin: 0 auto; padding: 0 10%; text-align: center; color: white; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 20px; line-height: 40px; text-transform: uppercase; letter-spacing: 3px; margin-top: 24px; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer { position: absolute; top: 20%; right: 0; bottom: auto; left: 0; text-align: center; height: auto; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(1), s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(2), s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(3) { display: block; width: 100%; margin: 0 auto; padding: 0 10%; text-align: center; color: white; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(1) { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 20px; line-height: 40px; text-transform: uppercase; letter-spacing: 3px; margin-top: 24px; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(2) { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 100; font-size: 20px; line-height: 30px; margin-top: 10px; padding: 0 5%; letter-spacing: 1px; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(3) { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 60px; line-height: 70px; padding: 0 90px; display: none; opacity: 0; margin-top: 24px; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer s-border-button[s-element] { margin-top: 40px; } @media screen and (max-width: 1600px) { s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer span:nth-child(3) { font-size: 50px; line-height: 60px; margin-top: 20px; } } @media screen and (max-width: 1200px), (max-height: 750px) { s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer span:nth-child(3) { font-size: 30px; line-height: 40px; margin-top: 0; } } @media screen and (max-width: 800px), (max-height: 600px) { s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer span:nth-child(3) { font-size: 24px; line-height: 30px; margin-top: -20px; } } @media screen and (max-width: 600px), (max-height: 550px) { s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer EtudesDeCas_interfaceContainer span:nth-child(1) { font-size: 14px !important; top: 30px; } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer span:nth-child(3) { display: none !important; } } s-etude-de-cas[s-component] .EtudeDeCasComponent_contentContainer > span:nth-child(2) { font-weight: 300; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoContainer { width: 10000px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoContent { width: 10000px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideo_slide { display: inline-block; vertical-align: top; margin-right: 71px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideo_slide-current { -webkit-transform: scale(1); transform: scale(1); } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls { width: 236px; height: 46px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_button { width: 46px; height: 46px; border-radius: 50%; border: 1px solid black; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_play { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin-top: 1px; margin-left: 1px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 11px solid black; opacity: 0; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_pause { width: 8px; height: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 0; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_pause:before, s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_pause:after { content: ""; display: inline-block; width: 2px; height: 16px; background-color: black; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselVideoControls_pause:after { margin-left: 3px; } s-etude-de-cas-carousel-video[s-component] s-arrow-button { display: inline-block; vertical-align: middle; cursor: pointer; margin-top: -5px; width: initial; } s-etude-de-cas-carousel-video[s-component] s-arrow-button[direction='right'] { position: absolute; top: 0; right: 0; } s-etude-de-cas-carousel-video[s-component] s-arrow-button .ArrowElement_arrowPart { background-color: #9a9a9a !important; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselTextContainer { width: 470px; margin-left: 490px; font-size: 0; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselStepNumber { display: inline-block; vertical-align: bottom; font-family: CaslonTwoTwentyFour-Bold; font-weight: bold; opacity: .4; color: #93745d; font-size: 150px; line-height: 138px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselStepNumberContainer { display: inline-block; vertical-align: bottom; height: 138px; overflow: hidden; position: relative; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselStepNumberContainer .EtudeDeCas_carouselStepNumber { display: block; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselFinalCount { display: inline-block; vertical-align: bottom; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 60px; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselTextContent { width: 470px; height: 400px; position: relative; overflow: hidden; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselText { display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; } s-etude-de-cas-carousel-video[s-component] .EtudeDeCas_carouselText:not(:first-child) { -webkit-transform: translateX(100%); transform: translateX(100%); margin-top: 0; } s-etude-de-cas-footer[s-component] { display: block; width: 100%; height: 282px; overflow: hidden; position: relative; background-image: url("../static/sprites/etudes-footer.jpg"); background-position: center center; } s-etude-de-cas-footer[s-component] .EtudeDeCasFooter_logo { -moz-box-sizing: content-box; box-sizing: content-box; padding: 1px; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); width: 78.88px; height: 78.88px; background-position: -238.68px -174.76px; background-size: 680px 348.16px; margin: 60px auto 0 auto; } s-etude-de-cas-footer[s-component] .EtudeDeCasFooter_title { -moz-box-sizing: content-box; box-sizing: content-box; padding: 2px; display: block; overflow: hidden; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 235.2px; height: 25.2px; background-position: -364.8px -25.8px; background-size: 600px 307.2px; text-indent: -800px; text-align: left; margin: 25px auto 0 auto; } s-etude-de-cas-footer[s-component] .EtudeDeCasFooter_subTitle { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: #e65e5a; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; text-align: center; margin-top: 15px; } s-etude-de-cas-footer[s-component] s-back-to-top-button[s-element] { position: absolute; top: 100px; right: 60px; bottom: auto; left: auto; } @media (max-width: 800px) { s-etude-de-cas-footer[s-component] s-back-to-top-button[s-element] .BackToTopButton_text { display: none; } } @media (max-width: 600px) { s-etude-de-cas-footer[s-component] s-back-to-top-button[s-element] { display: none; } } s-etude-de-cas-navigation[s-component] { display: block; position: relative; height: 112px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_fatButton { display: block; position: absolute; top: 0; right: auto; bottom: 0; left: auto; color: #ffffff; line-height: 110px; background-color: rgba(255, 255, 255, 0); cursor: pointer; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_prevButton, s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_rightButton { width: -webkit-calc(50% - 145px ); width: calc(50% - 145px ); } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_prevButton { position: absolute; top: 0; right: auto; bottom: 0; left: 0; text-align: right; padding-right: 30px; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_middleButton { position: absolute; top: 0; right: auto; bottom: 0; left: 50%; margin-left: -145px; width: 290px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5); } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_rightButton { position: absolute; top: 0; right: 0; bottom: 0; left: auto; text-align: left; padding-left: 30px; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_fatButton_title { display: inline-block; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; text-transform: uppercase; vertical-align: middle; margin: 0 10px; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_fatButton_icon { display: inline-block; vertical-align: middle; } s-etude-de-cas-navigation[s-component].EtudeDeCasNavigation-footer { border-top: 1px solid #cccccc; } s-etude-de-cas-navigation[s-component].EtudeDeCasNavigation-footer .EtudeDeCasNavigationComponent_fatButton { color: #999999; } s-etude-de-cas-navigation[s-component].EtudeDeCasNavigation-footer .EtudeDeCasNavigationComponent_middleButton { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } @media (max-width: 660px) { s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_fatButton_title { display: none; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_middleButton { margin-left: -75px; width: 150px; } s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_prevButton, s-etude-de-cas-navigation[s-component] .EtudeDeCasNavigationComponent_rightButton { width: -webkit-calc(50% - 75px ); width: calc(50% - 75px ); } } s-ganache-block[s-component] { display: block; position: relative; width: 200px; height: 150px; } s-ganache-block[s-component] .GanacheBlock_ganache { position: absolute; top: 50%; left: 50%; width: 112px; height: 112px; margin-left: -56px; margin-top: -56px; background-repeat: no-repeat; background-image: url(../static/sprites/equipe-et-clients.png?3968105328390368074229079350612993077876700972840970075042); -moz-box-sizing: content-box; box-sizing: content-box; padding-right: 2px; padding-bottom: 2px; } s-ganache-popin[s-component] { display: block; width: 600px; height: 300px; background-color: #34373f; -o-box-shadow: 3px 3px 6px 0px #222222; box-shadow: 3px 3px 6px 0px #222222; filter: progid:DXImageTransform.Microsoft.Shadow(color=#222222, Direction=135, Strength=6); } s-ganache-popin[s-component] .GanachePopin_squareBlock { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 300px; } s-ganache-popin[s-component] .GanachePopin_vine { background-color: #3e4048; } s-ganache-popin[s-component] .GanachePopin_vine > iframe { visibility: hidden; opacity: 0; width: 300px; height: 300px; } s-ganache-popin[s-component] .GanachePopin_info { text-align: center; } s-ganache-popin[s-component] .GanachePopin_info s-ganache-block[s-component] { position: relative; display: block; margin: 15px auto 0 auto; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_info_name { display: block; margin-top: 7px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; color: #cccccc; text-transform: uppercase; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_info_occupation { display: block; margin-top: 3px; font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 13px; color: #999999; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_info_since { display: block; margin-top: 3px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 12px; color: #bdbdbd; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_socialContainer { display: block; position: absolute; top: auto; right: 0; bottom: 3px; left: 0; height: auto; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_socialContainer .GanachePopin_socialContainer_social { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; margin: -11px -11px -11px -11px; -webkit-transform: scale(0.5); transform: scale(0.5); cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } s-ganache-popin[s-component] .GanachePopin_info .GanachePopin_socialContainer .GanachePopin_socialContainer_social:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } s-ganache-popin[s-component].GanachePopin-left .GanachePopin_vine { left: 0; } s-ganache-popin[s-component].GanachePopin-left .GanachePopin_info { right: 0; } s-ganache-popin[s-component].GanachePopin-right .GanachePopin_vine { right: 0; } s-ganache-popin[s-component].GanachePopin-right .GanachePopin_info { left: 0; } s-ganache-popin[s-component].GanachePopin-small { width: 300px; } s-ganache-popin[s-component].GanachePopin-small .GanachePopin_vine { display: none; } s-ganache-popin[s-component].GanachePopin-small .GanachePopin_info { left: 0; } s-indicator[s-component] { cursor: default; position: absolute; top: 50%; left: 0; width: 100%; height: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } s-indicator[s-component] .Indicator_prev, s-indicator[s-component] .Indicator_next { display: block; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; position: absolute; background-color: transparent; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); } s-indicator[s-component] .Indicator_prev:before, s-indicator[s-component] .Indicator_next:before { content: ''; display: block; position: absolute; top: -30px; right: -20px; bottom: -30px; left: -20px; background: transparent; } s-indicator[s-component] .Indicator_prev { left: -40px; width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } s-indicator[s-component] .Indicator_next { right: -40px; width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } s-indicator[s-component] .Indicator_dot { width: 10px; height: 10px; display: inline-block; margin: 0 4px; vertical-align: middle; background-color: #ccc; cursor: pointer; display: none; } s-indicator[s-component] .Indicator_dot-selected { background-color: #000; } s-menu[s-component][s-ns="lhsCorpo"] { position: absolute; top: 0; right: -90px; bottom: 0; left: auto; width: 50px; display: none !important; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_lhsLogo { display: none; position: absolute; top: 30px; left: 40px; position: fixed; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 52px; height: 52px; background-position: -930px -393px; background-size: 1000px 512px; -moz-box-sizing: content-box; box-sizing: content-box; padding-bottom: 1px; padding-right: 1px; cursor: pointer; } s-menu[s-component][s-ns="lhsCorpo"].MenuComponent-border s-menu-button[s-element]:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } s-menu[s-component][s-ns="lhsCorpo"].MenuComponent-collapsed:not(.MenuComponent-opened) { height: 90px; bottom: auto; } s-menu[s-component][s-ns="lhsCorpo"] s-menu-button[s-element] { position: absolute; top: 24px; right: 4px; bottom: auto; left: auto; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_overlay { width: 100%; height: 100%; background-color: #292b30; display: none; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_left { position: absolute; top: 0; right: 60%; bottom: 0; left: 0; display: none; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_left > s-menu-contact[s-element] { width: 100%; height: 400px; position: absolute; top: 45%; left: 0; margin-top: -200px; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right { position: absolute; top: 0; right: -20px; bottom: 0; left: 40%; display: none; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_background { width: 100%; height: 100%; background-color: #3e4048; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_background AbstractMenu[s-element] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_hoverBackground { position: absolute; top: 60px; right: 0; bottom: auto; left: 0; height: 0; background-image: url('../static/sprites/menu-hover-background.png'); background-repeat: repeat; background-size: 4px 8px; opacity: .5; -webkit-animation: hoverScrolling 5s; animation: hoverScrolling 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes hoverScrolling { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } @keyframes hoverScrolling { 0% { background-position: 0 0; } 100% { background-position: 32px 0; } } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_selectedDot { display: block; width: 7px; height: 7px; background-color: #e65e5a; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); position: absolute; top: 0; left: 0; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_itemsContainer { position: absolute; top: 60px; right: 0; bottom: 60px; left: 0; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_itemsContainer .MenuComponent_item { font-family: CaslonTwoTwentyFour-Bold; font-weight: bold; font-weight: normal; color: #a1a3a9; font-size: 7.5vh; height: 9.25vh; line-height: 9.25vh; padding-top: 2px; white-space: nowrap; text-decoration: none; display: block; padding-left: 6vh; cursor: pointer; -webkit-transition: color 100ms ease-in-out; transition: color 100ms ease-in-out; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_itemsContainer .MenuComponent_item:hover { color: white; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_itemsContainer .MenuComponent_item.MenuComponent_item-selected { color: white; } s-menu[s-component][s-ns="lhsCorpo"] > .MenuComponent_folio { position: absolute; top: 50%; right: -80px; bottom: auto; left: auto; width: 50px; padding-bottom: 14px; display: none; } s-menu[s-component][s-ns="lhsCorpo"] > .MenuComponent_folio .MenuComponent_folioLine { display: none; position: absolute; top: 26px; left: 21px; width: 1px; height: 1px; background-color: #e65e5a; } s-menu[s-component][s-ns="lhsCorpo"] > .MenuComponent_folio s-menu[s-element] { margin-left: 10px; margin-top: 14px; } s-menu[s-component][s-ns="lhsCorpo"].MenuComponent-opened { left: 0; width: auto; } s-menu[s-component][s-ns="lhsCorpo"].MenuComponent-opened .MenuComponent_left, s-menu[s-component][s-ns="lhsCorpo"].MenuComponent-opened .MenuComponent_right { display: block; } @media screen and (max-width: 920px), screen and (max-height: 450px) { s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_folio { right: -200px; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_overlay { pointer-events: none; } s-menu[s-component][s-ns="lhsCorpo"]:not(.MenuComponent-opened) { height: 90px; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_lhsLogo { position: absolute; top: 18px; left: 18px; position: fixed; } } @media screen and (max-width: 920px), screen and (max-height: 450px) { s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_left { right: 0; display: none !important; } s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right { left: 0; } } @media screen and (max-width: 530px), screen and (max-height: 720px) { s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_selectedDot { width: 4px; height: 4px; } } @media screen and (max-width: 319px), screen and (max-height: 450px) { s-menu[s-component][s-ns="lhsCorpo"] .MenuComponent_right .MenuComponent_selectedDot { width: 2px; height: 2px; } } html.ie s-menu[s-component] .MenuComponent_right .MenuComponent_hoverBackground { -webkit-animation-play-state: paused; animation-play-state: paused; } s-pages-container[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; } s-pages-container[s-component] > *[s-view] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-slideshow[s-component] { position: relative; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; } s-slideshow[s-component] .Slideshow_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } s-slideshow[s-component] .Slideshow_slide { position: absolute; width: 100%; height: 100%; } .SlideshowVideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SlideshowVideo .EtudeDeCas_centeredBloc { position: relative; height: 503px; } .SlideshowVideo_quote { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: 'Lato', sans-serif; font-weight: 200; max-width: 700px; text-align: center; color: white; margin: 0 auto; opacity: 0; } .SlideshowVideo_quote span { display: block; font-size: 60px; } .SlideshowVideo_quote1 { font-size: 130px; line-height: 100px; } .SlideshowVideo_quote1 span { font-size: 60px; } .SlideshowVideo_quote2 { font-size: 80px; line-height: 80px; } .SlideshowVideo_quote2 span { font-size: 30px; } .SlideshowVideo_quote3 { font-size: 130px; line-height: 150px; } .SlideshowVideo_quote3 span { font-size: 30px; line-height: 30px; } .SlideshowVideo-visible { -webkit-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); opacity: 1; } .Video:after { display: none; opacity: 0; content: ""; width: 70px; height: 70px; background: url('../static/sprites/pause.png'); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; cursor: pointer; } .Video-controls:after { display: block; } .Video-paused:after { opacity: 1; } s-arrow[s-element] { position: relative; width: 50px; height: 50px; } s-arrow[s-element] .ArrowElement_arrowPart { display: block; height: 1px; background-color: white; position: absolute; top: 50%; right: 10px; bottom: auto; left: auto; } s-arrow-button[s-element] { position: relative; width: 200px; height: 64px; cursor: pointer; } s-arrow-button[s-element] .ArrowButton_container { width: 100%; height: 100%; max-width: 200px; margin: 0 auto; } s-arrow-button[s-element] .ArrowButton_container s-arrow[s-element] { position: absolute; } s-arrow-button[s-element] .ArrowButton_container .ArrowButton_text { position: absolute; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; color: #cccccc; text-transform: uppercase; text-align: center; letter-spacing: 1px; } s-arrow-button[s-element][direction="up"], s-arrow-button[s-element][direction="down"], s-arrow-button[s-element][fat] { margin-left: -100px; } s-arrow-button[s-element][direction="up"] s-arrow[s-element], s-arrow-button[s-element][direction="down"] s-arrow[s-element], s-arrow-button[s-element][fat] s-arrow[s-element] { left: 50%; margin-left: -25px; } s-arrow-button[s-element][direction="up"] .ArrowButton_text, s-arrow-button[s-element][direction="down"] .ArrowButton_text, s-arrow-button[s-element][fat] .ArrowButton_text { left: 0; right: 0; } s-arrow-button[s-element][direction="left"], s-arrow-button[s-element][direction="right"] { margin-top: -32px; } s-arrow-button[s-element][direction="left"] s-arrow[s-element], s-arrow-button[s-element][direction="right"] s-arrow[s-element] { top: 50%; margin-top: -25px; } s-arrow-button[s-element][direction="left"] .ArrowButton_text, s-arrow-button[s-element][direction="right"] .ArrowButton_text { top: 50%; left: 0; right: 0; margin-top: -9px; } s-arrow-button[s-element][direction="up"] s-arrow[s-element] { top: 0; } s-arrow-button[s-element][direction="up"] .ArrowButton_text { bottom: 0; } s-arrow-button[s-element][direction="down"] s-arrow[s-element] { bottom: 0; } s-arrow-button[s-element][direction="down"] .ArrowButton_text { top: 0; } s-arrow-button[s-element][direction="left"] s-arrow[s-element] { left: 0; } s-arrow-button[s-element][direction="left"] .ArrowButton_text { text-align: left; left: 50px; } s-arrow-button[s-element][direction="right"] s-arrow[s-element] { right: 0; } s-arrow-button[s-element][direction="right"] .ArrowButton_text { text-align: right; right: 50px; } s-arrow-button[s-element][fat] { display: block; width: 100%; height: 90px; margin-left: 0; background-color: rgba(46, 48, 56, 0.45); border-top: 1px solid rgba(255, 255, 255, 0.13); -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } s-arrow-button[s-element][fat] s-arrow[s-element] { bottom: 12px; } s-arrow-button[s-element][fat] .ArrowButton_text { top: 18px; color: white; } s-arrow-button[s-element][fat]:hover { background-color: #e65e5a; } s-back-to-top-button[s-element] { width: 200px; height: 100px; position: relative; cursor: pointer; } s-back-to-top-button[s-element] .BackToTopButton_background, s-back-to-top-button[s-element] .BackToTopButton_border { position: absolute; top: 10px; left: 75%; width: 50px; height: 50px; margin-left: -25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } s-back-to-top-button[s-element] .BackToTopButton_border { border: 1px solid #9a9a9a; } s-back-to-top-button[s-element] s-arrow[s-element] { width: 50px; height: 50px; position: absolute; top: 10px; left: 75%; margin-left: -25px; } s-back-to-top-button[s-element] .BackToTopButton_text { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; color: #999999; position: absolute; top: 50%; right: auto; bottom: auto; left: 14px; text-align: center; text-transform: uppercase; margin-top: -23px; letter-spacing: 1px; } s-border-button[s-element], a.BorderButtonElement { display: inline-block; width: auto; height: 60px; padding: 21px 32px; line-height: 15px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 3px; overflow: hidden; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; color: #cccccc; font-size: 11px; text-transform: uppercase; text-decoration: none; text-align: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; } s-border-button[s-element].BorderButtonElement-bright, a.BorderButtonElement.BorderButtonElement-bright { color: white; } s-border-button[s-element]:hover, a.BorderButtonElement:hover { color: black; background-color: white; border: 1px solid rgba(255, 255, 255, 0); } s-border-button[s-element].BorderButtonElement-whiteBackground, a.BorderButtonElement.BorderButtonElement-whiteBackground { border: 1px solid #7a7a7a; color: #7a7a7a; text-shadow: none; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-weight: normal; } s-border-button[s-element].BorderButtonElement-whiteBackground:hover, a.BorderButtonElement.BorderButtonElement-whiteBackground:hover { background-color: #7a7a7a; color: white; } s-border-button[s-element].BorderButtonElement-primaryBackground, a.BorderButtonElement.BorderButtonElement-primaryBackground { border: 0; background-color: #e65e5a; color: white; text-shadow: none; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-weight: normal; } s-border-button[s-element].BorderButtonElement-primaryBackground:hover, a.BorderButtonElement.BorderButtonElement-primaryBackground:hover { background-color: white; color: #e65e5a; } s-border-button[s-element].BorderButtonElement-highlight, a.BorderButtonElement.BorderButtonElement-highlight { color: #e65e5a; border: 1px solid #e65e5a; } s-border-button[s-element].BorderButtonElement-highlight:hover, a.BorderButtonElement.BorderButtonElement-highlight:hover { background-color: #e65e5a; color: white; } s-click-indicator[s-element] { width: 64px; height: 64px; margin-left: -32px; position: relative; display: none; } s-click-indicator[s-element] .ClickIndicator_circle { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 32px; background-color: white; } s-click-indicator[s-element] .ClickIndicator_bump { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 32px; border: 1px solid white; } s-filter[s-element], .Filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 8px 20px 12px 20px; opacity: 0.4; overflow: hidden; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } s-filter[s-element]:not(.Filter-selected):hover, .Filter:not(.Filter-selected):hover { opacity: 1; } s-filter[s-element].Filter-selected, .Filter.Filter-selected { opacity: 1; border-radius: 100px; } s-filter[s-element].Filter-selected .Filter_checkbox, .Filter.Filter-selected .Filter_checkbox { border: 1px solid #4f515c; } s-filter[s-element].Filter-selected .Filter_fakeCheckbox, .Filter.Filter-selected .Filter_fakeCheckbox { opacity: 1; } s-filter[s-element] .Filter_checkbox, .Filter .Filter_checkbox { width: 16px; height: 16px; border: 1px solid #cccccc; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100px; overflow: hidden; z-index: 1; cursor: pointer; } s-filter[s-element] .Filter_checkbox input, .Filter .Filter_checkbox input { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 2; cursor: pointer; } s-filter[s-element] .Filter_fakeCheckbox, .Filter .Filter_fakeCheckbox { background: #4f515c; width: 110%; height: 110%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; cursor: pointer; } s-filter[s-element] .Filter_label, .Filter .Filter_label { position: relative; z-index: 2; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; color: #cccccc; letter-spacing: 0.1em; } s-grid-icon[s-element] { position: relative; width: 40px; height: 40px; } s-grid-icon[s-element] .GridIconElement_square { position: absolute; width: 4px; height: 4px; background-color: white; } s-logo[s-element][s-ns="lhsCorpo"] { display: none; width: 146px; height: 146px; margin-top: -73px; margin-left: -73px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_light { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 512px; height: 512px; background-position: -702px 0px; background-size: 2000px 1024px; position: absolute; margin-left: -183px; margin-top: -183px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_geometric { position: absolute; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 700px; height: 700px; background-position: 0px 0px; background-size: 2000px 1024px; margin-left: -277px; margin-top: -277px; opacity: .5; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_wave { position: absolute; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 256px; height: 256px; background-position: -1732px -172px; background-size: 2000px 1024px; margin-left: -55px; margin-top: -55px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_aurora { position: absolute; background-repeat: no-repeat; background-image: url(/../static/sprites/lhs-corpo.png?233); margin-left: -55px; margin-top: -55px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_aurora1 { width: 256px; height: 256px; background-position: 0px -702px; background-size: 2000px 1024px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_aurora2 { width: 256px; height: 256px; background-position: -1216px -172px; background-size: 2000px 1024px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_aurora3 { width: 256px; height: 256px; background-position: -258px -702px; background-size: 2000px 1024px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_aurora4 { width: 256px; height: 256px; background-position: -1474px -172px; background-size: 2000px 1024px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_particle { position: absolute; /* @particleSize: 12px; .size(@particleSize, @particleSize); background-color: white; border-radius: 16px; */ background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 16px; height: 16px; background-position: -1860px -766px; background-size: 2000px 1024px; margin-left: 65px; margin-top: 65px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_front { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_circle { position: absolute; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?23323123423); width: 176px; height: 176px; background-position: -516px -702px; background-size: 2000px 1024px; margin-left: -15px; margin-top: -15px; } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_crown { position: absolute; top: -36px; background-repeat: no-repeat; /* background-image: url(../static/sprites/lhs-corpo.png?233?23); */ width: 128px; height: 128px; background-position: -694px -748px; background-size: 2000px 1024px; margin-left: 9px; margin-top: 9px; -webkit-transform: scale(0.5); transform: scale(0.5); } s-logo[s-element][s-ns="lhsCorpo"] .LogoElement_h { position: absolute; bottom: -5px; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?23322123123213); width: 158px; height: 158px; background-position: -804px -725px; background-size: 2000px 1024px; margin-left: -7px; margin-top: 25px; -webkit-transform: scale(0.5); transform: scale(0.5); } s-menu[s-element] { position: relative; display: block; width: 23px; height: 23px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } s-menu[s-element] .MenuElement_border { display: block; position: absolute; width: 23px; height: 23px; border: 1px solid #bdbdbd; } s-menu[s-element] .MenuElement_inside { display: block; position: absolute; top: 8px; right: auto; bottom: auto; left: 8px; width: 7px; height: 7px; background-color: #bdbdbd; } s-menu[s-element] .MenuElement_selected { display: block; position: absolute; top: 8px; right: auto; bottom: auto; left: 8px; width: 7px; height: 7px; background-color: #e65e5a; } s-menu[s-element] a { display: none; } s-menu-button[s-element] { display: block; width: 40px; height: 40px; cursor: pointer; } s-menu-button[s-element] .MenuButtonElement_bar { position: absolute; top: auto; right: auto; bottom: auto; left: 50%; width: 24px; height: 2px; margin-left: -12px; margin-top: -1px; background-color: white; } s-menu-button[s-element] .MenuButtonElement_bar1 { top: 13px; } s-menu-button[s-element] .MenuButtonElement_bar2 { top: 20px; } s-menu-button[s-element] .MenuButtonElement_bar3 { top: 27px; } s-menu-button[s-element] .MenuButtonElement_cameraIcon { position: absolute; top: 50%; left: 50%; visibility: hidden; opacity: 0; margin: -25px 0 0 -25px; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 50px; height: 50px; background-position: -1860px -958px; background-size: 2000px 1024px; } s-menu-button[s-element]:before { content: ''; display: block; position: absolute; top: -25px; right: -25px; bottom: -25px; left: -25px; background-color: #2e3038; opacity: 0; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transition: opacity 300ms ease-in-out, -webkit-transform 300ms ease-in-out, background-color 300ms ease-in-out; transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, background-color 300ms ease-in-out; } s-menu-button[s-element]:hover:before { background-color: #3f4149; } s-menu-contact[s-element] { text-align: center; } s-menu-contact[s-element] .MenuContact_logo { display: block; position: relative; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); margin: 40px auto 0 auto; cursor: pointer; width: 100px; height: 100px; background-position: -302.5862069px -221.55172414px; background-size: 862.06896552px 441.37931034px; } s-menu-contact[s-element] .MenuContact_socialContainer { display: block; width: 100%; height: 40px; margin-top: 40px; cursor: default; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; margin-left: 6px; margin-right: 6px; width: 32px; height: 32px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_facebook { width: 32px; height: 32px; background-position: 0px -480px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_twitter { width: 32px; height: 32px; background-position: -954px -360px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_vimeo { width: 32px; height: 32px; background-position: -930px -446px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_instagram { width: 32px; height: 32px; background-position: -99px -480px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_linkedin { width: 32px; height: 32px; background-position: -165px -480px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social.MenuContact_gplus { width: 32px; height: 32px; background-position: -66px -480px; background-size: 1000px 512px; } s-menu-contact[s-element] .MenuContact_socialContainer a { cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } s-menu-contact[s-element] .MenuContact_socialContainer a:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } s-menu-contact[s-element] .MenuContact_socialContainer .MenuContact_social_blog { display: inline-block; height: 22px; margin-top: 10px; margin-left: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; color: #bdbdbd; font-size: 12px; text-transform: uppercase; text-decoration: none; vertical-align: top; letter-spacing: 1px; } s-menu-contact[s-element] .MenuContact_sep { display: block; width: 60px; margin: 30px auto 10px auto; border-top: 1px solid #e65e5a; } s-menu-contact[s-element] .MenuContact_phone, s-menu-contact[s-element] .MenuContact_address { display: block; margin-top: 30px; } s-menu-contact[s-element] .MenuContact_phone, s-menu-contact[s-element] .MenuContact_phone a, s-menu-contact[s-element] .MenuContact_address { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; line-height: 24px; color: #cccccc; text-transform: uppercase; text-decoration: none; -webkit-transition: color 200ms linear; transition: color 200ms linear; } s-menu-contact[s-element] .MenuContact_address, s-menu-contact[s-element] .MenuContact_phone a { cursor: pointer; } s-menu-contact[s-element] .MenuContact_address:hover, s-menu-contact[s-element] .MenuContact_phone a:hover { color: #e65e5a; } s-menu-contact[s-element] .MenuContact_phone { margin-top: 0; } s-news-post[s-element] { display: block; height: 100%; padding-top: 16px; } s-news-post[s-element] .NewsPost_head { margin: 0 30px 0 20px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 12px; text-transform: uppercase; color: #c5c6cb; } s-news-post[s-element] .NewsPost_head * { color: currentColor; } s-news-post[s-element] .NewsPost_head a { text-decoration: none; white-space: nowrap; } s-news-post[s-element] .NewsPost_head a:hover, s-news-post[s-element] .NewsPost_head a:focus { box-shadow: inset 0 -1px 0 currentColor; } s-news-post[s-element] .NewsPost_icon { position: absolute; top: -7px; right: -5px; bottom: auto; left: auto; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .3; } s-news-post[s-element] .NewsPost_title { margin: 6px 20px 0 20px; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 30px; line-height: 34px; } s-news-post[s-element] .NewsPost_title a { color: #222222; text-decoration: none; } s-news-post[s-element] .NewsPost_title a:hover, s-news-post[s-element] .NewsPost_title a:focus { box-shadow: inset 0 -3px 0 #ffffff, inset 0 -4px 0 currentColor; } s-news-post[s-element] .NewsPost_content { margin: 8px 20px 0 20px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: white; font-size: 14px; line-height: 18px; } s-news-post[s-element] .NewsPost_content a { color: #e65e5a; text-decoration: none; } s-news-post[s-element] .NewsPost_content a:hover, s-news-post[s-element] .NewsPost_content a:focus { box-shadow: inset 0 -1px 0 currentColor; } s-news-post[s-element] .NewsPost_readMore { display: block; height: 32px; padding-top: 8px; margin: 6px 20px 0 20px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 11px; color: #e65e5a; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; text-decoration: none; } s-news-post[s-element] .NewsPost_readMore:hover, s-news-post[s-element] .NewsPost_readMore:focus { text-decoration: underline; } @media (max-width: 920px), (max-height: 800px) { s-news-post[s-element] .NewsPost_title { font-size: 18px; line-height: 22px; } s-news-post[s-element] .NewsPost_content { white-space: nowrap; width: 100%; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; } s-news-post[s-element] .NewsPost_content br { display: none !important; } } s-no-webgl-message[s-element] { width: 600px; margin-left: -300px; padding: 10px 30px; background-color: #bdbdbd; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #333333; text-align: center; border-radius: 0 0 3px 3px; cursor: pointer; } @media (max-width: 600px) { s-no-webgl-message[s-element] { width: 320px; margin-left: -160px; padding: 6px 18px; } } s-play-button[s-element] { width: 110px; height: 110px; cursor: pointer; position: relative; } s-play-button[s-element] .PlayButton_icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); } s-play-button[s-element] .PlayButton_label { position: absolute; top: auto; right: -30px; bottom: -30px; left: -30px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; text-align: center; color: white; font-size: 14px; } s-play-button[s-element]:before { content: ''; position: absolute; top: auto; right: 0; bottom: -30px; left: 0; height: 30px; } s-preloader[s-element] { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; display: block; width: 100px; height: 100px; } s-preloader[s-element]:before { content: ''; position: absolute; width: 100px; height: 100px; background-color: #111111; border-radius: 50px; -webkit-animation: loaderAnimation 3s; animation: loaderAnimation 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } s-preloader[s-element]:after { content: ''; position: absolute; width: 100px; height: 100px; border: 1px solid #111111; border-radius: 50px; -webkit-animation: waveAnimation 3s; animation: waveAnimation 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes loaderAnimation { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes loaderAnimation { 0% { -webkit-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes waveAnimation { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } @keyframes waveAnimation { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } 100% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } } s-video-button[s-element] { width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border-radius: 50px; border: 2px solid #ffffff; overflow: hidden; } s-video-button[s-element] .VideoButton_icon { position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); } s-video-button[s-element] .VideoButton_playIcon { width: 32px; height: 32px; background-position: -540px -992px; background-size: 2000px 1024px; margin-left: -14px; } s-video-button[s-element] .VideoButton_pauseIcon { width: 32px; height: 32px; background-position: -506px -992px; background-size: 2000px 1024px; } s-video-button[s-element] .VideoButton_loader { border-radius: 50px; } s-app[s-view] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 300px; min-height: 300px; /* overflow: hidden; */ } s-app[s-view] s-logo[s-element] { position: fixed; top: 38%; right: auto; bottom: auto; left: 50%; display:none !important } s-app[s-view] s-background[s-component] { position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; } s-app[s-view] .AppView_FontLoader { position: absolute; top: 0; left: 0; visibility: hidden; width: 0; height: 0; overflow: hidden; } s-app[s-view] s-no-webgl-message[s-element] { position: absolute; top: 0; left: 50%; } s-bonjour[s-view] { display: none; } s-bonjour[s-view] .BonjourView_newsButton { position: absolute; top: 10px; right: auto; bottom: auto; left: 50%; } s-bonjour[s-view] .BonjourView_bonjourButton { position: absolute; top: auto; right: auto; bottom: 10px; left: 50%; } s-bonjour[s-view] .BonjourView_addresses { width: 100%; position: absolute; bottom: 40px; margin-left: -30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } s-bonjour[s-view] .BonjourView_address { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; line-height: 24px; color: #cccccc; letter-spacing: 0.1em; text-transform: uppercase; } s-bonjour[s-view] .BonjourView_address-left { text-align: right; padding-right: 40px; } s-bonjour[s-view] .BonjourView_address-right { text-align: left; padding-left: 40px; } @media (max-width: 920px) { s-bonjour[s-view].BonjourView-newsState .BonjourView_bonjourButton { top: 10px; bottom: auto; } s-bonjour[s-view] .BonjourView_addresses { display: none; } } s-bonjour[s-view] .BonjourView_content { max-height: 300px; position: absolute; top: 50%; left: 50%; width: 600px; height: 40%; margin-left: -300px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } s-bonjour[s-view] .BonjourView_content h1 { display: block; overflow: hidden; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?231124); width: 392px; height: 62px; background-position: -608px -25px; background-size: 1000px 512px; text-indent: -800px; text-align: left; margin: -320px auto 0 auto; padding-bottom: 1px; -moz-box-sizing: border-box; box-sizing: border-box; } s-bonjour[s-view] .BonjourView_content h2 { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: #e65e5a; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; margin-top: 30px; cursor: default; } s-bonjour[s-view] .BonjourView_content h2 > span { display: inline-block; vertical-align: middle; } s-bonjour[s-view] .BonjourView_content h2 .BonjourView_punk { width: 0; overflow: hidden; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element] { position: absolute; bottom: 10px; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_agencyButton { right: 340px; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_caseStudyButton { left: 340px; } @media (max-width: 500px) { s-bonjour[s-view] s-logo[s-element] { top: 22%; -webkit-transform: scale(0.6); transform: scale(0.6); } s-bonjour[s-view] .BonjourView_content { top: 40%; width: 100%; left: auto; margin-left: 0; } s-bonjour[s-view] .BonjourView_content h1 { width: 235.2px; height: 25.2px; background-position: -364.8px -25.8px; background-size: 600px 307.2px; margin-top: 20px; } s-bonjour[s-view] .BonjourView_content h2 { font-size: 12px; margin-top: 20px; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_agencyButton, s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_caseStudyButton { position: relative; left: auto; right: auto; top: 0; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin: 20px auto 0 auto; } } @media (max-height: 540px) { s-bonjour[s-view] .BonjourView_content h2 { display: none; } } @media (max-height: 400px) { s-bonjour[s-view] s-logo[s-element] { top: 38%; -webkit-transform: scale(0.5); transform: scale(0.5); } s-bonjour[s-view] .BonjourView_content { top: 46%; width: 540px; left: 50%; margin-left: -270px; } s-bonjour[s-view] .BonjourView_content h1 { width: 235.2px; height: 25.2px; background-position: -364.8px -25.8px; background-size: 600px 307.2px; margin-top: 20px; } s-bonjour[s-view] .BonjourView_content h2 { display: none; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_agencyButton { float: left; margin-left: 30px; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_caseStudyButton { float: right; margin-right: 30px; } s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_agencyButton, s-bonjour[s-view] .BonjourView_content > s-border-button[s-element].BonjourView_caseStudyButton { position: relative; left: auto; right: auto; bottom: auto; top: 35px; width: 220px; } } @media (max-height: 800px) { s-bonjour[s-view] .BonjourView_addresses { display: none; } } s-contact[s-view] { display: none; } s-contact[s-view] .ContactView_title { opacity: 0; visibility: hidden; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 50px; color: white; margin: 0 auto; width: 100%; text-align: center; padding: 4px 7%; position: absolute; top: 30%; left: 0; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } s-contact[s-view] .ContactView_buttons { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; width: 560px; height: 100px; margin-left: -280px; } s-contact[s-view] .ContactView_buttons > s-border-button[s-element] { position: absolute; width: 200px; } s-contact[s-view] .ContactView_buttons > s-border-button[s-element].ContactView_buttons_contact { left: 0; } s-contact[s-view] .ContactView_buttons > s-border-button[s-element].ContactView_buttons_recrut { right: 0; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part .ContactFooter_mobileElement { display: none; } @media (max-height: 400px) and (orientation: landscape) { s-contact[s-view] .ContactView_buttons { position: absolute; top: 25%; right: auto; bottom: auto; left: 50%; width: 450px; height: 100px; margin-left: -225px; } s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_contact, s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_recrut { position: absolute; width: 200px; } s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_contact { left: 0; } s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_recrut { right: 0; } } @media (max-width: 500px) and (orientation: portrait) { s-contact[s-view] .ContactView_buttons { width: 100%; left: auto; margin-left: 0; text-align: center; top: 15%; } s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_contact, s-contact[s-view] .ContactView_buttons s-border-button[s-element].ContactView_buttons_recrut { position: relative; left: auto; right: auto; top: 0; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin: 20px auto 0 auto; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part { width: 229px; } } @media (max-width: 500px), (max-width: 768px) and (orientation: landscape) { s-contact[s-view] .ContactView_buttons { top: 25%; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part .ContactFooter_mobileElement { display: inline-block; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part .ContactFooter_desktopElement { display: none !important; } s-contact[s-view] .ContactFooter_markerIcon { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; width: 21px; height: 32px; background-position: -231px -480px; background-size: 1000px 512px; } s-contact[s-view] .ContactFooter_phoneIcon { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; width: 19px; height: 32px; background-position: -977px -271px; background-size: 1000px 512px; } s-contact[s-view] .ContactFooter_part_title.ContactFooter_mobileElement { line-height: 35px; vertical-align: middle; margin: 0; } s-contact[s-view] .ContactFooter_part_title.ContactFooter_mobileElement .ContactFooter_icon { vertical-align: middle; margin-right: 10px; } s-contact[s-view] .ContactFooterComponent { height: 150px; font-size: 0; } s-contact[s-view] .ContactFooterComponent .ContactFooter_left, s-contact[s-view] .ContactFooterComponent .ContactFooter_middle { display: inline-block; width: 50%; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-align: center; padding-left: 15px; } s-contact[s-view] .ContactFooterComponent .ContactFooter_right { display: block; width: 60%; margin: 0 auto; line-height: inherit; } s-contact[s-view] .ContactFooterComponent .ContactFooter_right a.ContactFooter_social { margin: -16px -8px -8px -8px; } s-contact[s-view] .ContactFooterComponent .ContactFooter_right .ContactFooter_social_blog { line-height: 38px; } } @media (max-width: 320px) { s-contact[s-view] .ContactView_buttons { top: 13%; } } @media (max-width: 820px) { s-contact[s-view] .ContactFooter_addresses { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: auto; bottom: 110px; -webkit-transform: inherit; transform: inherit; margin: 0; } s-contact[s-view] .ContactFooter_address { text-align: center; padding: 0; } s-contact[s-view] .ContactFooter_address + .ContactFooter_address { margin-top: 20px; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part { margin: 0; } s-contact[s-view] .ContactFooterComponent .ContactFooter_part .ContactFooter_socialContainer .ContactFooter_social { margin: -8px -18px -8px -18px; } } s-contact[s-view] s-contact-footer[s-component], s-contact[s-view] .ContactFooterComponent { position: absolute; top: auto; right: 0; bottom: 0; left: 0; } s-equipe-et-clients[s-view] { display: none; position: absolute; top: 0; right: 0; bottom: auto; left: 0; min-height: 100%; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: scroll; overflow-x: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; background-image: url('../static/sprites/cross-grid.png'); } s-equipe-et-clients[s-view] .EquipeEtClientsView_scrollContent { position: relative; min-height: 100%; } s-equipe-et-clients[s-view] .EquipeEtClients_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; position: fixed; background-color: #2a2c34; opacity: 0; display: none; pointer-events: none; } s-equipe-et-clients[s-view] .EquipeEtClientsView_title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 50px; color: white; margin: 0 auto; width: 100%; text-align: center; padding: 4px 7%; position: absolute; top: 60px; left: 0; white-space: nowrap; } s-equipe-et-clients[s-view] .EquipeEtClientsView_title .EquipeEtClientsView_title_normal, s-equipe-et-clients[s-view] .EquipeEtClientsView_title .EquipeEtClientsView_title_toHide, s-equipe-et-clients[s-view] .EquipeEtClientsView_title .EquipeEtClientsView_title_toShow { display: inline-block; overflow: hidden; width: auto; text-align: center; } s-equipe-et-clients[s-view] .EquipeEtClientsView_title .EquipeEtClientsView_title_toShow { width: 0; } s-equipe-et-clients[s-view] .EquipeEtClientsView_grid { display: block; position: absolute; top: 180px; right: auto; bottom: 0; left: auto; } s-equipe-et-clients[s-view] .EquipeEtClientsView_grid s-ganache-block[s-component], s-equipe-et-clients[s-view] .EquipeEtClientsView_grid s-award-block[s-component] { display: none; } s-equipe-et-clients[s-view] .EquipeEtClientsView_grid s-ganache-block[s-component] > .GanacheBlock_ganache, s-equipe-et-clients[s-view] .EquipeEtClientsView_grid s-award-block[s-component] > .GanacheBlock_ganache { cursor: pointer; } s-equipe-et-clients[s-view] s-client-block[s-component], s-equipe-et-clients[s-view] s-ganache-block[s-component], s-equipe-et-clients[s-view] s-award-block[s-component], s-equipe-et-clients[s-view] s-ganache-popin[s-component] { position: absolute; } s-equipe-et-clients[s-view] .EquipeEtClients_contact { width: 100%; } @media screen and (max-width: 900px) { s-equipe-et-clients[s-view] .EquipeEtClientsView_title { font-size: 30px; } } @media screen and (max-width: 700px) { s-equipe-et-clients[s-view] .EquipeEtClientsView_title { margin-top: 20px; font-size: 20px; } } @media screen and (max-width: 400px) { s-equipe-et-clients[s-view] .EquipeEtClientsView_title { margin-top: 30px; font-size: 15px; } } .EtudeDeCas_superContainer { position: relative; display: block; overflow: hidden; clear: both; } .EtudeDeCas_base { background-color: white; position: relative; display: block; overflow: hidden; clear: both; width: 100%; height: auto; overflow: visible; } .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_introImage, .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_image { background-color: #e0e0e0; background-image: none !important; } .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_introImage > img, .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_image > img { display: none !important; } .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_quoteBloc { background-color: #559857; color: white; } .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_textContent > h5 { color: #559857; } .EtudeDeCas_base.EtudeDeCas_base-debug .EtudeDeCas_centeredBloc { border-left: 1px solid black; border-right: 1px solid black; } /** * CONTAINERS */ .EtudeDeCas_verticalBloc { position: relative; display: block; overflow: hidden; clear: both; width: 100%; height: auto; min-width: 980px; } .EtudeDeCas_verticalBloc-hasContact { overflow: visible; display: inline-block; width: 100%; } .EtudeDeCas_verticalBloc-hasContact .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_centeredBloc { position: relative; display: block; overflow: hidden; clear: both; width: 980px; margin: 0 auto; } .EtudeDeCas_videoBloc .EtudeDeCas_centeredBloc { margin-bottom: 90px; } .EtudeDeCas_videoBloc .EtudeDeCas_centeredBloc .EtudeDeCas_video, .EtudeDeCas_videoBloc .EtudeDeCas_centeredBloc .EtudeDeCas_slideshow { margin-top: 60px; } /** * ELEMENTS DE BASE */ a.link-slideRight, span.link-slideRight { position: relative; display: inline-block; outline: none; color: #666666; vertical-align: bottom; text-decoration: none; white-space: nowrap; overflow: hidden; } a.link-slideRight::before, span.link-slideRight::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #C9C9C9; content: ''; } a.link-slideRight:hover::before, a.link-slideRight:focus::before, a.link-slideRightContainer:hover .link-slideRight::before, a.link-slideRightContainer:focus .link-slideRight::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #e65e5a; } .EtudeDeCas_caption { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 13px; line-height: 21px; color: #666666; } .EtudeDeCas_introTitle, .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; color: #444444; text-align: center; -webkit-font-smoothing: antialiased; } .EtudeDeCas_introImage { margin: 0 auto; } .EtudeDeCas_introImage.EtudeDeCas_introImage-small { width: 940px; height: 354px; } .EtudeDeCas_introImage.EtudeDeCas_introImage-medium { width: 980px; height: 430px; } .EtudeDeCas_introImage.EtudeDeCas_introImage-wide { width: 100%; height: 430px; } .EtudeDeCas_image { background-size: cover; background-position: center center; background-repeat: no-repeat; } .EtudeDeCas_introImage > img, .EtudeDeCas_image > img { width: 100%; height: 100%; } .EtudeDeCas_figure { margin: 0; position: relative; width: 50%; } .EtudeDeCas_quoteBloc .EtudeDeCas_centeredBloc { width: 730px; } .EtudeDeCas_quoteBloc .EtudeDeCas_centeredBloc p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; font-size: 30px; line-height: 36px; } .EtudeDeCas_textContent > h5 { font-family: 'Lato', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 11px; line-height: 14px; letter-spacing: 1.3px; margin: 0 0 0 0; padding: 0; } .EtudeDeCas_textContent > h4 { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 38px; line-height: 44px; color: #444444; letter-spacing: -0.8px; margin: 13px 0 12px -1px; padding: 0; } .EtudeDeCas_textContent > p { font-family: 'Lato', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 26px; color: #666666; margin: 0 0 12px 0; padding: 0; } .EtudeDeCas_textContent.EtudeDeCas_textContent-centered { text-align: center; } .EtudeDeCas_textContent.EtudeDeCas_textContent-centered h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; color: #444444; text-align: center; -webkit-font-smoothing: antialiased; line-height: 40px; letter-spacing: .4px; } .EtudeDeCas_textContent.EtudeDeCas_textContent-white { color: #FFFFFF; -webkit-font-smoothing: antialiased !important; } .EtudeDeCas_textContent.EtudeDeCas_textContent-white p, .EtudeDeCas_textContent.EtudeDeCas_textContent-white h3, .EtudeDeCas_textContent.EtudeDeCas_textContent-white h4, .EtudeDeCas_textContent.EtudeDeCas_textContent-white h5, .EtudeDeCas_textContent.EtudeDeCas_textContent-white .EtudeDeCas_textContent, .EtudeDeCas_textContent.EtudeDeCas_textContent-white .link-slideRight { color: #FFFFFF !important; -webkit-font-smoothing: antialiased !important; } .EtudeDeCas_textContent.EtudeDeCas_textContent-hasLeftBorder { padding: 25px 0 25px 40px; border-left: 2px solid #7a7a7a; } .EtudeDeCas_textContent.EtudeDeCas_textContent-hasLeftBorder h5 { margin-bottom: 20px; } .EtudeDeCas_textContent.EtudeDeCas_textContent-hasBottomBorder { padding: 0 28px 40px 28px; border-bottom: 2px solid #7a7a7a; } .EtudeDeCas_textContent.EtudeDeCas_textContent-hasBottomBorder h5 { margin-bottom: 20px; } .EtudeDeCas_numberList { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 14px; line-height: 28px; color: #666666; margin: 0 0 12px 0; padding: 0; counter-reset: item; list-style-type: none; } .EtudeDeCas_numberList > li:before { content: counter(item) " - "; counter-increment: item; } .EtudeDeCas_content-right { float: right; clear: both; } .EtudeDeCas_content-left { float: left; clear: both; } /** * COMPOSITION DES ELEMENTS */ .EtudeDeCas_verticalBloc > .EtudeDeCas_introTitle { margin-top: 40px; } .EtudeDeCas_verticalBloc > .EtudeDeCas_introImage { margin-top: 34px; } .EtudeDeCas_verticalBloc > .EtudeDeCas_centeredBloc { margin-top: 80px; margin-bottom: 100px; } .EtudeDeCas_centeredBloc > .EtudeDeCas_textContent:not(.EtudeDeCas_textContent-hasLeftBorder), .EtudeDeCas_centeredBloc > .EtudeDeCas_numberList { padding-left: 20px; } .EtudeDeCas_centeredBloc > .EtudeDeCas_textContent:not(.EtudeDeCas_textContent-hasLeftBorder).EtudeDeCas_textContent-centered, .EtudeDeCas_centeredBloc > .EtudeDeCas_numberList.EtudeDeCas_textContent-centered { padding-right: 20px; } .EtudeDeCas_textContent + .EtudeDeCas_textContent, .EtudeDeCas_textContent + .EtudeDeCas_numberList, .EtudeDeCas_numberList + .EtudeDeCas_textContent { margin-top: 34px; } /** * Un boutton. */ .EtudeDeCas_btn { display: inline-block; vertical-align: top; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; color: #ffffff; vertical-align: middle; border: solid #FFFFFF 1px; border-radius: 3px; padding: 20px 40px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; overflow: hidden; /*& + & { border-top-left-radius: 0; border-bottom-left-radius: 0; }*/ } .EtudeDeCas_btn:hover, .EtudeDeCas_btn:focus, .EtudeDeCas_btn:active { color: black; background-color: white; border: 1px solid rgba(255, 255, 255, 0); } /** * ButtonBar. Un stack inline de boutons. *
* Mon super bouton * groupesamserecrute.fr * groupesamserecrute.fr *
*/ .EtudeDeCas_buttonBar { display: inline-block; vertical-align: top; margin-top: 44px; font-size: 0; } .EtudeDeCas_buttonBar .EtudeDeCas_btn { border-radius: 0; } .EtudeDeCas_buttonBar .EtudeDeCas_btn + .EtudeDeCas_btn { border-left-width: 0; } .EtudeDeCas_buttonBar > .EtudeDeCas_btn:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .EtudeDeCas_buttonBar > .EtudeDeCas_btn:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /** * Un bloc 'Résultat'. * Présent en bas de pages des études de cas. */ .EtudeDeCas_resultatBloc { color: #FFFFFF; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent { text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 60px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent > h5 { font-family: 'Lato', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 11px; line-height: 14px; letter-spacing: 1.3px; margin: 0 0 0 0; padding: 0; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent > h4 { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 38px; line-height: 44px; color: #444444; letter-spacing: -0.8px; margin: 13px 0 12px -1px; padding: 0; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent > p { font-family: 'Lato', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 26px; color: #666666; margin: 0 0 12px 0; padding: 0; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-centered { text-align: center; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-centered h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; color: #444444; text-align: center; -webkit-font-smoothing: antialiased; line-height: 40px; letter-spacing: .4px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white { color: #FFFFFF; -webkit-font-smoothing: antialiased !important; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white p, .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white h3, .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white h4, .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white h5, .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white .EtudeDeCas_textContent, .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-white .link-slideRight { color: #FFFFFF !important; -webkit-font-smoothing: antialiased !important; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-hasLeftBorder { padding: 25px 0 25px 40px; border-left: 2px solid #7a7a7a; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-hasLeftBorder h5 { margin-bottom: 20px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-hasBottomBorder { padding: 0 28px 40px 28px; border-bottom: 2px solid #7a7a7a; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent.EtudeDeCas_textContent-hasBottomBorder h5 { margin-bottom: 20px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent > h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 44px; margin: 2px 0 12px -1px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_caption { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 12px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_inlineStack { font-size: 0; width: 100%; text-align: center; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_stackItem { display: inline-block; vertical-align: top; text-align: center; width: 300px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: #FFFFFF; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_stackItemTitle { font-size: 80px; line-height: 104px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_stackItemDesc { font-size: 20px; } .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_stackItemLink { display: block; font-style: italic; font-size: 14px; color: #FFFFFF; text-decoration: none; } /** * MODULES */ .EtudeDeCas_video { width: 940px; height: 528.75px; margin: 0 auto; background-color: #e0e0e0; } /** * Le bloc en haut de page, trop long, j'ai pas lu lol * Avec 2 boutons shortcut */ .EtudeDeCas_TLDR { width: 100%; height: 160px; text-align: center; } .EtudeDeCas_TLDR s-border-button[s-element] { margin: 50px 20px 0 20px; width: 200px; padding-left: 0; padding-right: 0; } /** * REFONTE ETUDE DE CAS - NEW */ .Col-1 { width: 58px; } .Col-2 { width: 156px; } .Col-3 { width: 254px; } .Col-4 { width: 352px; } .Col-5 { width: 450px; } .Col-6 { width: 548px; } .Col-7 { width: 646px; } .Col-8 { width: 744px; } .Col-9 { width: 842px; } .Col-10 { width: 940px; } .Text { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; line-height: 1.625; color: #666666; -webkit-font-smoothing: antialiased; } .Text-center { text-align: center; } .Text-result { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 80px; line-height: normal; } .Text-highlight { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 1.33; color: #444444; } .Text-pretitle { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; line-height: normal; text-transform: uppercase; letter-spacing: 0.1em; color: #444444; } .Text-title { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 38px; line-height: 0.9; color: #444444; } .Text-small { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 12px; line-height: normal; } .Text + .Text { margin-top: 30px; } .Text-pretitle + .Text-title { margin-top: 20px; } .Text-title + .Text { margin-top: 30px; } .Text-white { color: white; } .Text-white a { color: white; } .Text-mainColor { color: #444444; } .Text-mainColor a { color: #444444; } [data-aspect-ratio] { display: block; max-width: 100%; position: relative; } [data-aspect-ratio]:before { content: ''; display: block; } [data-aspect-ratio] > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } [data-aspect-ratio="3:1"]:before { padding-top: 33.33%; } [data-aspect-ratio="2:1"]:before { padding-top: 50%; } [data-aspect-ratio="16:9"]:before { padding-top: 56.25%; } [data-aspect-ratio="3:2"]:before { padding-top: 66.66%; } [data-aspect-ratio="4:3"]:before { padding-top: 75%; } [data-aspect-ratio="1:1"]:before { padding-top: 100%; } [data-aspect-ratio="3:4"]:before { padding-top: 133.33%; } [data-aspect-ratio="2:3"]:before { padding-top: 150%; } [data-aspect-ratio="9:16"]:before { padding-top: 177.77%; } [data-aspect-ratio="1:2"]:before { padding-top: 200%; } [data-aspect-ratio="1:3"]:before { padding-top: 300%; } .VideoBackground { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .VideoBackground_video { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-height: 100%; width: auto; max-width: inherit; } @media (min-width: 1560px) { .VideoBackground_video { width: 100%; } } .EDC_TLDR { width: 100%; text-align: center; } .EDC_TLDR s-border-button[s-element] { margin: 50px 20px 0 20px; width: 200px; padding-left: 0; padding-right: 0; } .EDCButtons { margin-top: 44px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; } .EDCButton { display: inline-block; position: relative; border: 1px solid #7a7a7a; border-radius: 3px; width: 176px; height: 58px; padding: 15px 24px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; color: #7a7a7a; line-height: 29px; vertical-align: middle; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border 200ms ease-in-out, text-shadow 200ms ease-in-out; } .EDCButton img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .EDCButton img:last-child { opacity: 0; } .EDCButton-standalone { width: auto; } .EDCButton:not(.EDCButton-standalone) { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .EDCButton:not(.EDCButton-standalone) + .EDCButton:not(.EDCButton-standalone) { border-left: 1px solid #7a7a7a; border-right: 1px solid #7a7a7a; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .EDCButton + .EDCButton.EDCButton-standalone { margin-left: 30px; } .EDCButton:hover, .EDCButton:focus, .EDCButton:active { color: white; background-color: #7a7a7a; } .EDCButton:hover img:first-child, .EDCButton:focus img:first-child, .EDCButton:active img:first-child { opacity: 0; } .EDCButton:hover img:last-child, .EDCButton:focus img:last-child, .EDCButton:active img:last-child { opacity: 1; } .EDCButton-white { border: 1px solid white; color: white; } .EDCButton-white:not(.EDCButton-standalone) + .EDCButton-white:not(.EDCButton-standalone) { border-left: 1px solid white; border-right: 1px solid white; } .EDCButton-white:hover { color: #7a7a7a; background-color: white; } .EDCBlock { position: relative; padding-top: 80px; padding-bottom: 100px; display: block; overflow: hidden; clear: both; width: 100%; min-width: 980px; } .EDCBlock_content { position: relative; max-width: 980px; margin: 0 auto; padding: 0 20px; } .EDCBlock_content-verticalCenter { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .EDCBlock-noCover { background-size: contain; } .EDCBlock-intro { overflow: visible; } .EDCBlock_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: top center; background-repeat: no-repeat; background-size: cover; } .EDCBlock_background-right { left: 50%; } .EDCBlock_background-left { right: 50%; } .EDCBlock_text { position: relative; } s-etudes-de-cas[s-view] { display: none; width: 100%; height: 100%; overflow: visible; } s-etudes-de-cas[s-view].EtudesDeCas-allowScroll { overflow: scroll; overflow-x: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } s-etudes-de-cas[s-view].EtudesDeCas-gridMode .EtudesDeCas_topContainer { overflow: scroll; overflow-x: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } @media (max-width: 920px) { s-etudes-de-cas[s-view].EtudesDeCas-gridMode .EtudesDeCas_listContainer { top: 190px !important; } } s-etudes-de-cas[s-view].EtudesDeCas-gridMode s-etude-de-cas[s-component] { cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } s-etudes-de-cas[s-view].EtudesDeCas-gridMode s-etude-de-cas[s-component]:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } s-etudes-de-cas[s-view].EtudesDeCas-liteMode .EtudesDeCas_topContainer { overflow: hidden; } s-etudes-de-cas[s-view].EtudesDeCas-liteMode s-etude-de-cas[s-component]:hover { -webkit-filter: none; filter: none; } s-etudes-de-cas[s-view] .EtudesDeCas_scrollContainer { width: 100%; height: 100%; } s-etudes-de-cas[s-view] .EtudesDeCas_filters { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 50%; width: -webkit-calc(100% - 179px); width: calc(100% - 179px); height: 90px; max-width: 1420px; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: fixed; } @media (max-width: 920px) { s-etudes-de-cas[s-view] .EtudesDeCas_filters { width: 100%; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 66px; height: auto; } } s-etudes-de-cas[s-view] .EtudesDeCas_filter { margin-left: 10px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex: 0; flex-grow: 0; } @media (max-width: 920px) { s-etudes-de-cas[s-view] .EtudesDeCas_filter { margin-left: 0; margin-top: 10px; padding: 2px 10px 8px 10px; } } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer { position: relative; width: 100%; height: 100%; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_listContainer { overflow: hidden; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1700px; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_listContainer s-etude-de-cas[s-component] { position: absolute; top: 0; left: 0; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_listContainer > iframe, s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_listContainer > video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 920px) { s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_listContainer { top: 190px; } } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer { overflow: hidden; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 1700px; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer .EtudesDeCas_rightArrow, s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer .EtudesDeCas_leftArrow { position: absolute; top: 50%; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer .EtudesDeCas_leftArrow { left: 20px; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer .EtudesDeCas_rightArrow { right: 20px; } s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer s-play-button[s-element] { position: absolute; top: 65%; left: 50%; margin-left: -55px; } s-etudes-de-cas[s-view] .EtudesDeCas_bottomContainer { position: absolute; top: 80%; height: auto; min-height: 100%; width: 100%; max-width: 1700px; margin: 0 auto; left: 0; right: 0; overflow: hidden; background-color: white; } s-etudes-de-cas[s-view] .EtudesDeCas_bottomContainer > .EtudeDeCas_base { max-width: 1700px; margin: 0 auto; } s-etudes-de-cas[s-view] .EtudesDeCas_bottomContainer > .EtudeDeCas_bottomContainer_overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: white; } s-etudes-de-cas[s-view] .EtudesDeCas_nextButton { position: absolute; bottom: 0; } @media (max-height: 550px) { s-etudes-de-cas[s-view] .EtudesDeCas_topContainer > .EtudesDeCas_interfaceContainer s-play-button[s-element] { top: 45%; } } s-news[s-view] { position: absolute; top: 90px; right: 90px; bottom: 90px; left: 90px; } s-news[s-view] .NewsView_header { position: relative; width: 100%; height: 60px; background-color: #32333a; } s-news[s-view] .NewsView_header .NewsView_socialContainer { position: absolute; top: 0; right: 33.33%; bottom: 0; left: 0; height: 100%; padding: 5px 8px; overflow: hidden; border-right: 1px solid #47484e; cursor: default; } s-news[s-view] .NewsView_header .NewsView_socialContainer .NewsView_socialContainer_social { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; margin: -8px -5px -8px -5px; -webkit-transform: scale(0.5); transform: scale(0.5); } @media (max-width: 1170px) { s-news[s-view] .NewsView_header .NewsView_socialContainer { right: 330px; } s-news[s-view] .NewsView_header .NewsView_socialContainer .NewsView_socialContainer_social { margin-left: -12px; margin-right: -12px; } } s-news[s-view] .NewsView_header .NewsView_socialContainer .NewsView_socialContainer_blog { display: inline-block; height: 22px; margin-top: 19px; margin-left: 13px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; color: #bdbdbd; font-size: 12px; text-transform: uppercase; text-decoration: none; vertical-align: top; letter-spacing: 1px; } s-news[s-view] .NewsView_header .NewsView_socialContainer > a { cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } s-news[s-view] .NewsView_header .NewsView_socialContainer > a:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer { position: absolute; top: 0; right: 0; bottom: 0; left: 66.66%; height: 60px; background-color: #32333a; -webkit-transition: box-shadow 500ms ease-in-out; transition: box-shadow 500ms ease-in-out; } @media (max-width: 1170px) { s-news[s-view] .NewsView_header .NewsView_newsLetterContainer { left: auto; width: 330px; } } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer.NewsView_newsLetterContainer-opened { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer s-preloader[s-element] { position: absolute; top: 55%; left: 50%; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_success { display: none; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; color: white; text-align: center; position: absolute; top: 46%; right: 20px; bottom: auto; left: 20px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_button { position: absolute; top: 0; right: 0; bottom: auto; left: 0; height: 60px; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 20px; color: white; padding: 14px 0 0 20px; -webkit-font-smoothing: antialiased; letter-spacing: -0.5px; cursor: pointer; outline: none; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; background-color: #e65e5a; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_button:hover, s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_button:focus { background-color: #f76f6b; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_button_close { position: absolute; top: 25px; right: 25px; bottom: auto; left: auto; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); width: 10px; height: 10px; background-position: -585px -257px; background-size: 1000px 512px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form { position: absolute; top: 60px; right: 0; bottom: 0; left: 0; overflow: hidden; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form p { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 14px; line-height: 18px; color: #a6a6ab; height: 82px; padding: 14px 22px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form p.error { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; color: #e65e5a; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form form { margin-top: 10px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form input { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: white; padding: 14px 20px; background-color: #2c2c32; border: none; outline-style: none; box-shadow: none; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form input:nth-child(1), s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form input:nth-child(2) { display: inline-block; width: -webkit-calc(50% - 20px * 1.5 - 2px); width: calc(50% - 20px * 1.5 - 2px); margin-left: 20px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form input:nth-child(3) { display: block; width: -webkit-calc(100% - 20px * 2); width: calc(100% - 20px * 2); margin: 20px 0 0 20px; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form input:focus { background-color: #1b1b21; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form .NewsView_fatButton { display: block; height: 60px; width: -webkit-calc(100% - 20px * 2); width: calc(100% - 20px * 2); margin: 20px 0 0 20px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 11px; text-align: center; color: #e65e5a; text-transform: uppercase; border: none; cursor: pointer; outline-style: none; box-shadow: none; -webkit-transition: background-color 300ms linear; transition: background-color 300ms linear; background: rgba(255, 255, 255, 0); } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form .NewsView_fatButton:hover, s-news[s-view] .NewsView_header .NewsView_newsLetterContainer .NewsView_newsLetterContainer_form .NewsView_fatButton:focus { background-color: rgba(255, 255, 255, 0.1); } @media (max-width: 700px) { s-news[s-view] .NewsView_header .NewsView_socialContainer { display: none; } s-news[s-view] .NewsView_header .NewsView_newsLetterContainer { width: 100%; left: 0; } } s-news[s-view] .NewsView_content { position: absolute; top: 60px; right: 0; bottom: 0; left: 0; } s-news[s-view] .NewsView_scrollableContent { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } s-news[s-view] .NewsView_column { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: -webkit-calc(33.33333333%); width: calc(33.33333333%); } @media (max-width: 920px) { s-news[s-view] .NewsView_column { width: 100%; } } s-news[s-view] .NewsView_row { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } s-news[s-view] .NewsView_postContent, s-news[s-view] .NewsView_twitter_item { overflow: hidden; } s-news[s-view] .NewsView_row > * { position: absolute; top: auto; right: 0; bottom: auto; left: 0; } s-news[s-view] .NewsView_asidePicture { height: -webkit-calc(50% + 6px + 1px); height: calc(50% + 6px + 1px); background-color: white; overflow: hidden; } @-webkit-keyframes pictureBackgroundAnimation { 0% { background-position: center 10%; } 15% { background-position: center 10%; } 35% { background-position: center 20%; } 65% { background-position: center 65%; } 85% { background-position: center 80%; } 100% { background-position: center 80%; } } @keyframes pictureBackgroundAnimation { 0% { background-position: center 10%; } 15% { background-position: center 10%; } 35% { background-position: center 20%; } 65% { background-position: center 65%; } 85% { background-position: center 80%; } 100% { background-position: center 80%; } } s-news[s-view] .NewsView_asidePicture .NewsView_asidePicture_content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: no-repeat center 10%; background-size: cover; } s-news[s-view] .NewsView_asidePicture.NewsView_asidePicture-animate .NewsView_asidePicture_content { -webkit-animation: pictureBackgroundAnimation 10s linear 1s infinite alternate; animation: pictureBackgroundAnimation 10s linear 1s infinite alternate; } s-news[s-view] .NewsView_asidePicture .NewsView_asidePicture_content s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-news[s-view] .NewsView_asidePicture .NewsView_asidePicture_content { transition: -webkit-filter 300ms ease-in-out, -moz-filter 300ms ease-in-out, -webkit-filter 300ms ease-in-out; transition: -webkit-filter 300ms ease-in-out, -moz-filter 300ms ease-in-out, filter 300ms ease-in-out; } s-news[s-view] .NewsView_asidePicture:hover > .NewsView_asidePicture_content, s-news[s-view] .NewsView_asidePicture:focus > .NewsView_asidePicture_content { -webkit-filter: brightness(1.4); filter: brightness(1.4); } s-news[s-view] .NewsView_asidePicture > .NewsView_arrow { position: absolute; top: auto; right: 0; bottom: auto; left: 0; height: 7px; color: white; } s-news[s-view] .NewsView_asidePicture > .NewsView_arrow:before, s-news[s-view] .NewsView_asidePicture > .NewsView_arrow:after { content: ''; background-color: currentColor; width: -webkit-calc(50% - 6px); width: calc(50% - 6px); } s-news[s-view] .NewsView_asidePicture > .NewsView_arrow:before { position: absolute; top: 0; right: auto; bottom: 0; left: 0; } s-news[s-view] .NewsView_asidePicture > .NewsView_arrow:after { position: absolute; top: 0; right: 0; bottom: 0; left: auto; } s-news[s-view] .NewsView_asidePicture > .NewsView_arrow > svg { width: 12px; height: 6px; position: absolute; top: 0; left: 50%; margin-left: -6px; fill: currentColor; } s-news[s-view] .NewsView_asidePicture.NewsView_asidePicture-arrowBottom > .NewsView_arrow { bottom: 0; } s-news[s-view] .NewsView_asidePicture.NewsView_asidePicture-arrowBottom > .NewsView_arrow > svg { top: 1px; } s-news[s-view] .NewsView_asidePicture.NewsView_asidePicture-arrowTop > .NewsView_arrow { top: 0; } s-news[s-view] .NewsView_blogPost .NewsView_postContent { text-align: center; } s-news[s-view] .NewsView_blogPost .NewsView_postContent .NewsPost_content { color: #666666; } s-news[s-view] .NewsView_blogPost .NewsView_postContent .NewsPost_head { color: #8c919b; } s-news[s-view] .NewsView_blogPost .NewsView_postContent { height: -webkit-calc(50% - 6px); height: calc(50% - 6px); top: -webkit-calc(50% + 6px); top: calc(50% + 6px); background-color: white; } s-news[s-view] .NewsView_twitter { height: 50%; } s-news[s-view] .NewsView_twitter .NewsView_twitter_item { width: 100%; height: 50%; left: auto; right: auto; position: relative; } s-news[s-view] .NewsView_twitter .NewsView_twitter_item:nth-child(1) { background-color: #535560; } s-news[s-view] .NewsView_twitter .NewsView_twitter_item:nth-child(2) { background-color: #4b4d57; } s-news[s-view] .NewsView_facebook .NewsView_postContent { height: -webkit-calc(50% - 6px); height: calc(50% - 6px); top: 0; } s-news[s-view] .NewsView_facebook .NewsView_asidePicture { top: -webkit-calc(50% - 6px); top: calc(50% - 6px); } s-news[s-view] .NewsView_facebook .NewsView_row:nth-child(1) .NewsView_postContent { background-color: #4b4d57; } s-news[s-view] .NewsView_facebook .NewsView_row:nth-child(1) .NewsView_arrow { color: #4b4d57; } s-news[s-view] .NewsView_facebook .NewsView_row:nth-child(2) .NewsView_postContent { background-color: #535560; } s-news[s-view] .NewsView_facebook .NewsView_row:nth-child(2) .NewsView_arrow { color: #535560; } s-news[s-view] .NewsView_gallery { height: 50%; } s-news[s-view] .NewsView_gallery:after { content: ''; clear: both; } s-news[s-view] .NewsView_gallery .NewsView_asidePicture { position: relative; left: auto; right: auto; width: 50%; height: 50%; float: left; background-color: #32333a; } @media (max-width: 920px) { s-news[s-view] { position: absolute; top: 90px; right: 0; bottom: 0; left: 0; } s-news[s-view] .NewsView_content { overflow: hidden; overflow-y: scroll; overflow-scrolling: touch; height: 100%; } s-news[s-view] .NewsView_scrollableContent { height: auto; display: block; } s-news[s-view] .NewsView_column, s-news[s-view] .NewsView_row { height: auto; } s-news[s-view] .NewsView_blogPost .NewsView_asidePicture, s-news[s-view] .NewsView_facebook .NewsView_asidePicture { position: relative; display: block; width: 100%; height: 50vw; } s-news[s-view] .NewsView_blogPost .NewsView_postContent, s-news[s-view] .NewsView_facebook .NewsView_postContent { position: relative; top: auto; } s-news[s-view] .NewsView_postContent, s-news[s-view] .NewsView_twitter_item { padding-top: 10px; padding-bottom: 14px; height: auto; min-height: 100px; } s-news[s-view] .NewsView_gallery { height: 100vw; } } s-news[s-view].NewsView-liteMode .NewsPost_content { overflow: hidden; } s-news[s-view].NewsView-liteMode .NewsView_asidePicture.NewsView_asidePicture-animate .NewsView_asidePicture_content { -webkit-animation: none; animation: none; } s-news[s-view].NewsView-liteMode .NewsView_asidePicture.NewsView_asidePicture:hover > .NewsView_asidePicture_content, s-news[s-view].NewsView-liteMode .NewsView_asidePicture.NewsView_asidePicture:focus > .NewsView_asidePicture_content { -webkit-filter: none; filter: none; } s-not-found[s-view] { display: none; overflow: auto; } s-not-found[s-view] .NotFoundView_wrapper { max-width: 1600px; min-width: 980px; margin: 0 auto; position: relative; overflow: hidden; } s-not-found[s-view] .NotFoundView_section { overflow: hidden; width: 100%; } s-not-found[s-view] .NotFoundView_sectionContent { height: auto; width: 980px; margin: 0 auto; text-align: center; } s-not-found[s-view] .NotFoundView_section-visuel { padding-bottom: 80px; background: transparent url('../static/sprites/404.jpg') no-repeat center top; } s-not-found[s-view] .NotFoundView_section-visuel .NotFoundView_sectionContent { margin-top: 428px; } s-not-found[s-view] .NotFoundView_section-visuel h1 { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 60px; color: white; } s-not-found[s-view] .NotFoundView_section-visuel p { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 18px; -webkit-font-smoothing: antialiased; color: #a0a1a3; } s-not-found[s-view] .NotFoundView_section-visuel .backButton { margin-top: 40px; } s-organisation[s-view] { display: none; } s-organisation[s-view] s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } s-organisation[s-view] s-video-button[s-element] { position: absolute; top: 65%; left: 50%; } s-organisation[s-view] s-arrow-button[s-element] { position: absolute; top: auto; right: 0; bottom: 0; left: 0; } s-savoir-faire[s-view] { display: none; } s-savoir-faire[s-view] s-click-indicator[s-element] { position: absolute; left: 50%; bottom: 10%; } s-savoir-faire[s-view] s-arrow-button[s-element] { position: absolute; top: auto; right: 0; bottom: 0; left: 0; display: none; } s-savoir-faire[s-view] .SavoirFaireView_competences, s-savoir-faire[s-view] .SavoirFaireView_vision { display: none; } s-savoir-faire[s-view] h3 { font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 50px; color: white; margin: 0 auto; width: 100%; text-align: center; display: none; padding: 4px 4%; } s-savoir-faire[s-view] h3 .SavoirFaireView_titleContent { display: inline-block; white-space: nowrap; text-wrap: none; vertical-align: top; overflow: hidden; } s-savoir-faire[s-view] h3 .SavoirFaireView_underscore { position: absolute; display: inline-block; vertical-align: top; } s-savoir-faire[s-view] .SavoirFaireView_step { position: absolute; top: 6%; left: 0; width: 100%; } s-savoir-faire[s-view] .SavoirFaireView_title { position: absolute; margin-top: 3%; } s-savoir-faire[s-view] .SavoirFaireView_nope { position: relative; } s-savoir-faire[s-view] .SavoirFaireView_yeah { position: relative; margin-top: -1%; } s-savoir-faire[s-view] .SavoirFaireView_competences { text-align: center; position: absolute; top: 40%; right: 0; bottom: auto; left: 0; } s-savoir-faire[s-view] .SavoirFaireView_competences .SavoirFaireView_competences_column { width: 220px; display: inline-block; text-align: left; color: #ccc; vertical-align: top; padding-right: 10px; white-space: nowrap; } s-savoir-faire[s-view] .SavoirFaireView_competences .SavoirFaireView_competences_column h4 { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; } s-savoir-faire[s-view] .SavoirFaireView_competences .SavoirFaireView_competences_column ul { list-style: none; padding-left: 0; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: normal; } s-savoir-faire[s-view] .SavoirFaireView_competences .SavoirFaireView_competences_column li { margin-top: 6px; } @media screen and (max-width: 1200px), screen and (max-height: 700px) { s-savoir-faire[s-view] h3 { font-size: 40px; } } @media screen and (max-width: 1024px), screen and (max-height: 500px) { s-savoir-faire[s-view] h3 { font-size: 30px; } } @media screen and (max-width: 600px), screen and (max-height: 450px) { s-savoir-faire[s-view] h3 { font-size: 16px; line-height: 20px; padding: 3px 90px; } } .EtudeDeCas_adidasWebmarketing .Text-mainColor { color: #23b11f; } .EtudeDeCas_adidasWebmarketing .Main-text { font-family: 'Lato', sans-serif; font-size: 30px; line-height: 40px; font-weight: 200; } .EtudeDeCas_adidasWebmarketing .EDCBlock-intro { text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo { position: relative; height: 680px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo .EDCBlock_content { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo .EDCBlock_text { color: white; width: 980px; text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .EmbedContent { height: 930px; position: relative; margin-top: -50px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .facebook { position: absolute; top: 150px; left: 50%; margin-left: -470px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .insta { position: absolute; top: 0; left: 50%; margin-left: 20px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .video { position: absolute; top: 710px; left: 50%; margin-left: -77px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement { background-color: #f2f2f2; text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement .EDCBlock_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement .EDCBlock_engagementImage { margin-top: 70px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow { padding: 150px 0; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .EDCBlock_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .SlideshowContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .EtudeDeCas_image-iphone { width: 276px; height: 563px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .phone { position: relative; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow video { position: absolute; width: 256px; height: 452px; top: 43px; left: 10px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-evenement { background-color: #f2f2f2; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement { text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev, .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next { display: block; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev:before, .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next:before { content: ''; display: block; background: transparent; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev { width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next { width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .TextSocial { margin: 0 auto; margin-top: 90px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock { margin-top: 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock_text { margin: 0 40px; font-style: italic; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock_text-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat { text-align: center; padding-bottom: 160px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat a { color: white; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .Text-pretitle + .Text-highlight { margin-top: 5px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .EtudeDeCas_resultatBloc_inlineStack { margin-top: 50px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .Text-quote { font-style: italic; margin-top: 60px; } .EtudeDeCas_adidasWebmarketing .Text-mainColor { color: #23b11f; } .EtudeDeCas_adidasWebmarketing .Main-text { font-family: 'Lato', sans-serif; font-size: 30px; line-height: 40px; font-weight: 200; } .EtudeDeCas_adidasWebmarketing .EDCBlock-intro { text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo { position: relative; height: 680px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo .EDCBlock_content { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .EtudeDeCas_adidasWebmarketing .EDCBlock-introVideo .EDCBlock_text { color: white; width: 980px; text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .EmbedContent { height: 930px; position: relative; margin-top: -50px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .facebook { position: absolute; top: 150px; left: 50%; margin-left: -470px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .insta { position: absolute; top: 0; left: 50%; margin-left: 20px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-activation .video { position: absolute; top: 710px; left: 50%; margin-left: -77px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement { background-color: #f2f2f2; text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement .EDCBlock_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-engagement .EDCBlock_engagementImage { margin-top: 70px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow { padding: 150px 0; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .EDCBlock_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .SlideshowContainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .EtudeDeCas_image-iphone { width: 276px; height: 563px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow .phone { position: relative; } .EtudeDeCas_adidasWebmarketing .EDCBlock-slideshow video { position: absolute; width: 256px; height: 452px; top: 43px; left: 10px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-evenement { background-color: #f2f2f2; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement { text-align: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev, .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next { display: block; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev:before, .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next:before { content: ''; display: block; background: transparent; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_prev { width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .Indicator_next { width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .TextSocial { margin: 0 auto; margin-top: 90px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock { margin-top: 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock_text { margin: 0 40px; font-style: italic; } .EtudeDeCas_adidasWebmarketing .EDCBlock-lancement .LancementBlock_text-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat { text-align: center; padding-bottom: 160px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat a { color: white; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .Text-pretitle + .Text-highlight { margin-top: 5px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .EtudeDeCas_resultatBloc_inlineStack { margin-top: 50px; } .EtudeDeCas_adidasWebmarketing .EDCBlock-resultat .Text-quote { font-style: italic; margin-top: 60px; } .EtudeDeCas_adidas .EtudeDeCas_textContent > h5 { color: #076eb3; } .EtudeDeCas_storiesAdidas .Text-darkColor { color: #444444; } .EtudeDeCas_storiesAdidas .Main-text { font-family: 'Lato', sans-serif; font-size: 30px; line-height: 40px; font-weight: 200; } .EtudeDeCas_storiesAdidas .instagram-button { display: inline-block; cursor: pointer; margin-top: 20px; text-decoration: none; } .EtudeDeCas_storiesAdidas .instagram-button img { display: inline-block; vertical-align: bottom; margin-right: 15px; } .EtudeDeCas_storiesAdidas .instagram-button span { display: inline-block; vertical-align: bottom; font-family: 'Lato', sans-serif; font-size: 16px; position: relative; } .EtudeDeCas_storiesAdidas .instagram-button span:after { content: ""; position: absolute; background: #444444; bottom: -4px; left: 0; width: 100%; height: 1px; } .EtudeDeCas_storiesAdidas .instagram-avatar { padding: 60px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 13px; text-align: center; } .EtudeDeCas_storiesAdidas .instagram-avatar img { margin-bottom: 10px; } .EtudeDeCas_storiesAdidas .instagram-avatar__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .EtudeDeCas_storiesAdidas .EDCBlock-resultat { text-align: center; } .EtudeDeCas_storiesAdidas .EDCBlock-resultat .Text-highlight { font-style: italic; } .EtudeDeCas_storiesAdidas .EDCBlock-intro { text-align: center; } .EtudeDeCas_storiesAdidas .EDCBlock-branding { position: relative; height: 675px; } .EtudeDeCas_storiesAdidas .EDCBlock-branding .EDCBlock_content { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .EtudeDeCas_storiesAdidas .EDCBlock-branding .EDCBlock_text { color: white; width: 980px; text-align: center; } .EtudeDeCas_storiesAdidas .EDCBlock-slider { padding-top: 150px; padding-bottom: 150px; font-size: 0; } .EtudeDeCas_storiesAdidas .EDCBlock-slider video { position: relative; } .EtudeDeCas_storiesAdidas .EDCBlock-slider .Phone { display: inline-block; vertical-align: top; position: relative; } .EtudeDeCas_storiesAdidas .EDCBlock-slider .EDCBlock-iphone { position: absolute; top: -40px; left: -10px; width: 276px; height: 563px; margin: 0 auto; } .EtudeDeCas_storiesAdidas .EDCBlock-slider .Indicator_next { right: -60px; } .EtudeDeCas_storiesAdidas .EDCBlock-slider .Indicator_prev { left: -60px; } .EtudeDeCas_storiesAdidas .EDCBlock-slider .EDCBlock_text { display: inline-block; vertical-align: top; margin-top: 100px; margin-left: 98px; } .EtudeDeCas_storiesAdidas .EDCSlideshow-small { margin-left: 80px; width: 254px; height: 451px; position: relative; } .EtudeDeCas_storiesAdidas .EDCBlock-studio .EDCBlock_text { margin-left: 0px; } .EtudeDeCas_storiesAdidas .EDCBlock-gareth { height: 420px; border-bottom: 1px solid rgba(215, 215, 215, 0.5); } .EtudeDeCas_storiesAdidas .EDCBlock-gareth .EDCBlock_text { margin-left: 392px; } .EtudeDeCas_storiesAdidas .EDCBlock-garbine { height: 420px; border-bottom: 1px solid rgba(215, 215, 215, 0.5); } .EtudeDeCas_storiesAdidas .EDCBlock-garbine .EDCBlock_text { margin-left: 0; } .EtudeDeCas_storiesAdidas .EDCBlock-hannah { height: 420px; border-bottom: 1px solid rgba(215, 215, 215, 0.5); } .EtudeDeCas_storiesAdidas .EDCBlock-hannah .EDCBlock_text { margin-left: 392px; } .EtudeDeCas_storiesAdidas .EDCBlock-director { height: 675px; } .EtudeDeCas_storiesAdidas .EDCBlock-director .EDCBlock_text { margin-left: 0px; } .EtudeDeCas_AdidasEscape { /** * Config */ /** * Overload */ } .EtudeDeCas_AdidasEscape .EtudeDeCas_textContent > h5 { color: #1587cb; } .EtudeDeCas_AdidasEscape .EtudeDeCas_textContent.EtudeDeCas_textContent-hasLeftBorder { border-color: #1587cb; } .EtudeDeCas_AdidasEscape .EtudeDeCas_centeredBloc { margin-top: 100px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta { background-color: #faf8f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 350px; overflow: visible; background-position: center center; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta .EtudeDeCas_centeredBloc { overflow: visible; margin-top: 0px; margin-bottom: 0px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta p { font-size: 36px; line-height: 40px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta h5 { margin-top: 30px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta .EtudeDeCas_TLDR { height: 100px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_cta .EtudeDeCas_TLDR s-border-button[s-element] { margin: 20px 0 0 0; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc1 { height: 500px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc1 .EtudeDeCas_image { width: 253px; height: 170px; background: url('../medias/etudes-de-cas/adidas/lead-generation/logo-adidas.png') no-repeat; position: relative; left: 0; top: 30px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc1 .EtudeDeCas_introTitle { width: 588px; text-align: left; float: right; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc2 { height: 600px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc2 s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc2 s-video-player[s-component] .lhs_VideoPlayer_handheld { background-position: center center; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 { height: 1507px; overflow: visible; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_centeredBloc { overflow: visible; margin-bottom: 0; margin-top: 0; height: 100%; padding-top: 100px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_textContent.EtudeDeCas_textContent1 { width: 392px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_textContent.EtudeDeCas_textContent1 h4 { margin-bottom: 50px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_textContent.EtudeDeCas_textContent2 { position: absolute; width: 352px; left: 548px; top: 360px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie1 { width: 352px; height: 412px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-1.jpg') no-repeat; position: absolute; top: -73px; left: 510px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie2 { width: 300px; height: 217px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-2.jpg') no-repeat; position: absolute; top: 0px; left: 764px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie3 { width: 75px; height: 66px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-3.jpg') no-repeat; position: absolute; top: 258px; left: 1090px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie4 { width: 389px; height: 280px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-4.jpg') no-repeat; position: absolute; top: 747px; left: -409px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie5 { width: 320px; height: 197px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-5.png') no-repeat; position: absolute; top: 755px; left: 50px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie6 { width: 254px; height: 254px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-6.jpg') no-repeat; position: absolute; top: 544px; left: 124px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_videoCerceaux { width: 548px; height: 355px; position: absolute; top: 775px; left: 216px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_videoCerceaux s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie8 { width: 240px; height: 360px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-8.jpg') no-repeat; position: absolute; top: 546px; right: -288px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie9 { width: 548px; height: 532px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-9.jpg') no-repeat; position: absolute; top: 950px; left: 607px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie10 { width: 346px; height: 167px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-10.png') no-repeat; position: absolute; top: 1206px; left: 340px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie11 { width: 352px; height: 277px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-harmonie-11.jpg') no-repeat; position: absolute; top: 1230px; left: -80px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc3 .EtudeDeCas_AdidasEscape_image_harmonie12 { position: absolute; width: 92px; height: 267px; top: 475px; right: -110px; background-color: #ff728d; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc4 { height: 340px; background: #ff728d url('../medias/etudes-de-cas/adidas/lead-generation/visu-voyage-voyage.jpg') no-repeat center; text-align: center; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc4 .EtudeDeCas_textContent { width: 744px; margin-left: auto; margin-right: auto; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc4 .EtudeDeCas_textContent h5 { color: #ffffff; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc4 .EtudeDeCas_textContent h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 { overflow: visible; height: 889px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_centeredBloc { margin-bottom: 0; margin-top: 0; height: 100%; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_AdidasEscape_image_limites1 { width: 373px; height: 352px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-limites-1.gif') no-repeat; position: absolute; top: 71px; left: 20px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_AdidasEscape_image_limites2 { width: 558px; height: 336px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-limites-2.jpg') no-repeat; position: absolute; left: 508px; top: 555px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_AdidasEscape_image_limites3 { width: 159px; height: 218px; position: absolute; top: 177px; left: 235px; background-color: #ff728d; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_textContent1 { width: 450px; position: absolute; left: 530px; top: 188px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc5 .EtudeDeCas_textContent2 { width: 294px; position: absolute; left: 58px; top: 542px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 { height: 975px; overflow: visible; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_centeredBloc { overflow: visible; margin-bottom: 0; margin-top: 0; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_centeredBloc h3 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; color: #444444; text-align: center; -webkit-font-smoothing: antialiased; position: absolute; text-align: right; right: 211px; top: 679px; color: #1587cb; width: 254px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_textContent { position: absolute; left: 50%; top: 260px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 548px; padding: 58px; background-color: #faf8f5; margin-left: auto; margin-right: auto; box-shadow: 0px 12px 15px 0px rgba(204, 204, 204, 0.2); } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers1 { width: 148px; height: 156px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-1.jpg') no-repeat; position: absolute; top: 545px; left: -409px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers2 { width: 158px; height: 267px; background-color: #d1e2f2; position: absolute; top: 345px; left: -334px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers3 { width: 472px; height: 329px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-2.jpg') no-repeat; position: absolute; top: 175px; left: -290px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers4 { width: 352px; height: 352px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-3.jpg') no-repeat; position: absolute; top: 440px; left: -113px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers5 { width: 211px; height: 249px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-4.png') no-repeat; position: absolute; top: 598px; left: 195px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers6 { width: 352px; height: 352px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-5.jpg') no-repeat; position: absolute; top: 117px; right: 0; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers7 { width: 359px; height: 260px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-6.jpg') no-repeat; position: absolute; top: 330px; right: -303px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers8 { width: 267px; height: 158px; background-color: #d1e2f2; position: absolute; top: 561px; right: -124px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc6 .EtudeDeCas_AdidasEscape_image_sentiers9 { width: 323px; height: 170px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-sentiers-7.jpg') no-repeat; position: absolute; top: 632px; right: -150px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 { height: 500px; background: url('../medias/etudes-de-cas/adidas/lead-generation/visuel-contribution-1.jpg') no-repeat center bottom; /*.EtudeDeCas_resultatBloc_caption { font-size: 14px; } .EtudeDeCas_resultatBloc_stackItemTitle { line-height: initial; }*/ } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 .EtudeDeCas_centeredBloc { margin-top: 100px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 .EtudeDeCas_resultatBloc_textContent { /** * Ci dessous en commetaire pour évolution avec les stats quand on aura le droit de les afficher */ /*.EtudeDeCas_resultatBloc_stackItem { &:last-of-type { .EtudeDeCas-animate { &:before { content:'dont '; font-size: 20px; } } } }*/ } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 .EtudeDeCas_resultatBloc_textContent h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; width: 940px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 .EtudeDeCas_resultatBloc_textContent h5:first-of-type { margin-bottom: 10px; } .EtudeDeCas_AdidasEscape .EtudeDeCas_AdidasEscape_bloc7 .EtudeDeCas_resultatBloc_textContent h5:last-of-type { margin-top: 0; margin-bottom: 20px; } .EtudeDeCas_AdidasOutfit { /** * Config */ /** * Overload */ } .EtudeDeCas_AdidasOutfit .EtudeDeCas_textContent > h5 { color: #1587cb; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_textContent.EtudeDeCas_textContent-hasLeftBorder, .EtudeDeCas_AdidasOutfit .EtudeDeCas_textContent.EtudeDeCas_textContent-hasBottomBorder { border-color: #1587cb; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_seperator { width: 40px; height: 1px; margin: 80px auto 0 auto; background-color: #1587cb; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc2 { height: 820px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc2 .EtudeDeCas_centeredBloc { overflow: visible; margin-top: 0; margin-bottom: 0; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc2 .EtudeDeCas_textContent { width: 392px; position: absolute; top: 125px; left: 0; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc2 .EtudeDeCas_textContent p { width: 294px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc2 .EtudeDeCas_image { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-contexte.jpg') no-repeat; width: 490px; height: 819px; position: absolute; left: 471px; top: 0px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc3 .EtudeDeCas_textContent > h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; color: #1587cb; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 { height: 2197px; overflow: visible; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 0; height: 100%; overflow: visible; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_textContent { position: absolute; top: 50px; left: 0; width: 352px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_textContent h5 { margin-bottom: 10px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation1 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation1.jpg') no-repeat; width: 393px; height: 259px; position: absolute; left: 411px; top: 10px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation2 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation2.jpg') no-repeat; width: 393px; height: 259px; position: absolute; left: 566px; top: 135px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation3 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation3.jpg') no-repeat; width: 137px; height: 287px; position: absolute; left: 473px; top: 185px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation4 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation4.jpg') no-repeat; width: 784px; height: 517px; position: absolute; left: -73px; top: 714px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation5 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation5.jpg') no-repeat; width: 241px; height: 651px; position: absolute; left: 808px; top: 616px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation6 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation6.jpg') no-repeat; width: 432px; height: 932px; position: absolute; left: -16px; top: 1111px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation7 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation7.jpg') no-repeat; width: 590px; height: 397px; position: absolute; left: 415px; top: 1418px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc4 .EtudeDeCas_AdidasOutfit_realisation8 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-realisation8.jpg') no-repeat; width: 496px; height: 325px; position: absolute; left: 83px; top: 1586px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc5 { height: 559px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc5 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 0; height: 100%; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc5 .EtudeDeCas_textContent { position: absolute; width: 294px; left: 25px; top: 48px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc5 .EtudeDeCas_AdidasOutfit_concept1 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-concept1.jpg') no-repeat; width: 588px; height: 377px; position: absolute; left: 378px; top: 0px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc5 .EtudeDeCas_AdidasOutfit_concept2 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-concept2.jpg') no-repeat; width: 300px; height: 300px; position: absolute; left: 286px; bottom: 0px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc6 { height: 420px; background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-ecommerce.jpg') no-repeat center center; margin-top: 132px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc6 .EtudeDeCas_centeredBloc { width: 628px; margin-top: 100px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc6 h4 { color: #fff; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc6 .EtudeDeCas_AdidasOutfit_seperator { background-color: #fff; margin-top: 50px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc7 { height: 628px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc7 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 0; height: 100%; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc7 .EtudeDeCas_textContent { width: 294px; position: absolute; left: 640px; top: 238px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc7 .EtudeDeCas_AdidasOutfit_jourj1 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj1.png') no-repeat; width: 413px; height: 105px; position: absolute; left: 417px; top: 60px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc7 .EtudeDeCas_AdidasOutfit_jourj2 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj2.jpg') no-repeat; width: 590px; height: 292px; position: absolute; left: 28px; top: 334px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 { height: 868px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 0; height: 100%; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 .EtudeDeCas_textContent { position: absolute; left: 640px; top: 490px; width: 294px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 .EtudeDeCas_AdidasOutfit_jourj2-1 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+1-1.png') no-repeat; width: 247px; height: 105px; position: absolute; left: 180px; top: 122px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 .EtudeDeCas_AdidasOutfit_jourj2-2 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+1-2.jpg') no-repeat; width: 496px; height: 412px; position: absolute; left: 28px; top: 283px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc8 .EtudeDeCas_AdidasOutfit_jourj2-3 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+1-3.png') no-repeat; width: 254px; height: 535px; position: absolute; left: 360px; top: 332px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 { height: 1146px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 0; height: 100%; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_textContent { position: absolute; width: 294px; left: 640px; top: 408px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_AdidasOutfit_jourj3-1 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+2-1.png') no-repeat; width: 288px; height: 107px; position: absolute; left: 417px; top: 116px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_AdidasOutfit_jourj3-2 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+2-2.jpg') no-repeat; width: 120px; height: 600px; position: absolute; left: 25px; top: 197px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_AdidasOutfit_jourj3-3 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+2-3.jpg') no-repeat; width: 439px; height: 739px; position: absolute; left: 178px; top: 285px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc9 .EtudeDeCas_AdidasOutfit_jourj3-4 { background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-jourj+2-4.jpg') no-repeat; width: 300px; height: 250px; position: absolute; left: 638px; top: 684px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc10 { height: 450px; background: url('../medias/etudes-de-cas/adidas/webmarketing-sport/visuel-resultats.jpg') no-repeat center bottom; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc10 .EtudeDeCas_centeredBloc { height: 100%; margin-top: 140px; margin-bottom: 0px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc10 .EtudeDeCas_resultatBloc_textContent h4 { margin-left: auto; margin-right: auto; width: 744px; } .EtudeDeCas_AdidasOutfit .EtudeDeCas_AdidasOutfit_bloc10 .EtudeDeCas_resultatBloc_textContent h5 { margin-bottom: 10px; } .EtudeDeCas_araymond .EtudeDeCas_textContent > h5 { color: #076eb3; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc1 { position: relative; height: 600px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc1 .EtudeDeCas_image { width: 1141px; height: 317px; margin: 50px auto 0 auto; background: #ffffff url('../medias/etudes-de-cas/araymond/portail-international/intro-background.jpg') no-repeat; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc1 .EtudeDeCas_TLDR { margin: 40px auto 0 auto; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc2 { height: 635px; background: url('../medias/etudes-de-cas/araymond/portail-international/presentation-background.jpg') no-repeat center center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc2 .EtudeDeCas_textContent { margin-right: 400px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc3 { height: 484px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc3 .EtudeDeCas_image { position: absolute; top: 0; right: -webkit-calc(50% + 20px); right: calc(50% + 20px); bottom: 0; left: 0; background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-collaboration-1.jpg') no-repeat; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc3 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc4 { color: white; background-color: #1b68af; background-image: url('../medias/etudes-de-cas/araymond/portail-international/quote-illustration.png'); background-repeat: no-repeat; background-position: -webkit-calc(80% + 200px) top; background-position: calc(80% + 200px) top; height: 236px; text-align: center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc4 .EtudeDeCas_centeredBloc { width: 900px; margin-top: 70px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc4 .EtudeDeCas_centeredBloc > p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc5 { height: 554px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc5 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { width: 375px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc5 .EtudeDeCas_image { width: 820px; position: absolute; top: 0; right: 0; bottom: 0; left: 40%; background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-comprendre-1.png') no-repeat center center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc6 { height: 323px; white-space: nowrap; font-size: 0; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc6 .EtudeDeCas_araymond_image1 { background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-comprendre-2.jpg') no-repeat right top; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc6 .EtudeDeCas_araymond_image2 { background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-comprendre-3.jpg') no-repeat right top; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc6 .EtudeDeCas_araymond_image3 { background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-comprendre-4.jpg') no-repeat right top; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc6 .EtudeDeCas_image { height: 100%; width: 34%; background-size: cover; display: inline-block; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 { height: 607px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_centeredBloc p { color: #666666; margin-top: 20px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_centeredBloc ul { left: -30px; margin-top: 0; list-style: none; position: relative; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_centeredBloc a { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; line-height: 30px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_centeredBloc .EtudeDeCas_araymond_linkContent { display: inline-block; vertical-align: top; margin-right: 70px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_image { position: absolute; top: 33px; right: -200px; bottom: 0; left: auto; width: 635px; background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-produire-1.jpg') no-repeat center center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_araymond_bigTextCenterContent { margin-top: -30px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_araymond_bigTextCenterContent .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc7 .EtudeDeCas_araymond_bigTextCenterContent .EtudeDeCas_textContent p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc8 { height: 598px; position: relative; background-color: #cccacb; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc8 .EtudeDeCas_araymond_experienceOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); cursor: pointer; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc8 .EtudeDeCas_araymond_experienceButton { position: absolute; top: 50%; left: 50%; margin-left: -55px; margin-top: -55px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc8 > iframe { width: 100%; height: 100%; overflow: hidden; -webkit-filter: blur(8px); filter: blur(8px); } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc9 { height: 653px; background: url('../medias/etudes-de-cas/araymond/portail-international/visuel-iteration-1.jpg') no-repeat center bottom; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc9 .EtudeDeCas_centeredBloc { width: 540px; left: 180px; margin-top: 70px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc10 { height: 1330px; background: url('../medias/etudes-de-cas/araymond/portail-international/video-background.jpg') no-repeat center center; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc10 .EtudeDeCas_video { margin-top: 80px; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc10 .EtudeDeCas_centeredBloc { width: 870px; margin-top: 40px; overflow: visible; } .EtudeDeCas_araymond .EtudeDeCas_araymond_bloc10 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent > p { color: white; } .EtudeDeCas_bd .EtudeDeCas_textContent > h5 { color: #f37321; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc1 { height: 825px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc1 .EtudeDeCas_introTitle { margin-top: 60px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc1 .EtudeDeCas_image { height: 435px; margin-top: 50px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/intro-background.jpg') no-repeat center bottom; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 { height: 433px; overflow: visible; background-color: #7e89a7; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .link-slideRight { color: currentColor; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_centeredBloc { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_textContent { width: 710px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_textContent h5, .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_textContent h4, .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_textContent p { color: white; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc2 .EtudeDeCas_image { width: 609px; height: 415px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-presentation-1.png') no-repeat; position: absolute; top: 45px; left: 790px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc3 { height: 448px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc3 .EtudeDeCas_centeredBloc { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc3 .EtudeDeCas_image { width: 488px; height: 316px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-problematique-1.png') no-repeat; position: relative; left: -80px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc3 .EtudeDeCas_textContent { width: 470px; float: right; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc4 { height: 559px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc4 .EtudeDeCas_centeredBloc { overflow: visible; white-space: nowrap; margin-top: inherit; margin-bottom: inherit; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc4 .EtudeDeCas_textContent { width: 370px; display: inline-block; white-space: normal; position: relative; top: -150px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc4 .EtudeDeCas_image { width: 1070px; height: 559px; display: inline-block; white-space: normal; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-comprendre-1.jpg') no-repeat right top; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 { height: 490px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-technique-1.jpg') no-repeat center center; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_textContent { display: inline-block; vertical-align: top; width: 550px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools { display: inline-block; vertical-align: top; margin-left: 20px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_techSprite { background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/sprite-logos-bd.png') no-repeat; width: 158px; display: inline-block; vertical-align: middle; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_techSprite-sharepoint { background-position: 0 0; height: 33px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_techSprite-elasticsearch { background-position: 0 -33px; height: 40px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_techSprite-angular { background-position: 0 -72px; height: 43px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_icon { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233); display: inline-block; margin-left: 14px; vertical-align: middle; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_icon-plus { width: 27px; height: 27px; background-position: -574px -992px; background-size: 2000px 1024px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_icon-minus { width: 27px; height: 27px; background-position: -1954px -608px; background-size: 2000px 1024px; display: none; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .CollapseMenu_item-selected .EtudeDeCas_icon-plus { display: none; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .CollapseMenu_item-selected .EtudeDeCas_icon-minus { display: inline-block; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .CollapseMenu_item { margin-bottom: 20px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_bd_textContent_tools { width: 365px; display: block; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc5 .EtudeDeCas_bd_techTools .EtudeDeCas_bd_textContent_tools p { font-size: 14px; line-height: 20px; margin-top: 7px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc6 { height: 835px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-livraison-1.png') repeat; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc6 .EtudeDeCas_centeredBloc { margin-bottom: 50px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc7 { height: 670px; background: url('../medias/etudes-de-cas/becton-dickinson/extranet-medical/visuel-resultats-1.jpg') no-repeat center center; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc7 .EtudeDeCas_resultatBloc_caption { margin-top: 20px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc7 .EtudeDeCas_resultatBloc_inlineStack { margin-top: 30px; } .EtudeDeCas_bd .EtudeDeCas_bd_bloc7 .EtudeDeCas_buttonBar { margin-top: 20px; } .EtudeDeCas_bongenieUX .EDCBlock-intro .Text { text-align: center; } .EtudeDeCas_bongenieUX .EDCBlock-objectif .EDCBlock_text { margin-left: 490px; } .EtudeDeCas_bongenieUX .EDCBlock-direction { height: 617px; } .EtudeDeCas_bongenieUX .EDCBlock-styleguide { height: 783px; } .EtudeDeCas_bongenieUX .EDCBlock-styleguide .EDCBlock_text { margin-top: 180px; margin-left: 588px; } .EtudeDeCas_bongenieUX .EDCBlock-responsive { padding: 0; } .EtudeDeCas_bongenieUX .EDCBlock-resultats { text-align: center; } .EtudeDeCas_bongenieUX .EDCBlock-resultats .EDCBlock_content { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .EtudeDeCas_bongenieUX .EDCBlock-resultats .Text-highlight { font-style: italic; } .EtudeDeCas_botanicApplication { /** * Config */ /** * Overload */ } .EtudeDeCas_botanicApplication .EtudeDeCas_textContent > h5 { color: #444444; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 { height: 580px; background: #009a90 url('../medias/etudes-de-cas/botanic/application-fidelisation/intro-background.jpg') no-repeat; background-position: center center; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 .EtudeDeCas_centeredBloc { margin-top: 170px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 p { font-size: 36px; line-height: 40px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 h5 { margin-top: 30px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc1 .EtudeDeCas_TLDR { height: 200px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 { height: 860px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 .EtudeDeCas_centeredBloc { margin-top: 200px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 .EtudeDeCas_textContent { margin-left: 548px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; color: #444444; width: 412px; margin-top: 30px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 .EtudeDeCas_botanicApplication_image-surmesure1 { width: 784px; height: 599px; background: url('../medias/etudes-de-cas/botanic/application-fidelisation/bloc2-surmesure1.jpg') no-repeat; position: absolute; left: 50%; margin-left: -764px; top: 85px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc2 .EtudeDeCas_botanicApplication_image-surmesure2 { width: 465px; height: 408px; background: url('../medias/etudes-de-cas/botanic/application-fidelisation/bloc2-surmesure2.jpg') no-repeat; position: absolute; left: 50%; margin-left: 314px; top: 500px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc3 { height: 750px; background: #009a90 url('../medias/etudes-de-cas/botanic/application-fidelisation/transition-background.jpg') no-repeat center top; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc4 { height: 727px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc4 .EtudeDeCas_textContent-1 { width: 352px; margin-left: 118px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc4 .EtudeDeCas_textContent-2 { width: 352px; margin-left: 510px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 { height: 660px; background-color: #ebe4e0; overflow: visible; padding-top: 1px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoContainer { position: absolute; top: -235px; right: 50%; width: 10000px; height: 547px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoContent { width: 10000px; height: 547px; font-size: 0; text-align: right; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideo_slider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideo_slide { display: inline-block; vertical-align: top; width: 124px; height: 220px; margin-top: 122px; margin-right: 71px; box-shadow: 21px 34px 70px 0px rgba(0, 0, 0, 0.22); } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideo_slide-current { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; width: 308px; height: 547px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls { width: 236px; height: 46px; position: absolute; top: 362px; left: 146px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_button { width: 46px; height: 46px; border-radius: 50%; border: 1px solid black; position: relative; display: inline-block; vertical-align: middle; cursor: pointer; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_button.play .EtudeDeCas_carouselVideoControls_play { opacity: 1; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_button.play .EtudeDeCas_carouselVideoControls_pause { opacity: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_play { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 11px solid black; opacity: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_pause { width: 8px; height: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_pause:before, .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_pause:after { content: ""; display: inline-block; width: 2px; height: 16px; background-color: black; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselVideoControls_pause:after { margin-left: 3px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 s-arrow-button { display: inline-block; vertical-align: middle; cursor: pointer; margin-top: -5px; width: initial; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 s-arrow-button[direction='right'] { position: absolute; top: 0; right: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 s-arrow-button .ArrowElement_arrowPart { background-color: #9a9a9a !important; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselTextContainer { width: 470px; margin-left: 490px; font-size: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselStepNumber { display: inline-block; vertical-align: bottom; font-family: CaslonTwoTwentyFour-Bold; font-weight: bold; opacity: .4; color: #93745d; font-size: 150px; line-height: 138px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselStepNumberContainer { display: inline-block; vertical-align: bottom; overflow: hidden; position: relative; width: 89px; height: 138px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselStepNumberContainer .EtudeDeCas_carouselStepNumber { display: block; position: absolute; top: 0; left: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselStepNumberContainer .EtudeDeCas_carouselStepNumber:not(:first-child) { -webkit-transform: translateY(100%); transform: translateY(100%); } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselFinalCount { display: inline-block; vertical-align: bottom; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 60px; color: #93745d; opacity: .4; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselTextContent { width: 470px; height: 400px; position: relative; overflow: hidden; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselText { display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc5 .EtudeDeCas_carouselText:not(:first-child) { -webkit-transform: translateX(100%); transform: translateX(100%); margin-top: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc6 { height: 560px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc6 .EtudeDeCas_textContent { width: 490px; text-align: left; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc6 .EtudeDeCas_textContent p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; font-size: 22px; line-height: 36px; } .EtudeDeCas_botanicApplication .EtudeDeCas_botanicApplication_bloc6 .EtudeDeCas_image { width: 966px; height: 560px; background: #009a90 url('../medias/etudes-de-cas/botanic/application-fidelisation/bloc6-surmesure1.jpg') no-repeat center top; position: absolute; top: 0; left: 50%; margin-left: 78px; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc { height: 734px; background: #009a90 url('../medias/etudes-de-cas/botanic/application-fidelisation/resultats-background.jpg') no-repeat center top; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc h5 { margin-top: 70px; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBlocCitation { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; font-size: 30px; line-height: 40px; margin-top: 15px; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBlocSource { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 14px; text-transform: capitalize; margin-top: 20px; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar { margin-top: 110px; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn { position: relative; width: 220px; height: 64px; cursor: pointer; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn > img { height: 40px; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn .EtudeDeCas_btn_hover { opacity: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_normal, .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_normal, .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_normal { opacity: 0; } .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_hover, .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_hover, .EtudeDeCas_botanicApplication .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_hover { opacity: 1; } .EtudeDeCas_botanicWebmastering { /** * Config */ } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 350px; overflow: visible; background-position: center center; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta .EtudeDeCas_centeredBloc { overflow: visible; margin-top: 0px; margin-bottom: 0px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta p { font-size: 36px; line-height: 40px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta h5 { margin-top: 30px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta .EtudeDeCas_TLDR { height: 100px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_cta .EtudeDeCas_TLDR s-border-button[s-element] { margin: 20px 0 0 0; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro { background: #f5f5f5 url('../medias/etudes-de-cas/botanic/botanic-webmastering/intro-bg.jpg') no-repeat; background-position: center center; background-size: cover; color: #000000; text-align: center; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_centeredBloc { margin-top: 140px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_textContent > h4 { font-family: CaslonTwoTwentyFour-Bold; font-size: 38px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_textContent > p { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 30px; line-height: 36px; max-width: 850px; margin: 0 auto; color: #000000; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_textContent ul { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; max-width: 650px; text-align: left; color: #000000; margin: 65px auto 0 auto; list-style: none; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_textContent li { color: #666666; padding-left: 1em; text-indent: -1em; margin-bottom: 15px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_intro .EtudeDeCas_textContent li:before { content: ""; background-color: black; display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin-right: 30px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_expertise { height: 503px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_expertise s-video-player[s-component], .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_expertise .EtudeDeCas_botanicWebmastering_videoOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_expertise .EtudeDeCas_botanicWebmastering_videoOverlay { background-color: rgba(0, 10, 40, 0.6); } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 0; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_centeredBloc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent { text-align: left; width: 50%; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > * { text-align: left; width: 90%; margin: 0 auto; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > h4 { font-family: CaslonTwoTwentyFour-Bold; font-size: 30px; margin-bottom: 55px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > p { padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid #d9d9d9; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > p:first-of-type { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 25px; line-height: 30px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > p:last-child { border-width: 0; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_textContent > p a { font-weight: 700; text-decoration: none; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_herbier .EtudeDeCas_image { background: url('../medias/etudes-de-cas/botanic/botanic-webmastering/herbier.jpg') no-repeat; background-position: center center; background-size: 100%; height: 1200px; width: 50%; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf { background: #f5f5f5 url('../medias/etudes-de-cas/botanic/botanic-webmastering/webperf-bg.jpg') no-repeat; background-position: center center; background-size: cover; color: #000000; text-align: center; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_centeredBloc { margin-top: 345px; margin-bottom: 170px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent > h4 { font-family: CaslonTwoTwentyFour-Bold; font-size: 38px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent .subtitle { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 25px; line-height: 30px; max-width: 850px; margin: 0 auto; color: #000000; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; text-align: left; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 16px; max-width: 830px; margin: 50px auto 0 auto; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent article p, .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent article ul { max-width: -webkit-calc(50% - 20px); max-width: calc(50% - 20px); } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent ul { list-style: none; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000000; padding-left: 1em; text-indent: -1em; margin-bottom: 15px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_webperf .EtudeDeCas_textContent li:before { background: url('../medias/etudes-de-cas/botanic/botanic-webmastering/bullet.png') no-repeat; background-position: center center; background-size: 100%; content: ""; display: inline-block; vertical-align: middle; min-width: 60px; width: 60px; height: 7px; margin-right: 30px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact { position: relative; height: 497px; overflow: visible; color: white; z-index: 1; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact s-video-player[s-component], .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact .EtudeDeCas_botanicWebmastering_videoOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact .EtudeDeCas_botanicWebmastering_videoOverlay { background-color: rgba(0, 10, 40, 0.6); } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact .EtudeDeCas_centeredBloc { padding: 0; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; overflow: visible; text-align: center; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact .EtudeDeCas_textContent > h4 { color: white; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 90px; margin-bottom: 46px; } .EtudeDeCas_botanicWebmastering .EtudeDeCas_botanicWebmastering_contact .EtudeDeCas_textContent p { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 30px; line-height: 40px; max-width: 780px; margin: 0 auto; color: white; margin-bottom: 40px; } .EtudeDeCas_CatalinaCorpo { /** * Config */ /** * Overload */ } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_textContent > h5 { color: #10bdff; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc1 .EtudeDeCas_introTitle { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; margin-left: auto; margin-right: auto; width: 744px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 { overflow: visible; height: 758px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_centeredBloc { overflow: visible; margin-top: 0; margin-bottom: 0; height: 100%; /*&+.EtudeDeCas_centeredBloc { margin-top: 215px; }*/ } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_textContent1, .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_textContent2 { width: 392px; position: absolute; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_textContent1 { left: 0; top: 0; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_textContent2 { left: 515px; top: 522px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_CatalinaCorpoe_image_quiest1 { width: 602px; height: 605px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-quiestcatalina.jpg') no-repeat; position: absolute; right: -75px; top: -73px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc2 .EtudeDeCas_CatalinaCorpoe_image_quiest2 { width: 435px; height: 149px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-quiestcatalina2.jpg') no-repeat; position: absolute; left: 25px; top: 490px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc3 { height: 607px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-atelier.jpg') no-repeat center center; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc3 .EtudeDeCas_centeredBloc { width: 824px; margin-top: 215px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc3 h4 { color: #fff; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc4 { height: 1165px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc4 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc4 s-video-player[s-component] { position: absolute; top: 220px; right: 0; bottom: 0; left: 0; height: 866px; background-color: white; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc4 s-video-player[s-component] .lhs_VideoPlayer_handheld { background-position: center center; margin-top: 100px; margin-bottom: 100px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc4 .EtudeDeCas_textContent { width: 450px; margin-left: 490px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc6 { height: 600px; background-color: #f2f4f8; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc6 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc6 .EtudeDeCas_textContent { width: 548px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc6 .EtudeDeCas_CatalinaCorpo_image_surmesure1 { width: 685px; height: 600px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-surmesure1.jpg') no-repeat; position: absolute; left: 706px; top: -80px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 { height: 491px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-moderniser1.jpg') no-repeat center center; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 .EtudeDeCas_textContent { margin-top: 30px; width: 548px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 .EtudeDeCas_textContent > h4, .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 .EtudeDeCas_textContent > h5, .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 .EtudeDeCas_textContent > p { color: #fff; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc7 .EtudeDeCas_CatalinaCorpo_image_moderniser1 { width: 216px; height: 200px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-moderniser2.png') no-repeat; position: absolute; top: 41px; right: 114px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc8 .EtudeDeCas_centeredBloc { width: 744px; font-size: 0; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc8 .EtudeDeCas_CatalinaCorpo_bloc8_item { height: 98px; width: 25%; text-align: center; display: inline-block; vertical-align: top; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc8 .EtudeDeCas_CatalinaCorpo_bloc8_item:nth-child(n+5) { margin-top: 70px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc9 { height: 529px; background: url('../medias/etudes-de-cas/catalina/data-driven-marketing/visuel-contribution1.jpg') no-repeat center center; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc9 .EtudeDeCas_resultatBloc_textContent h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; width: 940px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc9 .EtudeDeCas_resultatBloc_textContent h5:first-of-type { margin-bottom: 10px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc9 .EtudeDeCas_resultatBloc_textContent h5:last-of-type { margin-top: 0; margin-bottom: 20px; } .EtudeDeCas_CatalinaCorpo .EtudeDeCas_CatalinaCorpo_bloc9 .EtudeDeCas_resultatBloc_textContent s-border-button[s-element] { margin-top: 60px; } .EtudeDeCas_applicationMax .Text-mainColor { color: #6701d1; } .EtudeDeCas_applicationMax .Text-lightColor { color: #d1b6ff; } .EtudeDeCas_applicationMax .EDCBlock-intro { text-align: center; } .EtudeDeCas_applicationMax .EDCBlock-brief { background-color: black; } .EtudeDeCas_applicationMax .EDCBlock-benchmark { height: 640px; padding-top: 210px; } .EtudeDeCas_applicationMax .EDCBlock-benchmark .EDCBlock_text { margin-left: 254px; } .EtudeDeCas_applicationMax .EDCBlock-conception { padding-top: 200px; padding-bottom: 200px; } .EtudeDeCas_applicationMax .EDCBlock-conception .EDCBlock_text { margin-left: 490px; } .EtudeDeCas_applicationMax .EDCBlock-conception .EDCBlock_background { background-position: center bottom; } .EtudeDeCas_applicationMax .EDCBlock-wireframe { height: 720px; } .EtudeDeCas_applicationMax .EDCBlock-wireframe .EDCBlock_text { margin-top: 150px; margin-left: 620px; } .EtudeDeCas_applicationMax .EDCBlock-concevoir { height: 1054px; } .EtudeDeCas_applicationMax .EDCBlock-concevoir .EDCBlock_text { margin-left: 588px; width: 294px; } .EtudeDeCas_applicationMax .EDCBlock-climax { background-color: #7e00ff; font-size: 0; } .EtudeDeCas_applicationMax .EDCBlock-climax .Phone { display: inline-block; vertical-align: top; position: relative; } .EtudeDeCas_applicationMax .EDCBlock-climax .Video { position: absolute; top: 65px; left: 15px; } .EtudeDeCas_applicationMax .EDCBlock-climax .EDCBlock_text { display: inline-block; vertical-align: top; margin-top: 290px; margin-left: 196px; } .EtudeDeCas_applicationMax .EDCBlock-climax .Text-pouce { width: 410px; position: relative; font-size: 30px; font-weight: 200; } .EtudeDeCas_applicationMax .EDCBlock-resultat { text-align: center; } .EtudeDeCas_applicationMax .EDCBlock-resultat .Text-highlight { font-style: italic; } .EtudeDeCas_diagral { /*.EtudeDeCas_textContent-white { > h4, > h5, p { color: #FFFFFF; //-webkit-font-smoothing: antialiased; } }*/ } .EtudeDeCas_diagral .EtudeDeCas_textContent > h5 { color: #617715; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc1 { height: 730px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc1 .EtudeDeCas_image { position: absolute; top: 285px; left: 50%; margin-left: -620px; width: 1030px; height: 385px; background: #ffffff url('../medias/etudes-de-cas/diagral/application-cross-canal/intro-background.jpg') no-repeat; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc2 { position: relative; height: 660px; background: #eae5dd url('../medias/etudes-de-cas/diagral/application-cross-canal/problematique-background.jpg') no-repeat; background-position: -webkit-calc(50% - 512px) 72px; background-position: calc(50% - 512px) 72px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc2 .EtudeDeCas_textContent { margin-left: 294px; padding-right: 20px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc2 .EtudeDeCas_diagralBloc2Schema { position: absolute; bottom: 0; left: -webkit-calc(50% - 310px); left: calc(50% - 310px); } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc2 .EtudeDeCas_diagralBloc2Schema .EtudeDeCas_diagralBloc2Schema_caption { width: 200px; display: inline-block; vertical-align: top; margin: 90px 30px 0 0; font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 13px; line-height: 21px; color: #666666; text-align: right; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc3 { height: 1120px; background: #ffffff url('../medias/etudes-de-cas/diagral/application-cross-canal/visuel-identifier.jpg') no-repeat; background-position: -webkit-calc(50% - 146px) 50px; background-position: calc(50% - 146px) 50px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc3 .EtudeDeCas_textContent { padding: 0 20px; width: 50%; margin-top: 490px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc3 .EtudeDeCas_textContent + .EtudeDeCas_textContent { margin-top: 304px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc3 .EtudeDeCas_vimeoContainer { position: relative; height: 253px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc3 figure { margin-top: 50px; text-align: center; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 { height: 882px; background: #c1cf68; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 header > h5 { color: #FFFFFF; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_line { clear: both; margin: 17px 0 0 0; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_line:after { content: ""; display: table; clear: both; border-collapse: collapse; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_textContent { overflow: hidden; padding: 0 20px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_figureShema { text-align: center; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_figureQuestionnaire { text-align: center; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_line-first > .EtudeDeCas_textContent { padding-top: 44px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc4 .EtudeDeCas_line-second > .EtudeDeCas_textContent { padding-top: 36px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc5 { height: 820px; background: #ffffff url('../medias/etudes-de-cas/diagral/application-cross-canal/visuel-concevoir.jpg') no-repeat center 308px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc6 { background: #eae5dd url('../medias/etudes-de-cas/diagral/application-cross-canal/visuel-design-1.jpg') no-repeat; background-position: -webkit-calc(50% + 52px) 0; background-position: calc(50% + 52px) 0; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc6 .EtudeDeCas_textContent { padding: 0 20px; width: 50%; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc6 .EtudeDeCas_visuel-2 { text-align: center; width: 100%; margin-top: 872px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc6 .EtudeDeCas_visuel-3 { margin-top: 74px; text-align: center; width: 100%; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc6 .EtudeDeCas_visuel-3 > p { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; margin-bottom: 34px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc7 { background: #ffffff; height: 700px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc7 .EtudeDeCas_textContent { padding: 0 20px; width: 50%; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc7 .EtudeDeCas_textContent + .EtudeDeCas_textContent { margin-top: 100px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc7 .EtudeDeCas_vimeoContainer { position: relative; height: 253px; margin-bottom: 35px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc7 .EtudeDeCas_figureSwappAir { margin-top: 35px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 { height: 500px; background: #eae5dd; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_textContent { margin-left: 110px; margin-right: 110px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_buttonBar > .EtudeDeCas_btn-image { border-color: #c6c6c6; padding: 8px 40px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_buttonBar > .EtudeDeCas_btn-image > img { height: 40px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_buttonBar > .EtudeDeCas_btn { border-color: #c6c6c6; color: #111111; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_video { margin-top: 74px; } .EtudeDeCas_diagral .EtudeDeCas_diagral_bloc8 .EtudeDeCas_captionVideo { width: 100%; font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 13px; line-height: 21px; color: #666666; text-align: center; margin: 24px 0 0 0; } .EtudeDeCas_eloquantApplication .Text-darkColor { color: #000000; } .EtudeDeCas_eloquantApplication .EDCBlock-intro { text-align: center; } .EtudeDeCas_eloquantApplication .EDCBlock-client { height: 541px; } .EtudeDeCas_eloquantApplication .EDCBlock-client .EDCBlock_text { margin-left: 472px; } .EtudeDeCas_eloquantApplication .EDCBlock-solution { height: 641px; } .EtudeDeCas_eloquantApplication .EDCBlock-solution .EDCBlock_text .Text { font-weight: 200; font-size: 30px; line-height: 40px; } .EtudeDeCas_eloquantApplication .EDCBlock-relation { padding-top: 100px; padding-bottom: 100px; } .EtudeDeCas_eloquantApplication .EDCBlock-relation .EDCBlock_text { margin-left: 588px; } .EtudeDeCas_eloquantApplication .EDCBlock-relation .EDCBlock_content { padding-top: 0; padding-bottom: 0; } .EtudeDeCas_eloquantApplication .EDCBlock-alert .EDCBlock_text { padding-top: 300px; } .EtudeDeCas_eloquantApplication .EDCBlock-climax { padding-top: 150px; padding-bottom: 150px; font-size: 0; } .EtudeDeCas_eloquantApplication .EDCBlock-climax .Phone { display: inline-block; vertical-align: top; position: relative; } .EtudeDeCas_eloquantApplication .EDCBlock-climax .EDCBlock-iphone { position: absolute; top: -40px; left: -10px; width: 276px; height: 563px; margin: 0 auto; } .EtudeDeCas_eloquantApplication .EDCBlock-climax .Indicator_next { right: -60px; } .EtudeDeCas_eloquantApplication .EDCBlock-climax .Indicator_prev { left: -60px; } .EtudeDeCas_eloquantApplication .EDCBlock-climax .EDCBlock_text { display: inline-block; vertical-align: top; margin-top: 100px; margin-left: 156px; } .EtudeDeCas_eloquantApplication .EDCBlock-gps { padding-top: 180px; padding-bottom: 180px; } .EtudeDeCas_eloquantApplication .EDCBlock-gps .EDCBlock_text { margin: 0 auto; text-align: center; } .EtudeDeCas_eloquantApplication .EDCBlock-gps .Text { margin-top: 0; font-weight: 200; font-size: 30px; line-height: 40px; } .EtudeDeCas_eloquantApplication .EDCBlock-gps .Text-title { font-size: 38px; } .EtudeDeCas_eloquantApplication .EDCBlock-gps .EDCBlock_content { padding-top: 0; padding-bottom: 0; } .EtudeDeCas_eloquantApplication .EDCBlock-ux { padding-top: 200px; padding-bottom: 200px; } .EtudeDeCas_eloquantApplication .EDCBlock-ux .EDCBlock_text { margin: 0 auto; text-align: center; } .EtudeDeCas_eloquantApplication .EDCBlock-ux .Text-title { font-size: 38px; } .EtudeDeCas_eloquantApplication .EDCBlock-ux .EDCBlock_content { padding-top: 0; padding-bottom: 0; } .EtudeDeCas_eloquantApplication .EDCBlock-resultat { text-align: center; } .EtudeDeCas_eloquantApplication .EDCBlock-resultat .Text-highlight { font-style: italic; } .EtudeDeCas_eloquantApplication .EDCSlideshow-small { margin-left: 80px; width: 254px; height: 451px; position: relative; } .EtudeDeCas_esrfCorpo { /** * Config */ /** * Overload */ } .EtudeDeCas_esrfCorpo .EtudeDeCas_centeredBloc { width: 980px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_textContent p { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; font-style: inherit; line-height: 26px; } .EtudeDeCas_esrfCorpo p.EtudeDeCas_esrfCorpo_textBlock { width: 293px; border-left: 1px solid black; padding: 13px 0 13px 20px; font-family: CaslonTwoTwentyFour-Medium; font-weight: normal; font-size: 16px; line-height: 20px; color: #444444; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f9f9f9; height: 500px; background-position: center center; overflow: visible; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta .EtudeDeCas_centeredBloc { overflow: visible; margin: 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta .EtudeDeCas_centeredBloc p { font-style: italic; font-weight: 300; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta p { font-size: 36px; line-height: 40px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta h5 { margin-top: 30px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_cta .EtudeDeCas_TLDR { height: 120px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 { height: 1036px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 .EtudeDeCas_centeredBloc { margin-top: 97px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 .EtudeDeCas_textContent { padding-left: 175px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 p { width: 400px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 .EtudeDeCas_esrfCorpo_bloc1Video { display: block; width: 800px; margin: 50px auto; position: relative; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc1 #videoTop { position: absolute; top: 0; left: 0; width: 100%; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 { height: 976px; background-color: #f9f9f9; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 .EtudeDeCas_textContent { width: 300px; display: inline-block; margin-left: 75px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 .EtudeDeCas_textContent + img { display: inline-block; margin-left: 20px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 .EtudeDeCas_centeredBloc > p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: inherit; font-size: 24px; color: #444444; text-align: center; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 .EtudeDeCas_esrfCorpo_points { width: 620px; margin: 0 auto; font-size: 0; margin-top: 15px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc2 .EtudeDeCas_esrfCorpo_points .EtudeDeCas_esrfCorpo_point { display: inline-block; vertical-align: top; width: 50%; margin-top: 35px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 { height: 2358px; overflow: visible; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_videoLaptop { position: absolute; top: -190px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_videoLaptopImage { max-width: inherit; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 #screencast { width: 491px; height: 310px; position: absolute; top: 23px; left: 93px; max-width: inherit; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_centeredBloc { padding-top: 330px; padding-left: 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 h4 { margin-left: 75px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 h4 + p { margin-left: 115px; margin-top: 50px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 24px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_textBlock { font-style: italic; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition1, .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition1Col img { margin: 46px 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition1Col:first-child .EtudeDeCas_esrfCorpo_textBlock { margin-left: 116px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition1Col:last-child { margin-top: 170px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition1Col:last-child .EtudeDeCas_esrfCorpo_textBlock { margin-left: 40px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2 { margin-top: 50px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2Col { width: 50%; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2Col .EtudeDeCas_esrfCorpo_textBlock { margin-left: 116px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2Col:first-child { margin-top: 75px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2Col img + img { margin-top: 20px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_composition2Col img:nth-child(2) { margin-left: 110px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_textContent + .EtudeDeCas_textContent { margin-top: 120px; padding-left: 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_esrfCorpo_bloc3 .EtudeDeCas_esrfCorpo_textBlock + .EtudeDeCas_esrfCorpo_textBlock { margin-top: 40px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc { position: relative; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc_backgroundVideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc_backgroundVideo video { max-width: inherit; min-width: 100%; min-height: 100%; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent { margin-top: 50px; padding-bottom: 0; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc_inlineStack { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; } .EtudeDeCas_esrfCorpo .EtudeDeCas_resultatBloc_stackItem { width: inherit; } .EtudeDeCas_gabarit .EDCBlock-videoBackground { height: 600px; text-align: center; } .EtudeDeCas_gabarit .EDCBlock-videoBackground .EDCBlock_text { margin: 0 auto; } .EtudeDeCas_gabarit .EDCBlock-videoBackground .EDCBlock_text > * { color: white; } .EtudeDeCas_gabarit .EDCBlock-imageBackground { height: 541px; } .EtudeDeCas_gabarit .EDCBlock-halfLeft .EDCBlock_text { margin-left: 530px; } .EtudeDeCas_gabarit .Video { width: 650px; } .EtudeDeCas_gabarit .EtudeDeCas_image-iphone { width: 301px; height: 633px; margin: 0 auto; background: url('../medias/etudes-de-cas/petzl/sports-iot/iphone-lhs.png') no-repeat; } .EtudeDeCas_gabarit .EDCSlideshow-small { width: 277px; height: 491px; position: relative; margin-left: 392px; } .EtudeDeCas_gabarit .EDCSlideshow-big { width: 100%; height: 500px; position: relative; } .EtudeDeCas_samse .EtudeDeCas_textContent > h5 { color: #991d2e; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc1 > h3 > a.link-slideRight { color: #444444; overflow: visible; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc1 > h3 > a.link-slideRight::before { bottom: -2px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc2 { background-color: #ebeae4; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc2 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { width: 50%; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc2 .EtudeDeCas_image { width: 580px; height: 490px; position: absolute; top: auto; right: auto; bottom: 0; left: -webkit-calc(50% + 20px); left: calc(50% + 20px); background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/presentation-illustration.jpg'); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc3 .EtudeDeCas_image { position: absolute; top: 0; right: -webkit-calc(50% + 20px); right: calc(50% + 20px); bottom: 0; left: 0; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/visuel-demande.jpg'); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc3 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc4 { background-color: #a53046; color: white; height: 350px; background-position: top right; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/quote-illustration.jpg'); background-repeat: no-repeat; } @media screen and (max-width: 1200px) { .EtudeDeCas_samse .EtudeDeCas_samse_bloc4 .EtudeDeCas_centeredBloc { margin-left: 6%; margin-right: 0; } } .EtudeDeCas_samse .EtudeDeCas_samse_bloc6 { z-index: 1; height: 690px; background-color: #e8e7e0; background-position: top center; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/mockups.png'); background-repeat: no-repeat; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc6 .EtudeDeCas_textContent, .EtudeDeCas_samse .EtudeDeCas_samse_bloc6 .EtudeDeCas_numberList { width: 350px; margin-right: 45px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc7 { z-index: 3; overflow: visible; height: 500px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc7 .EtudeDeCas_textContent { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc7 .EtudeDeCas_image { z-index: 10; width: 700px; height: 600px; position: absolute; top: -80px; right: auto; bottom: auto; left: 50%; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/mac-preview.png'); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 { height: 600px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList { position: absolute; top: auto; right: auto; bottom: 0; left: 50%; width: 1700px; height: 600px; margin-left: -850px; font-size: 0; text-align: center; line-height: 600px; white-space: nowrap; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList > span { display: inline-block; height: 600px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList .EtudeDeCas_designList_1 { background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/maquette_02.jpg'); width: 280px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList .EtudeDeCas_designList_2 { background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/maquette_03.jpg'); width: 576px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList .EtudeDeCas_designList_3 { background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/maquette_04.jpg'); width: 290px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc8 .EtudeDeCas_designList .EtudeDeCas_designList_4 { background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/maquette_05.jpg'); width: 286px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc9 { height: 240px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc9 .EtudeDeCas_image { position: absolute; top: 10px; right: auto; bottom: auto; left: 40%; width: 540px; height: 220px; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/maquette-zoom.jpg'); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_centeredBloc { overflow: visible; margin-bottom: 130px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_textContent { width: 38%; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_image { width: 426px; height: 255px; background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/phones.png'); background-size: 100% auto; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_phone1 { background-position: 0 0; position: absolute; top: -70px; left: -webkit-calc(35% + 60px); left: calc(35% + 60px); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_phone2 { background-position: 0 -255px; position: absolute; top: 25px; left: -webkit-calc(35% + 220px); left: calc(35% + 220px); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc10 .EtudeDeCas_phone3 { background-position: 0 -510px; position: absolute; top: 120px; left: -webkit-calc(35% + 380px); left: calc(35% + 380px); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc11 { clear: both; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc11:after { content: ""; display: table; clear: both; border-collapse: collapse; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc11 .EtudeDeCas_centeredBloc { margin-top: 26px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc11 .EtudeDeCas_textContent { width: 50%; padding: 0 20px; } .EtudeDeCas_samse .EtudeDeCas_samse_bloc11 .EtudeDeCas_image { position: absolute; width: 349px; height: 283px; top: 4px; left: -webkit-calc(50% - 390px); left: calc(50% - 390px); background-image: url('../medias/etudes-de-cas/groupe-samse/marque-employeur/schema.png'); } .EtudeDeCas_samse .EtudeDeCas_samse_bloc12 { height: 884px; background: #ebeae4; } .EtudeDeCas_samse .EtudeDeCas_resultatBloc { height: 588px; background: #356cad url('../medias/etudes-de-cas/groupe-samse/marque-employeur/resultat-background.jpg') no-repeat center top; } .EtudeDeCas_refonteHachette .Text-darkColor { color: #000000; } .EtudeDeCas_refonteHachette .EDCBlock-intro { text-align: center; } .EtudeDeCas_refonteHachette .EDCBlock-demande .EDCBlock_text { margin-left: 617px; } .EtudeDeCas_refonteHachette .EDCBlock-conception .EDCBlock_text { margin-left: 127px; } .EtudeDeCas_refonteHachette .EDCBlock-design { height: 1033px; } .EtudeDeCas_refonteHachette .EDCBlock-design .EDCBlock_text { margin-top: 335px; margin-left: 323px; } .EtudeDeCas_refonteHachette .EDCBlock-accessibilite { height: 1230px; background-color: #1bbc9b; } .EtudeDeCas_refonteHachette .EDCBlock-accessibilite .EDCBlock_text { margin-left: 421px; } .EtudeDeCas_refonteHachette .EDCBlock-accessibilite .EDCBlock_background { top: auto; bottom: 94px; height: 590px; max-width: 1153px; margin: 0 auto; } .EtudeDeCas_refonteHachette .EDCBlock-resultat { text-align: center; } .EtudeDeCas_refonteHachette .EDCBlock-resultat .Text-highlight { font-style: italic; } .EtudeDeCas_refonteMoissonier .Text-darkColor { color: #666666; } .EtudeDeCas_refonteMoissonier .Text-Moisssonier { font-family: 'Lato', sans-serif; font-size: 30px; line-height: 40px; color: #666666; font-weight: 200; } .EtudeDeCas_refonteMoissonier .EDCBlock-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 490px; margin: 0 auto 50px auto; } .EtudeDeCas_refonteMoissonier .EDCBlock-intro { text-align: center; } .EtudeDeCas_refonteMoissonier .EDCBlock-demande .EDCBlock_text { margin-left: 617px; } .EtudeDeCas_refonteMoissonier .EDCBlock-conception .EDCBlock_text { margin-left: 0px; } .EtudeDeCas_refonteMoissonier .EDCBlock-design { height: 700px; } .EtudeDeCas_refonteMoissonier .EDCBlock-design .EDCBlock_text { margin-top: 30px; margin-left: 530px; } .EtudeDeCas_refonteMoissonier .EDCBlock-design .Text-Moisssonier { margin-bottom: 30px; } .EtudeDeCas_refonteMoissonier .EDCBlock-responsive { padding: 0; } .EtudeDeCas_refonteMoissonier .EDCBlock-resultat { text-align: center; } .EtudeDeCas_refonteMoissonier .EDCBlock-resultat .Text-highlight { font-style: italic; } .EtudeDeCas_numericable .EtudeDeCas_textContent > h5 { color: #009a90; } .EtudeDeCas_numericable .EtudeDeCas_introImage { margin-top: 0px; height: 260px; margin-bottom: 0; } .EtudeDeCas_numericable .EtudeDeCas_numericable_bloc1 .EtudeDeCas_video { margin-top: 20px; margin-bottom: 74px; } .EtudeDeCas_numericable .EtudeDeCas_numericable_bloc2 { height: 460px; background: #202020 url('../medias/etudes-de-cas/numericable/strategie-digitale/intro-background.jpg') no-repeat center top; } .EtudeDeCas_numericable .EtudeDeCas_numericable_bloc2 .EtudeDeCas_textContent { float: right; width: 50%; padding: 0 20px 0 118px; } .EtudeDeCas_numericable .EtudeDeCas_resultatBloc { height: 588px; background: #4a4848 url('../medias/etudes-de-cas/numericable/strategie-digitale/resultat-background.jpg') no-repeat center top; } .EtudeDeCas_numericable .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_textContent { padding-bottom: 60px; } .EtudeDeCas_petzl .EtudeDeCas_textContent > h5 { color: #f38f10; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc1 { height: 600px; text-align: center; background: #2c0b0a url('../medias/etudes-de-cas/petzl/renouveau-digital/intro-background.jpg') no-repeat center top; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc1 .EtudeDeCas_petzl_bloc1LogoPetzl { width: 245px; height: 59px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc1 .EtudeDeCas_textContent { width: 588px; padding: 26px 0 0 0; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc1 .EtudeDeCas_textContent > h3 { margin-top: 51px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc1 .EtudeDeCas_TLDR s-border-button[s-element] { margin-top: 50px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 { height: 1054px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_textContent { clear: both; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_textContent:after { content: ""; display: table; clear: both; border-collapse: collapse; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_textContent-presentation { -webkit-font-smoothing: antialiased; width: 570px; float: right; padding: 0 20px 0 0; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_textContent-comprendre { float: left; margin-top: 230px; width: 60%; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_image-presentation { width: 1003px; height: 702px; position: absolute; top: 0; right: auto; bottom: auto; left: -webkit-calc(50% - 900px); left: calc(50% - 900px); background: #ffffff url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-presentation.jpg') no-repeat left top; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc2 .EtudeDeCas_image-comprendre { width: 900px; height: 600px; position: absolute; top: auto; right: -webkit-calc(50% - 900px); right: calc(50% - 900px); bottom: 0; left: auto; background: #ffffff url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-comprendre.jpg') no-repeat left top; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc3 { height: 1228px; background: #f8f8f8; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc3 .EtudeDeCas_image-axes1 { margin-top: 92px; height: 431px; background: #f4f4f4 url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-axes-1.jpg') no-repeat center top; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc3 .EtudeDeCas_image-axes2 { margin-top: 80px; height: 242px; background: #f4f4f4 url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-axes-2.jpg') no-repeat center top; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc3 header.EtudeDeCas_textContent { margin-top: 50px; text-align: center; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc3 header.EtudeDeCas_textContent h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; color: #444444; -webkit-font-smoothing: antialiased; line-height: normal; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc4 { overflow: visible; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc4 .EtudeDeCas_figure { width: auto; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc4 .EtudeDeCas_figure-design1 { text-align: center; margin: -90px auto 0 auto; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc4 .EtudeDeCas_figure-design2 { padding-left: 20px; margin: 67px 0 0 0; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc4 .EtudeDeCas_textContent { width: 55%; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc5 .EtudeDeCas_figure-designFluid1 { width: 50%; float: left; text-align: center; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc5 .EtudeDeCas_textContent { overflow: hidden; padding: 0 20px; width: 50%; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc6 .EtudeDeCas_centeredBloc { margin-top: 0; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc6 .EtudeDeCas_textContent { margin-left: 196px; padding: 0 20px; width: 586px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc6 .EtudeDeCas_figure-designProduit1 { width: 100%; margin: 66px 0 0 34px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc7 { background: #ffffff url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-design-expertise-1.png') no-repeat -webkit-calc(50% - 216px) bottom; background: #ffffff url('../medias/etudes-de-cas/petzl/renouveau-digital/visuel-design-expertise-1.png') no-repeat calc(50% - 216px) bottom; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc7 .EtudeDeCas_centeredBloc { margin-top: 40px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc7 .EtudeDeCas_textContent { width: 666px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 { background: #f4f4f4; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_textContent { overflow: hidden; padding: 0 20px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_figure.EtudeDeCas_figureShema { width: 315px; margin-left: 60px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_figure.EtudeDeCas_figureShema .EtudeDeCas_caption { width: 168px; display: inline-block; vertical-align: top; margin-top: 20px; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_figure.EtudeDeCas_figureCollaboration1 { width: 60%; float: left; position: relative; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc8 .EtudeDeCas_figure.EtudeDeCas_figureCollaboration1 .EtudeDeCas_caption { width: 380px; position: absolute; bottom: 0; left: 0; } .EtudeDeCas_petzl .EtudeDeCas_petzl_bloc9 .EtudeDeCas_captionVideo { width: 100%; font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 13px; line-height: 21px; color: #666666; text-align: center; margin: 24px 0 0 0; } .EtudeDeCas_petzl .EtudeDeCas_resultatBloc { height: 650px; background: #356cad url('../medias/etudes-de-cas/petzl/renouveau-digital/resultat-background.jpg') no-repeat center top; background-size: cover; } .EtudeDeCas_petzl .EtudeDeCas_resultatBloc .EtudeDeCas_resultatBloc_stackItemTitle > .EtudeDeCas_resultatBloc_stackItemTitle_unit { font-size: 60px; line-height: normal; } .EtudeDeCas_petzl1 .EtudeDeCas_textContent > h5 { color: #f34b10; } .EtudeDeCas_petzl1 .EtudeDeCas_textContent > ul { margin: 0 0 12px 0; padding: 0; text-indent: 0; list-style: none; font-family: 'Lato', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 22px; color: #666666; } .EtudeDeCas_petzl1 .EtudeDeCas_textContent > ul > li { margin-bottom: 6px; } .EtudeDeCas_petzl1 .EtudeDeCas_textContent > ul > li:before { content: '-'; display: inline-block; margin-right: 6px; font-weight: bold; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta { background-color: #f9f9f9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 500px; background-position: center center; overflow: visible; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta .EtudeDeCas_centeredBloc { overflow: visible; margin: 0; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta .EtudeDeCas_centeredBloc p { font-style: italic; font-weight: 300; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta p { font-size: 36px; line-height: 40px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta h5 { color: black; margin-top: 30px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_cta .EtudeDeCas_TLDR { height: 120px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc1 { position: relative; height: 600px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc1 .EtudeDeCas_image { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background: url('../medias/etudes-de-cas/petzl/sports-iot/visuel-intro-left.jpg') no-repeat top right; background-size: cover; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc1 .EtudeDeCas_textContent { float: right; width: 440px; margin-top: 60px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc1 .EtudeDeCas_introTitle-image { width: 140px; height: 70px; background: url('../medias/etudes-de-cas/petzl/sports-iot/logo-petzl-black.png') no-repeat; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc1 .EtudeDeCas_introTitle { margin-top: 10px; text-align: left; color: black; font-size: 26px; line-height: 36px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc2 { position: relative; height: 600px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc2 > s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 { height: 758px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_textContent { width: 330px; margin-top: 100px; margin-left: 12px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext { position: absolute; top: 0; right: 0; bottom: 0; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_image-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('../medias/etudes-de-cas/petzl/sports-iot/visuel-mountains-background.jpg') no-repeat; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_petzl1_lampAppCompo { position: absolute; top: 500px; left: 18%; width: 460px; height: 200px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_petzl1_phoneContainer { position: absolute; top: -400px; right: 30px; bottom: 147px; left: 30px; overflow: hidden; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_image-app { position: absolute; top: auto; right: 0; bottom: 0; left: 0; height: 480px; background: url('../medias/etudes-de-cas/petzl/sports-iot/visuel-phone-app.png') no-repeat; background-position: bottom center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_image-lampBack { position: absolute; top: -84px; right: 0; bottom: 0; left: -2px; background: url('../medias/etudes-de-cas/petzl/sports-iot/lampe-back.png') no-repeat; background-position: center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_image-lampFront { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('../medias/etudes-de-cas/petzl/sports-iot/lampe-front.png') no-repeat; background-position: center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc3 .EtudeDeCas_petzl1_appContext .EtudeDeCas_image-lampLight { position: absolute; top: -29px; right: 0; bottom: 0; left: 0; background: url('../medias/etudes-de-cas/petzl/sports-iot/lampe-lights.png') no-repeat; background-position: center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc4 { height: 757px; background: url('../medias/etudes-de-cas/petzl/sports-iot/conception-background.png') no-repeat center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc4 .EtudeDeCas_textContent { float: right; margin-top: 50px; margin-right: 50px; width: 365px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc4 .EtudeDeCas_textContent h4, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc4 .EtudeDeCas_textContent p, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc4 .EtudeDeCas_textContent li { color: white; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 { height: 826px; background-color: white; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 .EtudeDeCas_textContent { float: right; width: 365px; margin-right: 50px; margin-top: 100px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 .EtudeDeCas_petzl1_iphoneSlideshow { position: absolute; top: 10px; left: 80px; width: 470px; height: 680px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 .EtudeDeCas_image-iphone { width: 301px; height: 633px; margin: 0 auto; background: url('../medias/etudes-de-cas/petzl/sports-iot/iphone-lhs.png') no-repeat; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-slideshow[s-component] { width: 277px; height: 491px; position: absolute; top: 60px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-color: black; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] { position: absolute; top: 45%; right: 20px; bottom: auto; left: 20px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_dot { display: none; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_next, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_prev { position: relative; background-color: transparent; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_next:before, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_prev:before { content: ''; display: block; position: absolute; top: -30px; right: -20px; bottom: -30px; left: -20px; background: transparent; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_next { width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc5 s-indicator[s-component] .Indicator_prev { width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc6 { height: 500px; background-color: #1a222b; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc6 .EtudeDeCas_centeredBloc { margin: 0 auto; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc6 .EtudeDeCas_image { width: 490px; height: 490px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc6 .EtudeDeCas_image-designFocus1 { float: left; background: url('../medias/etudes-de-cas/petzl/sports-iot/design-focus-1.png') no-repeat center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc6 .EtudeDeCas_image-designFocus2 { float: right; background: url('../medias/etudes-de-cas/petzl/sports-iot/design-focus-2.png') no-repeat center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 { height: 732px; padding-top: 100px; background: url('../medias/etudes-de-cas/petzl/sports-iot/verbatim-background.jpg') no-repeat center center; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocCitation { margin: 14px auto 0 auto; max-width: 660px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; font-size: 26px; line-height: 36px; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocSource { margin-top: 6px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 14px; color: rgba(255, 255, 255, 0.7); } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocSource > a { text-decoration: underline; color: currentColor; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn { position: relative; width: 220px; height: 64px; cursor: pointer; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn > img { height: 40px; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn .EtudeDeCas_btn_hover { opacity: 0; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_normal, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_normal, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_normal { opacity: 0; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_hover, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_hover, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_hover { opacity: 1; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward { width: 550px; margin: 45px auto 0 auto; text-align: left; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward_award { float: left; margin-right: 40px; width: 58px; height: 103px; background: url('../medias/etudes-de-cas/petzl/sports-iot/outdoor-award.jpg') no-repeat center center; background-size: cover; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward_text { padding-top: 4px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; line-height: 22px; color: white; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward_link { display: block; margin-top: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; color: #e65e5a; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; } .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward_link:focus, .EtudeDeCas_petzl1 .EtudeDeCas_petzl1_bloc7 .EtudeDeCas_resultatBlocAward_link:hover { text-decoration: underline; } .EtudeDeCas_poma { /** * SPRITE */ } .EtudeDeCas_poma .icons { width: 56px; height: 44px; background: url('../medias/etudes-de-cas/poma/application-b2b/sprite-poma.png') no-repeat; } .EtudeDeCas_poma .peopleIcon { background-position: 0 0; } .EtudeDeCas_poma .pinIcon { background-position: 0 -44px; } .EtudeDeCas_poma .mapIcon { background-position: 0 -88px; } .EtudeDeCas_poma .EtudeDeCas_textContent > h5 { color: #004894; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc1 { height: 910px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc1 > h3 { margin-top: 60px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc1 .EtudeDeCas_image { height: 530px; background: url('../medias/etudes-de-cas/poma/application-b2b/intro-background.jpg') no-repeat center center; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 { height: 500px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .link-slideRight { color: currentColor; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 s-video-player[s-component], .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_videoOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_videoOverlay { background-color: rgba(0, 10, 40, 0.6); } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_textContent { width: 570px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_textContent > h5 { color: white; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_textContent > h4 { color: white; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_textContent > p { color: white; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_figures { position: absolute; top: 20px; left: 690px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_figures .pomaFigures { width: 155px; margin-bottom: 20px; border-bottom: 1px solid white; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_figures .pomaFigures .figures { font-family: 'Lato', sans-serif; font-weight: normal; color: white; font-size: 32px; line-height: 25px; margin-top: -40px; margin-left: 70px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc2 .EtudeDeCas_poma_figures .pomaFigures .content { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: white; font-size: 14px; line-height: 20px; margin-left: 70px; margin-bottom: 20px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc3 { height: 576px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc3 .EtudeDeCas_image { width: 393px; height: 388px; position: absolute; top: 60px; right: -webkit-calc(50% + 100px); right: calc(50% + 100px); bottom: 0; left: auto; background: url('../medias/etudes-de-cas/poma/application-b2b/visuel-comprendre-1.jpg') no-repeat; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc3 .EtudeDeCas_centeredBloc { margin-top: 60px; margin-bottom: 80px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc3 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { float: right; width: 50%; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc4 { height: 400px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc4 .EtudeDeCas_centeredBloc { margin-top: 0; margin-bottom: 80px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc4 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { width: 48%; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc4 .EtudeDeCas_image { width: 600px; height: 332px; position: absolute; top: 60px; right: auto; bottom: 0; left: -webkit-calc(50% - 20px); left: calc(50% - 20px); background: url('../medias/etudes-de-cas/poma/application-b2b/visuel-conception-1.jpg') no-repeat; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc5 { height: 345px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc5 .EtudeDeCas_image { width: 980px; height: 160px; margin: 80px auto 100px auto; background: url('../medias/etudes-de-cas/poma/application-b2b/visuel-conception-2.png') no-repeat; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 { height: 1224px; background: url('../medias/etudes-de-cas/poma/application-b2b/visuel-equipe-1.png') no-repeat center center; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_textContent { margin: 0 auto; text-align: center; padding-left: 0; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc .EtudeDeCas_slideshowTitles { position: absolute; top: 754px; left: 50%; width: 300px; height: 30px; margin-left: -150px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 16px; text-align: center; color: #666666; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc .EtudeDeCas_slideshowTitles > span { position: absolute; top: 0; left: 0; width: 100%; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-slideshow[s-component] { position: absolute; top: 326px; left: 187px; width: 596px; height: 376px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-slideshow[s-component] s-video-player[s-component], .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-slideshow[s-component] img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] { position: absolute; top: 790px; left: 50%; width: 300px; margin-left: -150px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_dot { position: relative; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #999999; margin: 0 15px; -webkit-transition: background-color 500ms ease-in-out, -webkit-transform 500ms ease-in-out; transition: background-color 500ms ease-in-out, transform 500ms ease-in-out; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_dot:after { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; -webkit-transform: rotate(-45deg) scale(1.1); transform: rotate(-45deg) scale(1.1); } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_dot-selected { background-color: #e65e5a; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_prev, .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_next { position: relative; margin-top: 6px; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); background-color: transparent; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_prev:after, .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_next:after { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_prev { width: 28px; height: 11px; background-position: -1170px -720px; background-size: 2000px 1024px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc6 .EtudeDeCas_centeredBloc s-indicator[s-component] .Indicator_next { width: 28px; height: 11px; background-position: -964px -972px; background-size: 2000px 1024px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc7 { height: 480px; background: url('../medias/etudes-de-cas/poma/application-b2b/visuel-resultats-1.png') no-repeat center bottom; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc7 .EtudeDeCas_centeredBloc { margin-bottom: 60px; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc7 .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc7 .EtudeDeCas_textContent > h5 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; } .EtudeDeCas_poma .EtudeDeCas_poma_bloc7 .EtudeDeCas_textContent > h4 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: #4a4a4a; font-size: 30px; line-height: 44px; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent { position: absolute; top: 0; right: auto; bottom: 0; left: -webkit-calc(50% - 560px); left: calc(50% - 560px); width: 1px; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent > span { position: absolute; top: 50px; left: -35px; width: 70px; height: 70px; padding-top: 14px; border: 1px solid #9a9a9a; border-radius: 35px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: #9a9a9a; font-size: 24px; text-transform: uppercase; text-align: center; letter-spacing: 2px; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent:before, .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent:after { content: ''; position: absolute; display: block; border-left: 1px dashed #dadada; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent:before { top: 0; height: 50px; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent:after { top: 120px; bottom: 0; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent-start:before { display: none; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent-end:after { display: none; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent-void > span { display: none; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent-void:before { bottom: 0; height: auto; } .EtudeDeCas_poma .EtudeDeCas_poma_timelineEvent-void:after { display: none; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-parcours { padding-top: 0; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-parcours img { margin-top: 50px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-magasin .Text, .EtudeDeCas_quechuaCustomerJourney .EDCBlock-magasin .Text-title { color: white; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-magasin .Text:not(.Text-title) { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; font-weight: 200; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-magasin .Text:not(.Text-title) strong { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 400; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-user { min-height: 738px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-user p.Text:not(.Text-title) { margin-left: auto; margin-right: auto; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-user img { margin-top: 30px; margin-bottom: 30px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-usecase { min-height: 679px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-usecase .EDCBlock_content { margin-top: 120px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-usecase .EDCBlock_text { margin-left: auto; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-usecase .Text, .EtudeDeCas_quechuaCustomerJourney .EDCBlock-usecase .Text-title { color: white; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-borne .EDCBlock_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-borne .EDCBlock_text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 40px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-borne .Video { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-borne .Text-pretitle { color: #4285f4; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online { min-height: 441px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online .Text-pretitle { color: #0f9d58; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online .visuel { position: absolute; top: 0; bottom: 0; right: 0; left: -webkit-calc(50% + 103px); left: calc(50% + 103px); background: url('../medias/etudes-de-cas/quechua/customer-journey/visuel-iphone-decathlon.png') no-repeat bottom left; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online .Text:not(.Text-pretitle), .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online .Text-title, .EtudeDeCas_quechuaCustomerJourney .EDCBlock-online a { color: white; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-relation { min-height: 470px; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-relation .EDCBlock_text { margin-left: auto; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-relation .Text-pretitle { color: #f4b400; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-relation .visuel { position: absolute; top: 0; bottom: 0; left: 0; right: -webkit-calc(50% + 30px); right: calc(50% + 30px); background: url('../medias/etudes-de-cas/quechua/customer-journey/visuel-relation.png') no-repeat bottom right; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-research { position: relative; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-research .EDCBlock_content { z-index: 1; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-research .EDCBlock_text { margin-left: auto; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-research .Text-pretitle { color: #db4437; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-research .visuel { position: absolute; top: 0; bottom: 0; left: 0; right: -webkit-calc(50% - 150px); right: calc(50% - 150px); background: url('../medias/etudes-de-cas/quechua/customer-journey/visuel-research-bg.png') no-repeat bottom right; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-verbatim { position: relative; min-height: 422px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .EtudeDeCas_quechuaCustomerJourney .EDCBlock-verbatim > * { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: auto; } .EtudeDeCas_rocheGluciChek2 { /** * Config */ /** * Overload */ } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_textContent > h5 { color: #009a90; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta { background-color: #f9f9f9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 530px; background-position: center center; overflow: visible; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_logos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_logos img { max-width: 100px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_centeredBloc { overflow: visible; margin: 0; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_centeredBloc p { font-style: italic; font-weight: 300; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta p { font-size: 36px; line-height: 40px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta h5 { color: black; margin-top: 30px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_cta .EtudeDeCas_TLDR { height: 120px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 { height: 718px; background-image: url('../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/intro-background.jpg'); background-position: center center; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 .EtudeDeCas_introTitle-image { margin-top: 55px; margin-bottom: 20px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 .EtudeDeCas_introTitle-image > img { width: 106px; height: 55px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 .EtudeDeCas_introTitle { width: 548px; text-align: left; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 p { width: 450px; margin-top: 20px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc1 .EtudeDeCas_image { width: 264px; height: 555px; position: absolute; top: 80px; right: auto; bottom: auto; left: -webkit-calc(50% + 137px); left: calc(50% + 137px); background-image: url('../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-intro.png'); } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc2 { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/succes-background.jpg"); height: 510px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc2 .EtudeDeCas_centeredBloc { margin-top: 160px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc2 h4 { color: #fff; width: 940px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_textContent h4 { font-family: CaslonTwoTwentyFour-Bold; font-weight: bold; font-size: 38px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration { width: 744px; margin-left: auto; margin-right: auto; margin-top: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration-txtFirst .EtudeDeCas_amelioration_previsu { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration-txtFirst .EtudeDeCas_amelioration_infos { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: right; padding-left: 0; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-right: 20px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_previsu { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 50%; -ms-flex: 0 1 50%; flex-basis: 50%; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_phone { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-phone.png"); width: 287px; height: 605px; position: relative; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_video { position: absolute; top: 82px; left: 19px; width: 249px; height: 438px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_video s-video-player[s-component] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_video s-video-player[s-component] .lhs_VideoPlayer_handheld { background-position: center center; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_infos { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-basis: 50%; -ms-flex: 0 1 50%; flex-basis: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_infos h5 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_infos p { max-width: 100%; font-family: 'Lato', sans-serif; font-weight: normal; margin-top: 15px; font-size: 16px; color: #666666; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_amelioration_illustration { margin-bottom: 50px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration1 .EtudeDeCas_amelioration_video { /*background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/amelioration-sceencast1.jpg"); width: 249px;*/ height: 438px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration1 .EtudeDeCas_amelioration_illustration { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-amelioration1.png"); width: 200px; height: 193px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration2 .EtudeDeCas_amelioration_video { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/amelioration-sceencast2.jpg"); width: 249px; height: 438px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration2 .EtudeDeCas_amelioration_illustration { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-amelioration2.png"); width: 233px; height: 193px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration3 .EtudeDeCas_amelioration_video { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/amelioration-sceencast3.jpg"); width: 249px; height: 438px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration3 .EtudeDeCas_amelioration_illustration { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-amelioration3.png"); width: 201px; height: 190px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration4 .EtudeDeCas_amelioration_video { /*background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/amelioration-sceencast4.jpg"); width: 249px;*/ height: 438px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_rocheGluciChek2_bloc3 .EtudeDeCas_rocheGluciChek2_amelioration4 .EtudeDeCas_amelioration_illustration { background-image: url("../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/visuel-amelioration4.png"); width: 174px; height: 171px; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc { height: 537px; background: #009a90 url('../medias/etudes-de-cas/roche-diabetes-care/application-sante-v2/resultats-background.jpg') no-repeat center top; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc a { color: white; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn { position: relative; width: 220px; height: 64px; cursor: pointer; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn > img { height: 40px; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn .EtudeDeCas_btn_hover { opacity: 0; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_normal, .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_normal, .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_normal { opacity: 0; } .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_hover, .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_hover, .EtudeDeCas_rocheGluciChek2 .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_hover { opacity: 1; } .EtudeDeCas_rocheGluciChek { /*.EtudeDeCas_textContent-white { > h4, > h5, p { color: #FFFFFF; //-webkit-font-smoothing: antialiased; } }*/ } .EtudeDeCas_rocheGluciChek .EtudeDeCas_textContent > h5 { color: #009a90; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 { height: 538px; background-image: url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/intro-background.png'); text-align: center; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .EtudeDeCas_centeredBloc { margin-top: 60px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .EtudeDeCas_introTitle-image { margin-top: 14px; margin-bottom: 20px; width: 548px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .EtudeDeCas_introTitle-image > img { width: 106px; height: 55px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 p { text-align: center; width: 548px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .EtudeDeCas_TLDR { width: 548px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .EtudeDeCas_image { width: 264px; height: 421px; position: absolute; top: auto; right: auto; bottom: 0; left: -webkit-calc(50% + 137px); left: calc(50% + 137px); background-image: url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/visuel-intro.png'); } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc1 .link-slideRight { color: #444444; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc2 { height: 330px; background: #5ebbb0 url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/visuel-map.png') no-repeat right; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc2 .EtudeDeCas_textContent { width: 450px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_centeredBloc { overflow: visible; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_textContent { padding-right: 20px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_image { width: 100%; height: 726px; margin: -100px 0 0 0; background-image: url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/visuel-foule.jpg'); } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_figureAccuchek > img { padding: 0 0 0 182px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_figureShema > img { padding: 25px 0 0 32px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_figureLivret { overflow: visible; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc3 .EtudeDeCas_figureLivret > img { width: 519px; max-width: 519px; margin: 30px 0 0 -71px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 { height: 1600px; background: #ffffff url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/croqui-background.png') no-repeat center top; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_textContent { text-align: center; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer { line-height: 0; text-align: center; margin: 70px 0 0 0; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer > * { display: inline-block; vertical-align: top; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer .EtudeDeCas_devicesDraftItem { margin: 0 50px; width: 287px; height: 563px; position: relative; } @-webkit-keyframes revealAnimation { 0% { width: 0; } 35% { width: 0; } 65% { width: 100%; } 100% { width: 100%; } } @keyframes revealAnimation { 0% { width: 0; } 35% { width: 0; } 65% { width: 100%; } 100% { width: 100%; } } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer .EtudeDeCas_devicesDraftItem .EtudeDeCas_devicesDraftItem_draftMask { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: auto; bottom: 0; left: 0; width: 0; overflow: hidden; -webkit-animation-name: revealAnimation; animation-name: revealAnimation; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-play-state: running; animation-play-state: running; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer .EtudeDeCas_devicesDraftItem img { position: absolute; top: 0; left: 0; width: 287px; height: 563px; max-width: inherit; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer .EtudeDeCas_devicesDraftItem:nth-child( 2) .EtudeDeCas_devicesDraftItem_draftMask { -webkit-animation-delay: 2s; animation-delay: 2s; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_devicesContainer .EtudeDeCas_devicesDraftItem:nth-child( 1) .EtudeDeCas_devicesDraftItem_draftMask { -webkit-animation-delay: 1s; animation-delay: 1s; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_slideshow .EtudeDeCas_slideshow_container { position: relative; line-height: 600px; text-align: center; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc4 .EtudeDeCas_slideshow .EtudeDeCas_slideshow_container img { display: inline-block; width: 94%; min-width: 1024px; vertical-align: middle; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc5 { height: 858px; background: #758fa5 url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/ptidej-background.jpg') no-repeat center top; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc5 .EtudeDeCas_textContent { margin-top: 54px; padding-right: 0; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc5 .EtudeDeCas_textContent p { overflow: hidden; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-size: 30px; line-height: 40px; color: #FFFFFF; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc5 .EtudeDeCas_vimeoContainer { float: left; margin: 0 70px 0 20px; padding-left: 13px; padding-top: 67px; width: 322px; height: 678px; background: transparent url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/device-iphone5s-white.png') no-repeat center top; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc6 .EtudeDeCas_figureVisuelTitanium > img { margin: 18px 0 0 70px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc6 .EtudeDeCas_textContent { padding-right: 20px; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc7 { background: #f6f6f6; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc8 .EtudeDeCas_textContent { padding-right: 20px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_rocheGluciChek_bloc8 .EtudeDeCas_figureVisuelDiabetNutrition { width: 373px; text-align: center; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc { height: 678px; background: #f19e4f url('../medias/etudes-de-cas/roche-diabetes-care/application-sante/resultats-background.jpg') no-repeat center top; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn { position: relative; width: 220px; height: 64px; cursor: pointer; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn > img { height: 40px; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn .EtudeDeCas_btn_hover { opacity: 0; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_normal, .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_normal, .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_normal { opacity: 0; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:hover .EtudeDeCas_btn_hover, .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:active .EtudeDeCas_btn_hover, .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_buttonBar > .EtudeDeCas_btn:focus .EtudeDeCas_btn_hover { opacity: 1; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_review { clear: both; width: 680px; margin: 44px auto 0 auto; text-align: left; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_review:after { content: ""; display: table; clear: both; border-collapse: collapse; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_review > img { float: left; width: 84px; height: 84px; margin: 0 22px 0 0; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_review .EtudeDeCas_reviewDesc { overflow: hidden; } .EtudeDeCas_rocheGluciChek .EtudeDeCas_resultatBloc .EtudeDeCas_review .EtudeDeCas_reviewDesc > .EtudeDeCas_reviewQuote { font-style: italic; } .EtudeDeCas_sfr { /** * SPRITE */ } .EtudeDeCas_sfr .EtudeDeCas_textContent > h5 { color: #aa6f2e; } .EtudeDeCas_sfr .icon { width: 9px; height: 30px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/sprite-sfr.png') no-repeat; } .EtudeDeCas_sfr .arrowIcon { background-position: 0 0; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc1 { height: 541px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/intro-background.jpg') no-repeat center top; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc1 .EtudeDeCas_textContent { width: 470px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc1 .EtudeDeCas_TLDR { width: 50%; text-align: inherit; margin-top: -15px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc2 { height: 663px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc2 .EtudeDeCas_image { position: absolute; top: 60px; right: 0; bottom: 0; left: -webkit-calc(50% - 520px); left: calc(50% - 520px); background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-repositionner-1.jpg') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc2 .EtudeDeCas_textContent { width: 357px; float: right; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc3 { height: 300px; background-color: #636397; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc3 .EtudeDeCas_centeredBloc { width: 980px; padding-left: 20px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc3 .EtudeDeCas_centeredBloc > p { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; line-height: 40px; color: white; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc3 .EtudeDeCas_image { position: absolute; top: 35px; right: 0; bottom: 0; left: -webkit-calc(50% + 200px); left: calc(50% + 200px); background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-quote-1.jpg') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc4 { height: 1112px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-cibler-1.jpg') no-repeat center top; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc4 .EtudeDeCas_textContent { width: 574px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 { height: 503px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 s-video-player[s-component], .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_sfr_videoOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_sfr_videoOverlay { background-color: rgba(0, 10, 40, 0.6); } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_centeredBloc { padding-bottom: 50px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_centeredBloc { margin-top: 180px; text-align: center; position: absolute; left: 0; right: 0; width: 915px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_centeredBloc > p { color: white; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; line-height: 40px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc5 .EtudeDeCas_centeredBloc .EtudeDeCas_sfr_seperator { width: 40px; height: 1px; background-color: white; margin: 60px auto 0 auto; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 { height: 1075px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_textContent { width: 780px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema { width: 100%; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema h5 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 16px; padding: 0px 10px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema p { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .icon { margin: 20px auto 0 auto; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_before_sfr_schema { width: 49%; text-align: center; display: inline-block; margin: 60px auto 0 auto; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_before_sfr_schema > h5 { width: 55px; margin: 0 auto; background-color: #c6c6c6; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_before_sfr_schema .EtudeDeCas_image { width: 411px; height: 484px; margin: 30px auto 0 auto; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-choix-1.png') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_after_sfr_schema { width: 49%; text-align: center; display: inline-block; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_after_sfr_schema > h5 { width: 130px; margin: 0 auto; color: white; background-color: #aa6f2e; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc6 .EtudeDeCas_sfr_schema .EtudeDeCas_after_sfr_schema .EtudeDeCas_image { width: 393px; height: 372px; margin: 30px auto 0 auto; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-choix-2.png') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 { height: 796px; background-color: #f5f5f5; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_centeredBloc { overflow: visible !important; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_textContent > p { font-size: 30px; line-height: 40px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; font-style: italic; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation { position: relative; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation h5 { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 16px; padding: 0px 10px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_before_sfr_navigation .EtudeDeCas_before-title { position: relative; top: 100px; left: 90px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_before_sfr_navigation .EtudeDeCas_before-title > h5 { width: 55px; background-color: #c6c6c6; display: inline-block; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_before_sfr_navigation .EtudeDeCas_before-title .icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; top: 8px; left: 15px; display: inline-block; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_before_sfr_navigation .EtudeDeCas_image { width: 1080px; height: 413px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-choix-3.png') no-repeat; position: absolute; top: 45px; left: 200px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_after_sfr_navigation .EtudeDeCas_after-title { position: relative; top: 150px; width: 130px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_after_sfr_navigation .EtudeDeCas_after-title > h5 { color: white; background-color: #aa6f2e; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_after_sfr_navigation .EtudeDeCas_after-title .icon { top: 10px; margin: 0 auto; position: relative; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc7 .EtudeDeCas_sfr_navigation .EtudeDeCas_after_sfr_navigation .EtudeDeCas_image { width: 1182px; height: 234px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-choix-4.png') no-repeat; position: absolute; top: 270px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 { height: 896px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-conception-1.png') no-repeat center; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_centeredBloc { height: 100%; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_textContent { width: 565px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_sfr_textCroquis { width: 365px; position: absolute; top: 500px; left: 300px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_sfr_textCroquis > p { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; font-size: 14px; color: #666666; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_sfr_textCroquis .icon { position: relative; left: 8%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc8 .EtudeDeCas_parallax { position: absolute; top: 305px; left: 411px; height: 565px; width: 546px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-conception-2.jpg') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 { height: 504px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers { width: 45%; display: inline-block; margin-top: 55px; margin-left: 160px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers .EtudeDeCas_sfr_button_offers { padding: 30px 40px; border-radius: 10px; background-color: #636397; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-size: 26px; color: white; text-decoration: none; -webkit-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers .EtudeDeCas_sfr_button_offers:hover { background-color: #7878b5; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers .EtudeDeCas_sfr_multi-arrow { height: 61px; margin-top: 50px; margin-left: -35px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/sfr-multi-arrow.png') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers .EtudeDeCas_sfr_wireframe_group { margin-left: -100px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_sfr_offers .EtudeDeCas_sfr_wireframe { width: 138px; height: 100px; display: inline-block; margin-top: 20px; margin-right: 20px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/sfr_wireframe.png') no-repeat; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc9 .EtudeDeCas_textContent { float: right; width: 370px; display: inline-block; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 { height: 779px; overflow: visible; background: #f5f5f5 url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-engager-1.jpg') no-repeat center bottom; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 .EtudeDeCas_centeredBloc { position: absolute; top: 0; right: 0; left: 0; overflow: visible; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 .EtudeDeCas_textContent { width: 585px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 .EtudeDeCas_sfr_image_engager1 { width: 209px; height: 223px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-engager-1-1.jpg') no-repeat; position: absolute; top: -130px; left: -230px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 .EtudeDeCas_sfr_image_engager2 { width: 307px; height: 333px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-engager-1-2.jpg') no-repeat; position: absolute; top: 121px; left: -323px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc10 .EtudeDeCas_sfr_image_engager3 { width: 550px; height: 454px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-engager-1-3.jpg') no-repeat; position: absolute; top: -50px; left: 610px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 { height: 631px; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/visuel-resultat-1.jpg') no-repeat center; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 .EtudeDeCas_centeredBloc { width: 980px; text-align: center; /* .EtudeDeCas_buttonBar { margin-top: 0; } */ } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent { margin-bottom: 50px; padding: 0; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent > h5 { color: white; margin-bottom: 20px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent > p { color: white; line-height: 40px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_bloc11 .EtudeDeCas_centeredBloc .EtudeDeCas_textContent > span { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 300; color: white; font-size: 14px; display: block; margin-top: 14px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_soty { text-align: center; } .EtudeDeCas_sfr .EtudeDeCas_sfr_sotyMacaron { display: block; width: 90px; height: 90px; margin: 26px auto 0 auto; background: url('../medias/etudes-de-cas/sfr/strategie-e-commerce/soty-macaron.png') no-repeat; background-size: 90px 90px; } .EtudeDeCas_sfr .EtudeDeCas_sfr_sotyCaption { display: block; margin-top: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; color: white; } .EtudeDeCas_sfr .EtudeDeCas_sfr_sotyLink { display: block; margin-top: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; color: #e65e5a; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; } .EtudeDeCas_sfr .EtudeDeCas_sfr_sotyLink:focus, .EtudeDeCas_sfr .EtudeDeCas_sfr_sotyLink:hover { text-decoration: underline; } .Error_PageWrapper { overflow: auto; height: 100%; min-width: 980px; } .Error_Header { position: relative; height: 338px; text-align: center; margin-top: 80px; } .Error_Header_baseline { margin-top: 40px; text-align: center; } .Error_Header_baseline > h1 { display: block; margin: 0 auto; } .Error_Body { font-family: 'Lato', sans-serif; font-weight: normal; color: #cccccc; -webkit-font-smoothing: antialiased; } .Error_Footer { text-align: center; margin: 60px 0 40px 0; } .Error_Section { padding: 0 20px; } .Error_Section p { font-size: 18px; text-align: center; } .Error_980 { overflow: hidden; width: 980px; margin: 0 auto; } .Error_Hr { width: 100%; height: 68px; line-height: 68px; font-size: 0px; text-align: center; } .Error_Hr > span { display: inline-block; vertical-align: top; vertical-align: middle; background: #e65e5a; height: 1px; width: 36px; } .Error_btn { display: inline-block; vertical-align: top; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; text-align: center; font-size: 12px; color: #cccccc; vertical-align: middle; border: solid #63656a 1px; border-radius: 3px; padding: 20px 40px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .Error_btn + .Error_btn { margin-top: 20px; } .Error_Footer_socials { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; text-align: center; margin: 0 auto 25px auto; } .Error_Footer_socials .Error_socialItem { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); display: inline-block; margin: 0 15px; zoom: 0.5; font-size: 0; line-height: 0; } .Error_Footer_socials .Error_socialItem-facebook { width: 64px; height: 64px; background-position: 0px -960px; background-size: 2000px 1024px; } .Error_Footer_socials .Error_socialItem-twitter { width: 64px; height: 64px; background-position: -1908px -720px; background-size: 2000px 1024px; } .Error_Footer_socials .Error_socialItem-vimeo { width: 64px; height: 64px; background-position: -1860px -892px; background-size: 2000px 1024px; } .Error_Footer_socials .Error_socialItem-instagram { width: 64px; height: 64px; background-position: -198px -960px; background-size: 2000px 1024px; } .Error_Footer_socials .Error_socialItem-linkedin { width: 64px; height: 64px; background-position: -330px -960px; background-size: 2000px 1024px; } .Error_Footer_socials .Error_socialItem-gplus { width: 64px; height: 64px; background-position: -132px -960px; background-size: 2000px 1024px; } .Error_Footer_socials a { cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } .Error_Footer_socials a:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } .Error_Footer_socials .Error_socialItem_blog { display: inline-block; height: 22px; margin-top: 19px; margin-left: 10px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; color: #bdbdbd; font-size: 12px; text-transform: uppercase; text-decoration: none; vertical-align: top; letter-spacing: 1px; } .Error_Footer_contact { font-family: 'Lato', sans-serif; font-weight: normal; color: #cccccc; -webkit-font-smoothing: antialiased; font-size: 16px; } .Error_Footer_contact a { color: #cccccc; text-decoration: none; } .Error_Footer_contact a:hover { text-decoration: underline; } body, html { overflow: inherit; } .Mobile_PageWrapper { background: #000000 url('../medias/mobile/background.jpg') repeat top center; background-attachment: fixed; max-width: 800px; margin: 0 auto; /* // Scroll vertical overflow-y: auto; overflow-x: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; */ } .Mobile_Header { position: relative; height: 338px; } .Mobile_Header_baseline { position: absolute; top: 218px; width: 100%; text-align: center; } .Mobile_Header_baseline > h1 { display: block; background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); width: 219.52px; height: 23.52px; background-position: -340.48px -24.08px; background-size: 560px 286.72px; text-indent: -800px; text-align: left; margin: 0 auto; overflow: hidden; } .Mobile_Header_baseline > h2 { font-family: 'Lato', sans-serif; font-weight: normal; font-style: italic; color: #e65e5a; font-size: 11px; text-transform: uppercase; letter-spacing: 1.8px; -webkit-font-smoothing: antialiased; margin-top: 22px; } .Mobile_Body { font-family: 'Lato', sans-serif; font-weight: normal; color: #cccccc; -webkit-font-smoothing: antialiased; } .Mobile_Section { padding: 0 20px; } .Mobile_Section p { font-size: 14px; text-align: center; } .Mobile_logoLHS { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent url('../medias/mobile/logo-lhs-effects.png') no-repeat top center; background-size: 368px 377px; } .Mobile_logoLHS > a { position: absolute; top: 40px; left: 50%; width: 150px; height: 150px; margin-left: -75px; border-radius: 75px; } .Mobile_Hr { width: 100%; height: 68px; line-height: 68px; font-size: 0px; text-align: center; } .Mobile_Hr > span { display: inline-block; vertical-align: top; vertical-align: middle; background: #e65e5a; height: 1px; width: 36px; } .Mobile_btn { display: inline-block; vertical-align: top; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; text-align: center; font-size: 12px; color: #cccccc; vertical-align: middle; border: solid #63656a 1px; border-radius: 3px; padding: 20px 40px; width: 100%; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; } .Mobile_btn:hover { color: inherit; } .Mobile_btn + .Mobile_btn { margin-top: 20px; } .Mobile_Map { margin-top: 45px; text-align: center; background: transparent url('../medias/mobile/map-background.png') no-repeat top center; padding: 32px 0 38px 0; } .Mobile_Map .Mobile_Map_pin { display: inline-block; vertical-align: top; width: 56px; height: 77px; } .Mobile_Map .Mobile_Map_address { font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; text-transform: uppercase; font-style: normal; width: 210px; margin: 15px auto 0 auto; } .Mobile_Map .Mobile_Map_address > a { text-decoration: none; color: #cccccc; } .Mobile_Map .Mobile_Map_address > a:hover { text-decoration: none; color: #cccccc; } .Mobile_Footer_socials { display: block; text-align: center; margin: 0; padding-bottom: 40px; } .Mobile_Footer_socials .Mobile_socialItem { background-repeat: no-repeat; background-image: url(../static/sprites/lhs-corpo.png?233?2); display: inline-block; margin: 24px; width: 32px; height: 32px; cursor: pointer; -webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear; -webkit-transition: -webkit-filter 300ms linear; } .Mobile_Footer_socials .Mobile_socialItem:hover { -webkit-filter: brightness(1.3); filter: brightness(1.3); } .Mobile_Footer_socials .Mobile_socialItem-facebook { width: 32px; height: 32px; background-position: 0px -480px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_socialItem-twitter { width: 32px; height: 32px; background-position: -954px -360px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_socialItem-vimeo { width: 32px; height: 32px; background-position: -930px -446px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_socialItem-instagram { width: 32px; height: 32px; background-position: -99px -480px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_socialItem-linkedin { width: 32px; height: 32px; background-position: -165px -480px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_socialItem-gplus { width: 32px; height: 32px; background-position: -66px -480px; background-size: 1000px 512px; } .Mobile_Footer_socials .Mobile_social_blog { display: inline-block; height: 22px; width: 52px; margin-top: 35px; margin-left: 10px; margin-bottom: 23px; margin-right: 18px; font-family: 'Lato', sans-serif; font-weight: normal; font-weight: 700; font-style: italic; color: #bdbdbd; font-size: 12px; text-transform: uppercase; text-decoration: none; vertical-align: top; letter-spacing: 1px; } .betting_but{margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;} .betting_butform{position: relative;width: 245px;min-height: 40px;background: rgba(255,255,255,0.05);box-shadow: 0 5px 15px rgba(0,0,0,1);;text-align:center;} .betting_butform:last-child {float:right} .betting_butform:before{content:'';position: absolute;top: 0;left: 0;width: 50%;height:100%;background: rgba(255,255,255,0.1);pointer-events: none;} .betting_butform:after{content:'';position: absolute;top: -5px;left: -5px;right: -5px;bottom: -5px;background: linear-gradient(45deg,#ff0047,#6eff00);pointer-events: none;animation: animate 5s linear infinite;} @keyframes animate { 0% { filter:blur(10px) hue-rotate(0deg); } 100% { filter:blur(10px) hue-rotate(360deg); } } .betform{position: absolute;width: 100%;height: 100%;box-sizing: border-box;z-index: 1; margin:auto;text-align: center;color: #fff;font-weight:1000} @font-face { font-family: 'gsb'; src: url('../font/GmarketSansBold.otf'); } @font-face { font-family: 'gsl'; src: url('../font/nanumsquarer1.eot'); src: local('??'), url('../font/nanumsquarer1.woff') format('woff'); } @font-face { font-family: 'gsm'; src: url('../font/GmarketSansMedium.otf'); } html, body { margin: 0; } html { background-color: #111; width: 100%; } body { width: 1440px; margin: 0 auto; position: relative; } a { color: white; text-decoration: none; } a:hover { color: #ddcda9; } .warp { width: 100%; padding-right: 20px; position: relative; background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url('../img/bg.png'); background-size: 100% auto; } .top { width: 100%; height: 160px; } .top>div { float: left; } .top_logo { width: 250px; text-align: center; } .top_warp { width: calc(100% - 250px); } .info_area { margin-top: 10px; width: 100%; height: 80px; line-height: 80px; overflow: hidden; } .info { width: 722px; font-family: 'gsm'; color: white; float: left; font-size: 11px; } .info>span { margin-right: 10px; } .buttons { width: 468px; font-family: 'gsm'; color: white; float: right; text-align: right; } .buttons>a { margin-left: 10px; } .menu_area { box-sizing: border-box; width: 100%; height: 70px; line-height: 70px; padding: 0 0 10px 0; } .menu { font-family: 'gsm'; width: 100%; height: 59px; border-bottom: 1px solid #9e8e78; background-color: #000000AA; } .menu>div { line-height: 59px; padding-left: 15px; float: left; color: white; } .middle { display: inline-block; width: 100%; } .middle>div { float: left; } .middle_left { width: 250px; } .middle_left>div { font-family: 'gsm'; box-sizing: border-box; margin: 0 auto 20px auto; width: 200px; border: 1px solid #9e8e78; border-radius: 5px; padding: 10px; background-color: #000000AA; } .left_menu>div { height: 50px; line-height: 50px; } .left_menu>div:not(:first-child) { padding-top: 6px; border-top: 1px solid #9e8e78; } .left_menu_button span { display: inline-block; width: 50px; text-align: center; } .pg_wrap {clear: both;margin: 0 0 20px;padding: 20px 0 0;text-align: center;} .pg {display: inline-block;} .pg_page, .pg_current {color: #9f9f9f;display: inline-block;float: left;padding: 0 13px;line-height: 30px;text-decoration: none;border: 1px solid #ddd;margin-left: -1px;cursor:pointer} .pg_current.pg_page.on {display: inline-block;background: #3f3f3f;color: #fff;font-weight: normal;transition:all ease 0.2s} .pg span:focus, .pg span:hover {background-color: #f3f3f3;color:black;transition:all ease 0.2s} .pg span:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .pg span:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .pg_page {background:rgba(0,0,0,0);color:white;text-decoration: none} .pg_start {background: url(../img/page_1.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_prev {background: url(../img/page_2.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_next {background: url(../img/page_3.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .pg_end {background: url(../img/page_4.png) 50% 50% no-repeat;width: 32px;text-indent: -999px;overflow: hidden} .main_warp { width: calc(100% - 250px); } .middle_main { width: calc(100% - 250px); text-align: center; float: left; } .title_line { width: 100%; text-align: center; color: white; font-family: 'gsm'; } .title { color: #d4c6b0; font-family: 'gsb'; font-size: 45px; background: linear-gradient(-45deg, #a19075 45%, #d4c6b0 50%, #a19075 55%); color: transparent; -webkit-background-clip: text; } .sub_title { color: #d4c6b0; font-family: 'gsm'; font-size: 16px; background: linear-gradient(344deg, #a19075 45%, #d4c6b0 50%, #a19075 55%); color: transparent; -webkit-background-clip: text; } table { font-family:'gsl'; color: white; } .as_number { font-size: 45px; font-family: 'gsb'; color: #d4c6b0; background: linear-gradient(-45deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); color: transparent; -webkit-background-clip: text; } .as_number2 { font-size: 30px; font-family: 'gsb'; color: #d4c6b0; background: linear-gradient(-45deg, #a19075 20%, #d4c6b0 50%, #a19075 80%); color: transparent; -webkit-background-clip: text; } .gold_button { height: 60px; line-height: 60px; padding: 0 30px; color: #d4c6b0; background: -webkit-linear-gradient(165deg, #e5ded2 0%, #d4c6b0 35%, #a19075 45%, #8d8a86 100%); background: -moz-linear-gradient(165deg, #e5ded2 0%, #d4c6b0 35%, #a19075 45%, #8d8a86 100%); background: -o-linear-gradient(165deg, #e5ded2 0%, #d4c6b0 35%, #a19075 45%, #8d8a86 100%); background: linear-gradient(165deg, #e5ded2 0%, #d4c6b0 35%, #a19075 45%, #8d8a86 100%); color: white; font-family: 'gsm'; text-shadow: #594e3d 0 0 1px, #594e3d 0 0 2px, #594e3d 0 0 3px, #594e3d 0 0 4px, #594e3d 0 0 5px; } .list_table tr { height: 40px; } .list_table tbody tr td { border-bottom: 1px solid #e5ded2; } .list_table tbody tr th { border-bottom: 1px solid #e5ded2; } .table_title { background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); } .table_title2 { color: #d4c6b0; } .black_button { height: 60px; line-height: 60px; padding: 0 30px; border: 1px solid #8d8a86; border-radius: 5px; background: -webkit-linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); background: -moz-linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); background: -o-linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); background: linear-gradient(180deg, #4c453c 0%, #1c1b1a 100%); color: white; font-family: 'gsm'; text-shadow: #594e3d 0 0 1px, #594e3d 0 0 2px, #594e3d 0 0 3px, #594e3d 0 0 4px, #594e3d 0 0 5px; } .black_button:hover { background: linear-gradient(180deg, #666666 0%, #444444 100%); } .small_button { height: 40px; line-height: 40px; padding: 0 10px; } table input { box-sizing: border-box; width: 100%; padding: 10px; font-family: 'gsm'; } table textarea { box-sizing: border-box; width: 100%; padding: 10px; font-family: 'gsm'; } .table tr { height: 40px; min-height: 40px; } .notice2.notice_id { text-transform: uppercase; color: #fff; text-shadow: 0 0 2px #fefcc9, 1px -1px 3px #feec85, -2px -2px 4px #ffae34, 2px -4px 5px #ec760c, -2px -6px 6px #cd4606, 0 -8px 7px #973716, 1px -9px 8px #451b0e; } .notice2.event { text-transform: uppercase; color: #fff; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #ff00de, 0 0 7px #ff00de, 0 0 8px #ff00de, 0 0 10px #ff00de, 0 0 15px #ff00de; } .notice2.comment_event { text-transform: uppercase; color: #fff; text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #39f10b, 0 0 7px #39f10b, 0 0 8px #39f10b, 0 0 10px #39f10b, 0 0 15px #39f10b; } .sports table { font-size: 13px; } .mobile { display: none !important; } .mobile2 { display: none !important; } input[type='text'], input[type='password'], textarea { background-color: #000000AA; color: white; } #container { box-sizing: border-box; width: 100% !important; } #top_wrap, #cnt_wrap { box-sizing: border-box; width: calc(100% - 290px) !important; } .top_menu_table { table-layout: fixed; margin-bottom: 0px; border-left: 1px solid #9e8e78; border-right: 1px solid #9e8e78; } .top_menu_table thead td { border: 1px solid #9e8e78; height: 80px; cursor: pointer; font-size: 15px; } .top_menu_table thead td:hover { color: #9e8e78; border-bottom: 1px solid #666666; } .top_menu_table thead td.on { color: #9e8e78; border-bottom: none; } .top_menu_table tbody th { cursor: pointer; height: 40px; } .top_menu_table tbody th:not(:first-child) { border-left: 1px dotted #9e8e78; } .top_menu_table tbody th:hover { color: #9e8e78; } .top_menu_table tbody th.on { color: #9e8e78; } #side_wrap>.clock { display: none; } #side_wrap>img { padding: 0 !important; width: 280px !important; } .mg_pennel2 { border: none !important; } #sports .league span img { vertical-align: -4px; } #sports td { text-align: center; } .top_menu_table td { text-align: center; } .stop_btn { width: 85px; height: 30px; line-height: 30px; text-align: center; float: right; right: 9px; margin-top: 10px; } .stop_btn_on{ width: 85px; height: 30px; line-height: 30px; text-align: center; float: right; right: 9px; margin-top: 10px; } .stop_btn_on>img { box-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 5px white; border-radius: 10px; } #betting_result #refresh { width: unset; } .video_leyer { display: inline-block; } .bottom { margin-top: 50px; } .menu_button { position: relative; } .menu_button a { z-index: 1; position: relative; } .menu_button img { position: absolute; left: 13px; top: -3px; width: 50px; } #side_wrap #betCartLayer .btcart_body div#list_2 { width: 260px; margin-bottom: 16px; margin-left: 8px; margin-top: -20px; height: auto; overflow: hidden; display: block; } .middle_main { width: 100%; } .main_line { display: inline-block; width: 100%; color: #f3d9c4; font-family: 'batang'; font-size: 35px; } .middle_main .main_line:not(:first-child) { margin-top: 40px; } .main_line .main_line_img:not(:first-child) { margin-left: 20px; } .main_line .main_line_img { float: left; } .main_line .main_line_text { float: right; font-family: 'gsm'; margin-right: 10px; font-size: 16px; line-height: 40px; } .main_line .main_line_text>a { color: #f3d9c4; } #side_wrap2 { display: none !important; } .week_exchange { float: left; width: 500px; height: 361px; font-family: 'gsm'; text-align: left; margin-right: 20px; box-sizing: border-box; border: 2px solid #f3d9c4; border-radius: 10px; padding: 20px; background-color: #111; } .banners { float: left; display: inline-block; width: 310px; margin-right: 20px; } .banners img { width: 150px; float: left; } .banners>img:nth-child(2n) { margin-left: 5px; } .banners>img:nth-child(n+3) { margin-top: 5px; } .main_notice { float: left; width: 340px; height: 361px; font-family: 'gsm'; text-align: left; box-sizing: border-box; border: 2px solid #f3d9c4; border-radius: 10px; padding: 20px; background-color: #111; } .main_charge_table tr { height: 49.4px; line-height: 49.4px; } .main_notice_table tr { height: 41.166666px; line-height: 41.166666px; background: url('../img/pc/main_notice_bg.png') no-repeat; background-size: 100% 100%; } .video_leyer>img { top: 2px !important; } @media screen and (max-width: 540px) { body { max-width: 540px; } .pc { display: none !important; } .mobile { display: unset !important; } .mobile2 { display: revert !important; } .warp { min-width: 540px; overflow-x: hidden; } .middle_main { width: 100% !important; } .main_warp { width: 100% !important; } #top_wrap, #cnt_wrap { width: 100% !important; } .top_menu_table thead td { font-size: 11px; } .top_menu_table tbody th { font-size: 11px; } #betting_result th { font-size: 11px; } #betting_result td { font-size: 11px; } .betting_result th { font-size: 11px; padding: 5px 0px !important; } .betting_result td { font-size: 11px; padding: 5px 0px !important; } .gold_button { height: 40px; line-height: 40px; padding: 0 15px; } .black_button { height: 40px; line-height: 40px; padding: 0 15px; } .small_button { height: 40px; line-height: 40px; padding: 0 10px; } .table { font-size: 13px; } #sports table { font-family: 'gsl'; font-size: 11px; } #container #content #cnt_wrap #sports table td { padding: 5px 0px; } #sports .league span img { vertical-align: -7px; } .pg_wrap { font-size: 11px; } .pg_page, .pg_current {padding: 0 5px;} .pg_start {width: 25px;} .pg_prev {width: 25px;} .pg_next {width: 25px;} .pg_end {width: 25px;} #container #cnt_wrap .minigame .game_penel .mg_tit { width: unset; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 { width: 100%; margin-top: 50px !important; } #container #cnt_wrap .minigame .game_penel .mg_pennel2.mobile { display: block !important; } .result_time { left: 0; top: -50px; } .remaining_time { left: 200px; top: -50px; } .end_time { left: unset; right: 0; top: -50px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe { margin: 0 !important; position: unset; width: 100%; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 { width: 252px; height: 50px; margin-left: 10px !important; top: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 .img { width: unset; height: unset; top: 5px; left: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 .img img { max-height: 30px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_01 .odds { width: unset; bottom: 5px; right: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 { width: 164px; height: 50px; margin: 0 0 0 10px; margin-left: 10px !important; top: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 .img { width: unset; height: unset; top: 5px; left: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 .img img { max-height: 30px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_02 .odds { width: unset; bottom: 5px; right: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 { width: 120px; height: 50px; margin: 0 0 0 10px; top: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 .img { width: unset; height: unset; top: 5px; left: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 .img img { max-height: 30px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03 .odds { width: unset; bottom: 5px; right: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 { width: 120px; height: 50px; margin: 0 0 0 10px !important; top: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 .img { width: unset; height: unset; top: 5px; left: 5px; margin: 0; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 .img img { max-height: 30px; } #container #cnt_wrap .minigame .game_penel .mg_pennel2 .allpe .pennel_03_1 .odds { width: unset; bottom: 5px; right: 5px; margin: 0; } .top_info { margin: 20px 10px; } .top_logo { width: 436px; margin: 20px 0px; } .top_menu { margin: 20px 10px; } .top_warp { width: 100%; margin-bottom: 10px; } .info_area { height: unset; line-height: unset; } .info { width: 100%; } .info table { font-size: 13px; table-layout: fixed; } .info table th { padding: 0 10px; } .buttons { float: left; margin-right: 0px; width: 540px; text-align: center; } .right_menu { position: fixed; top: 0; width: 402px; height: 100vh; background-color: #333; border-left: 2px solid #9e8e78; z-index: 50; box-sizing: border-box; padding: 20px 0 20px 20px; transition: right 0.5s; overflow-y: scroll; } .right_menu.off { right: -450px; } .right_menu.on { right: 0; } .right_menu img { float: left; } .right_menu input { float: left; margin: 0 5px 5px 0; } .right_menu_button { box-sizing: border-box; width: 116.3333px; height: 50px; line-height: 51px; background: linear-gradient(#404040, #202020); border: 1px solid #9e8e78; color: white; } .right_menu_line { width: 360px; float: left; margin: 20px 0; border-bottom: 1px solid #9e8e78; font-family: 'gsb'; font-size: 35px; color: #9e8e78; } #container #cnt_wrap .minigame { padding: 0; } .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; z-index: 9; } #side_wrap, #side_wrap2 { display: none; } .mobile.but .money_but { box-sizing: border-box; font-size: 15px; height: 34px; line-height: 34px; width: 132px; padding: 0px; font-family: 'gsl'; } .mobile.but .money_other_but { box-sizing: border-box; font-size: 15px; height: 34px; line-height: 34px; width: 132px; margin-right: 0px; padding: 0px; font-family: 'gsl'; } #evol_popup { width: 100% !important; height: unset !important; left: 0 !important; right: 0 !important; top: 100px !important; } #slot_popup { width: 100% !important; height: unset !important; left: 0 !important; right: 0 !important; top: 100px !important; } #prematch_popup { width: 100% !important; height: unset !important; left: 0 !important; right: 0 !important; top: 100px !important; } #inplay_popup { width: 100% !important; height: unset !important; left: 0 !important; right: 0 !important; top: 100px !important; } #bti_popup { width: 100% !important; height: unset !important; left: 0 !important; right: 0 !important; top: 100px !important; } #main_slide { width: 540px !important; height: 256px !important; } #main_slide img { width: 540px !important; height: 256px !important; } .banners { width: 540px !important; } .banners img { width: 266px !important; margin: 2px !important; float: left; } #evol_popup_bottom input { margin: 20px 85px !important; } #slot_popup_bottom input { margin: 20px 85px !important; } #prematch_popup_bottom input { margin: 20px 85px !important; } #inplay_popup_bottom input { margin: 20px 85px !important; } #bti_popup_bottom input { margin: 20px 85px !important; } #side_wrap { display: block; width: 540px !important; height: 0px !important; } #side_wrap #betCartLayer { width: 100%; } #side_wrap #betCartLayer .btcart_body { width: 100%; position: fixed; bottom: 0px; height: auto; background: #000; z-index: 1000; } #side_wrap #betCartLayer .btcart_body #info { float: left; background: #222; border: 1px solid #8b7e69; border-radius: 5px; } #side_wrap #betCartLayer .btcart_body .betting { margin-left: 0px; float: left; } #side_wrap #betCartLayer .btcart_body .betting .betting_but { display: block !important; width: 540px !important; height: 35px; } #side_wrap #betCartLayer .btcart_body .betting #game_betting_button { width: 100%; height: 50px; } #side_wrap #betCartLayer .btcart_body div#list { width: 100%; margin-left: 0px; max-height: 150px; overflow-y: scroll; } #side_wrap #betCartLayer .btcart_body div#list_2 { width: 100%; margin-left: 0px; } #popup { width: 520px !important; left: 10px !important; } .video_leyer { scale: 64%; transform-origin: 0 0; height: 50% !important; margin: 0 0 0 0 !important; } .top_menu_table thead td { height: 48px; } .list_div { display: none; } #sports_button span#left, #sports_button span#right, #sports_button span.left_option, #sports_button span.right_option { line-height: unset; } .warp { padding-right: 0px; } #betCartLayer .btcart_body #reset_area { margin-bottom: 5px; } #betCartLayer .btcart_body div { margin-bottom: 5px; } #sports_button { padding: 15px 5px !important; } }