@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700,800,900'); ::-webkit-scrollbar { width: 10px!important; border-radius: 6px; } ::-webkit-scrollbar-track { border-radius: 6px; background: #3F060A; border: 1px solid rgb(232, 215, 173); } ::-webkit-scrollbar-thumb { background: rgb(232, 215, 173); border-radius: 6px; position: relative; top: 0; left: 0; cursor: pointer; } @font-face { font-family: 'BeautySchoolDropoutII'; src: url('/font/BeautySchoolDropoutII.eot'); src: url('/font/BeautySchoolDropoutII.eot?#iefix') format('embedded-opentype'), url('/font/BeautySchoolDropoutII.woff2') format('woff2'), url('/font/BeautySchoolDropoutII.woff') format('woff'), url('/font/BeautySchoolDropoutII.ttf') format('truetype'), url('/font/BeautySchoolDropoutII.svg#BeautySchoolDropoutII') format('svg');; font-weight: normal; font-style: normal; } /* --- INITIAL --- */ * { margin: 0; padding: 0; scroll-behavior: smooth; } html { -webkit-font-smoothing: antialiased; /*background-color: #000000;*/ } input[type="submit"] { text-transform: uppercase!important; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } body, h1, h2, h3, h4, h5, h6, input, select, textarea { font-family: 'Fira Sans', sans-serif; font-size: 12px; color: #fae5c0; font-weight: 500; resize: none; } img { border: 0; box-shadow: #000 0em 0em 0em; } a { text-decoration: none!important; outline: none; } a:hover { text-decoration: none!important; } ul li { list-style: none; } table { border-collapse: collapse; } table.terms { color: #F1E7CE; width: 100%; border-width: 1px; border-spacing: 2px; border-style: outset; border-color: #7E3F1F; background-color: #350301; } table.terms tr td { border-width: 1px; padding: 8px; border-style: inset; border-color: #4D0402; } table.terms tr th { border-width: 1px; padding: 8px; border-style: inset; border-color: #4D0402; } .termsUl{margin-left: 30px;} .termsUl .termsLi{list-style: initial;} hr { display: none; } .left { float: left; } .right { float: right; } .none { display: none; } .bold { font-weight: bold; } .italic { font-style: italic; } .clear { clear: both; } div.popup ::-webkit-scrollbar { width: 10px!important; border-radius: 6px; } div.popup ::-webkit-scrollbar-track { border-radius: 6px; background: #3F060A; border: 1px solid rgb(232, 215, 173); } div.popup ::-webkit-scrollbar-thumb { background: rgb(232, 215, 173); border-radius: 6px; position: relative; top: 0; left: 0; cursor: pointer; } #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=00); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; background-color: #000; z-index: 10000; } #lightOnOff { background: url("/images/lightOnOff.png") no-repeat left top; cursor: pointer; display: block; float: right; height: 32px; position: absolute; right: 0; top: 0; width: 31px; } #lightOnOff:hover { background-position: bottom left; } #lightOnOff.on { background-position: bottom left; } #lightOnOff.on:hover { background-position: top left; } #spam {} #spam .cadre_texte { margin-top:0px; margin-bottom:25px; } #spam .bg_cadre_texte_top { margin-top:0px; } #spam .bg_cadre_texte_bottom { margin-top:0px; padding-bottom: 30px; } li.antispam { list-style-type: disc !important; margin: 0 0 0 30px; font-size: 100%; color: rgb(251, 243, 223); display: list-item; } li.antispam li { list-style-type: circle !important; margin: 0 0 0 10px; } /* --- BODY --- */ body, #scroll { text-align: center; background-color: #150709; } div#global { position: relative; width: 1180px; text-align: left; margin: 0 auto; } div#top, div#bottom, div#top div#bandeau, div#bottom div#sep, div#bottom div#liens_bas { float: left; width: 100%; } div#middle { float: left; width: 100%; position: relative; } a span { } /* --- HEADER --- */ div#top { margin-bottom: 15px; } #pg_accueil div#top { background: none; } div#top div#bandeau { position: relative; } /* --- LOGO --- */ div#top div#bandeau a#logo { position: relative; float: left; display: block; width: 100%; height: 100px; margin-top: 2px; font-size: 0; } div#top div#bandeau a#logo svg { height: 100%; display: block; margin: auto; } div#top div#bandeau #mylogo, div#top div#bandeau #mylogo_logged { position: relative; display: block; width: 20%; font-size: 0; float:left; } div#top div#bandeau div#subscribe_text { float: right; height: 40px; font-size: 16px; color: #e2bc57; padding: 0 16px; width: 330px; } div#top div#bandeau div#subscribe_text a { color: #ffa200; } div#top div#bandeau div#login_box { width: 40%; margin-bottom: 15px; padding: 4px 0; } div#top div#bandeau div#login_box.logged { width: 75% !important; padding: 3px 0; } div#top div#bandeau div#login_box { float: right; text-align: center; border-radius: 5px; background-color: #4d0e14; position: relative; border-color: rgba(231, 193, 126, 0.6); border-width: 1px; border-style: solid; box-sizing: border-box; } div#top div#bandeau div#login_box span.titre { font-size: 18px; color: #e8d7ad; margin-bottom: 10px; display: block; width: 50%; margin: 10px auto; } input#login_login { margin-left: 11px!important; } div#top div#bandeau div#login_box input[type="text"], div#top div#bandeau div#login_box input[type="password"] { float: left; font-size: 12px; color: #866769; background-color: rgba(255, 255, 255, 0.85); padding: 4px 5px 4px 10px; border: 2px #300f00; margin: 2px 10px 0 0; border-radius: 2px; width: 26%; letter-spacing: 1px; line-height: 18px; } div#top div#bandeau div#login_box input[type="text"]::-webkit-input-placeholder, div#top div#bandeau div#login_box input[type="password"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(0, 0, 0, 0.8); } div#top div#bandeau div#login_box input[type="text"]::-moz-placeholder, div#top div#bandeau div#login_box input[type="password"]::-moz-placeholder{ /* Firefox 19+ */ color: rgba(0, 0, 0, 0.8); } div#top div#bandeau div#login_box input[type="text"]::-ms-input-placeholder, div#top div#bandeau div#login_box input[type="password"]::-ms-input-placeholder{ /* IE 10+ */ color: rgba(0, 0, 0, 0.8); } div#top div#bandeau div#login_box input[type="text"]::-moz-placeholder, div#top div#bandeau div#login_box input[type="password"]::-moz-placeholder{ /* Firefox 18- */ color: rgba(0, 0, 0, 0.8); } div#top div#bandeau div#login_box input[type="text"]:focus, div#top div#bandeau div#login_box input[type="password"]:focus { color: #220201; background-position: left top; } div#top div#bandeau div#login_box .error { color: #e34148; font-size: 10px; font-weight: 500; padding: 8px 0 0 5px; width: auto; float: left; } div#top div#bandeau div#login_box input[type="text"].error, div#top div#bandeau div#login_box input[type="password"].error { box-shadow: 0 0 12px #eb5959; border-radius: 2px; border: 2px solid #eb5959; background-color: rgba(255, 255, 255, 0.85); } /* --- CHECK BOX --- */ div#top div#bandeau div#login_box .rememberMe { float: left; /* margin: 0px 10px 2px 0px;*/ padding: 0 5px 0; width: 150px; font-style: italic; } div#top div#bandeau div#login_box .rememberMe .checkbox { cursor: pointer; width: 25px; height: 20px; background: url("/images/t_checkbox2.png") no-repeat; display: block; float: left; } div#top div#bandeau div#login_box label { color: #e7c17f; font-size: 10px; float: left; margin: 8px 0 0 0; } div#top div#bandeau div#login_box a { color: #e7c17f; font-size: 10px; text-align: left; display: block; float: left; /*width: 150px;*/ -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; font-style: italic; } div#top div#bandeau div#login_box a.lostPassword { margin: 0 0 0 0; } div#top div#bandeau div#login_box a:hover { color: #c1272d; text-decoration: none; } div#top div#bandeau div#login_box input[type="submit"] { float: right; color: #fae5c0; font-family: "Fira Sans"; font-size: 12px; font-weight: 500; text-transform: uppercase; /*letter-spacing: 0.5px;*/ border: 0; margin: 2px 10px 0 0; cursor: pointer; padding: 5px 10px; box-shadow: 0 0 3px #4d0e14; border-radius: 15px; background-color: rgba(179, 9, 30, 0.7); } #top div#bandeau div#login_box input[type="submit"] { margin: 20px 10px 5px 5px; } #popup-chat_msg .submit { padding-top: 10px!important; height: 24px!important; float: right; right: 0; margin-left: 20px; } .bloc_promo a,.bloc_promo a:visited { color: #9C1102; } .bloc_promo .bottom a { font-weight: bold; font-size: 14px; font-size: 16px; height: 38px; float: none!important; border: 0; cursor: pointer; border-radius: 5px; text-align: center; bottom: 40px; padding: 10px 15px; color: #FFFFFF; } .right .bloc_promo .bottom { text-align: right; } .royalSlider a.button { position: relative; left: 40px; top: -65px; padding: 12px 15px 15px!important; height: 14px!important; font-size: 16px!important; } .royalSlider a {display:block;} .royalSlider a.button, a.play { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; } .royalSlider .topText { display: block; position: absolute; width:750px; height:300px; text-align: center;} input[type="submit"], div.subscribe a, #popup-chat_msg .submit, .popupfreebottom a, .fullScreenBottom a, .royalSlider a.button, #promo_sidebar a.bt, .popupButtonRegOuter a, .bloc_promo .top a, .nonDepBonus a.bt, .cadre-depot-pretop-banner a.bt, .intro_inscrip a.bt, .redBtn { color: #fae5c0; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; border: 0; float: left; cursor: pointer; padding: 10px 15px; text-align: center; box-shadow: 0 0 3px #4d0e14; border-radius: 25px; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } li.register a, li.deposit a { color: #FFFFFF!important; text-shadow: 0 0 0 #3B3131, 0 0 0 #150517!important; filter: dropshadow(color=#634039, offx=0, offy=1); text-decoration: none!important; border-top-right-radius: 6px 6px; border-bottom-right-radius: 6px 6px; behavior: url(/PIE.htc); background: #88181d!important; text-transform: uppercase; background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88181d), color-stop(2%,#ba272d), color-stop(100%,#88181d))!important; background: -webkit-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%)!important; background: -o-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%)!important; background: -ms-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%)!important; background: linear-gradient(to bottom, #88181d 0%,#ba272d 2%,#88181d 100%)!important; /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88181d', endColorstr='#88181d',GradientType=0 )!important;*/ text-shadow: 0 0 0 #3B3131, 0 0 0 #150517; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); -webkit-transition-property: all!important; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } input#btn_contact, a.play, form#depositcardForm input, div#top div#bandeau div#login_box input[type="submit"], div#top ul#nav li.register a, input[type="submit"], div#top ul#nav li.register a, div#top ul#nav li.deposit a, div.subscribe a, a.bt-inscrip, a.bt, .popupGame .popupfreebottom a.playReal, .popupGame .popupfreebottom a.subscribe, #popup-chat_msg .submit, a.register, .popupfreebottom a, .bloc_promo .top a, .fullScreenBottom a, .royalSlider a.button, #homeBonus_sidebar a.bt, #promo_sidebar a.bt, #promo_sidebaruk a.bt, #promo_sidebarsv a.bt, .popupButtonRegOuter a, .nonDepBonus a.bt, .cadre-depot-pretop-banner a.bt, .intro_inscrip a.bt { background-color: #b4091e; } input#btn_contact:hover, a.play:hover, form#depositcardForm input:hover, div#top div#bandeau div#login_box input[type="submit"]:hover, div#top ul#nav li.register a:hover, input[type="submit"]:hover, div#top ul#nav li.register a:hover, div#top ul#nav li.deposit a:hover, div.subscribe a:hover, a.bt-inscrip:hover, a.bt:hover, .popupGame .popupfreebottom a.playReal:hover, .popupGame .popupfreebottom a.subscribe:hover, #popup-chat_msg .submit:hover, a.register:hover, .popupfreebottom a:hover, .bloc_promo .bottom a:hover, .fullScreenBottom a:hover, .royalSlider a.button:hover, #homeBonus_sidebar a.bt:hover, #promo_sidebar a.bt:hover, #promo_sidebaruk a.bt:hover, #promo_sidebarsv a.bt:hover, .popupButtonRegOuter a:hover, .nonDepBonus a.bt:hover, .cadre-depot-pretop-banner a.bt:hover, .intro_inscrip a.bt:hover { color: #FFFFFF!important; text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff!important; background: #cc1416!important; background: -moz-linear-gradient(top, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc1416), color-stop(59%,#a80e18), color-stop(87%,#9a0c1d), color-stop(92%,#960b1b), color-stop(100%,#930d1d))!important; background: -webkit-linear-gradient(top, #cc1416 0%,#a80e18 59%,#9a0c1d 87%,#960b1b 92%,#930d1d 100%)!important; background: -o-linear-gradient(top, #cc1416 0%,#a80e18 59%,#9a0c1d 87%,#960b1b 92%,#930d1d 100%)!important; background: -ms-linear-gradient(top, #cc1416 0%,#a80e18 59%,#9a0c1d 87%,#960b1b 92%,#930d1d 100%)!important; background: linear-gradient(to bottom, #cc1416 0%,#a80e18 59%,#9a0c1d 87%,#960b1b 92%,#930d1d 100%)!important; /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc1416', endColorstr='#930d1d',GradientType=0 );*/ -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } a.playFree:hover { background: #848484; text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff!important; background: -moz-linear-gradient(top, #848484 0%, #605d5d 36%, #474747 73%, #383838 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(36%,#605d5d), color-stop(73%,#474747), color-stop(100%,#383838)); background: -webkit-linear-gradient(top, #848484 0%,#605d5d 36%,#474747 73%,#383838 100%); background: -o-linear-gradient(top, #848484 0%,#605d5d 36%,#474747 73%,#383838 100%); background: -ms-linear-gradient(top, #848484 0%,#605d5d 36%,#474747 73%,#383838 100%); background: linear-gradient(to bottom, #848484 0%,#605d5d 36%,#474747 73%,#383838 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#383838',GradientType=0 ); -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } input#btn_contact:active, a.play:active, form#depositcardForm input:active, div#top div#bandeau div#login_box input[type="submit"]:active, div#top ul#nav li.register a:active, input[type="submit"]:active, div#top ul#nav li.register a:active, div#top ul#nav li.deposit a:active, div.subscribe a:active, a.bt-inscrip:active, a.bt:active, .popupGame .popupfreebottom a.playReal:active, .popupGame .popupfreebottom a.subscribe:active, a.register:active, .popupfreebottom a:active, .bloc_promo .bottom a:active, .fullScreenBottom a:active, .royalSlider a.button:active, #homeBonus_sidebar a.bt:active, #promo_sidebar a.bt:active, .popupButtonRegOuter a:active, #promo_sidebaruk a.bt:active, #promo_sidebarsv a.bt:active, .nonDepBonus a.bt:active, .cadre-depot-pretop-banner a.bt:active, .intro_inscrip a.bt:active { text-shadow: -1px 1px 8px #c6606b, 1px -1px 8px #d68e95!important; color: #eed1d4; background: #ae1d2c!important; background: -moz-linear-gradient(top, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae1d2c), color-stop(29%,#891521), color-stop(29%,#86131f), color-stop(30%,#871520), color-stop(67%,#78111c), color-stop(78%,#710d19), color-stop(79%,#720f1a), color-stop(90%,#6b0c17), color-stop(100%,#680c17))!important; background: -webkit-linear-gradient(top, #ae1d2c 0%,#891521 29%,#86131f 29%,#871520 30%,#78111c 67%,#710d19 78%,#720f1a 79%,#6b0c17 90%,#680c17 100%)!important; background: -o-linear-gradient(top, #ae1d2c 0%,#891521 29%,#86131f 29%,#871520 30%,#78111c 67%,#710d19 78%,#720f1a 79%,#6b0c17 90%,#680c17 100%)!important; background: -ms-linear-gradient(top, #ae1d2c 0%,#891521 29%,#86131f 29%,#871520 30%,#78111c 67%,#710d19 78%,#720f1a 79%,#6b0c17 90%,#680c17 100%)!important; background: linear-gradient(to bottom, #ae1d2c 0%,#891521 29%,#86131f 29%,#871520 30%,#78111c 67%,#710d19 78%,#720f1a 79%,#6b0c17 90%,#680c17 100%)!important; /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ae1d2c', endColorstr='#680c17',GradientType=0 )!important;*/ -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } a.playFree:active { background: #474747; background: -moz-linear-gradient(top, #474747 0%, #4c4a4a 36%, #333333 73%, #0f0f0f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(36%,#4c4a4a), color-stop(73%,#333333), color-stop(100%,#0f0f0f)); background: -webkit-linear-gradient(top, #474747 0%,#4c4a4a 36%,#333333 73%,#0f0f0f 100%); background: -o-linear-gradient(top, #474747 0%,#4c4a4a 36%,#333333 73%,#0f0f0f 100%); background: -ms-linear-gradient(top, #474747 0%,#4c4a4a 36%,#333333 73%,#0f0f0f 100%); background: linear-gradient(to bottom, #474747 0%,#4c4a4a 36%,#333333 73%,#0f0f0f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#0f0f0f',GradientType=0 ); -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .nonDepBonus a.bt { position: absolute; left:515px; bottom:45px; padding: 10px 10px 10px; font-size: 20px; min-width: 160px; } .cadre-depot-pretop-banner a.bt, .intro_inscrip a.bt { position: relative; left:515px; bottom:70px; padding: 10px 10px 10px; font-size: 20px; min-width: 160px; } .nonDepBonus img { margin-top: 20px; } .langue_de .nonDepBonus a.bt, .langue_de .cadre-depot-pretop-banner a.bt, .langue_de .intro_inscrip a.bt { font-size: 14px; } .langue_fi .nonDepBonus a.bt, .langue_fi .cadre-depot-pretop-banner a.bt, .langue_de .intro_inscrip a.bt { font-size: 18px; } .langue_fi .nonDepBonus a.bt .langue_nl .cadre-depot-pretop-banner a.bt, .langue_nl .intro_inscrip a.bt { font-size: 18px; } div#top div#bandeau div#login_box span.username, div#top div#bandeau div#login_box span.solde, div#top div#bandeau div#login_box .deposit, div#top div#bandeau div#login_box .favorites{ font-size: 12px; margin: 0 0 0 25px; line-height: 50px; /*width: 20%;*/ float: left; letter-spacing: 1px; font-weight: 700; } div#top div#bandeau div#login_box .favorites{ margin: 0 0 0 0; width: auto; text-align:center; float: right; } div#top div#bandeau div#login_box .deposit { text-align: right; /*line-height: 40px;*/ /*margin-top: 2px;*/ float: right; margin-right: 25px; } div#top div#bandeau div#login_box span.username { color: #c39e5e; display: inline-block; text-align: left; float: left; text-transform: uppercase; } div#top div#bandeau div#login_box span.username strong { color: #fae5c0; display: inline-block; font-weight: bold; margin-left: 5px; text-transform: none; } div#top div#bandeau div#login_box span.solde { color: #c39e5e; display: block; float: left; text-align: left; text-transform: uppercase; } div#top div#bandeau div#login_box span.solde strong { font-size: 12px; color: #fae5c0; margin-left: 6px; } div#top div#bandeau div#login_box .deposit a { color: #ffffff; font-size: 16px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; border-radius: 18px; background-color: #b4091e; padding: 4px 20px; text-align: center; display: inline; float: none; font-style: normal; border: 1px solid #b4091e; } div#top div#bandeau div#login_box .deposit a:hover { opacity: 1; border: 1px solid #e7c17f; text-shadow: 0 0 4px #fae5c0; } div#top div#bandeau div#login_box .favorites a{ font-size: 12px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fae5c0; font-style: normal; text-align: center; width:auto; } div#top div#bandeau div#login_box .favorites a svg { margin: 0 5px 0 5px; } /*.langue_fr div#top div#bandeau div#login_box a.logout { font-size: 12px; color: #faf2de; text-decoration: none; float: right; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; padding: 20px 10px; margin: -9px 0 0 0!important; }*/ div#top div#bandeau div#login_box a.logout { font-size: 12px; color: #faf2de; text-decoration: none; float: right; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-align:center; } div#top div#bandeau div#login_box .verifyPES a { margin: 12px 0 0; padding: 0 5px 5px 0; } div#top div#bandeau div#login_box a.logout:hover { color: #C1272D; text-decoration: underline; } /* --- NAV - Top (User) --- */ #top_nav { display: block; width: 75%; margin: 10px 0 15px 0; position: relative; text-align: left; float: right; } ul.top_nav_menu_sup { position: absolute; top: 0; right:0; } ul.top_nav_menu li { font-size: 12px; display: inline-block; border-right: 1px #fae5c0 solid; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; box-sizing: border-box; } ul.top_nav_menu li:last-child { border-right: none; } ul.top_nav_menu li.sup { border-right: none; } ul.top_nav_menu li.sup_chat { border-right: none; border-left: none; } ul.top_nav_menu li.sup_email { border-right: none; border-left: none; } ul.top_nav_menu li.sup_fono { border-right: none; border-left: none; } span.callText { position: relative; } ul.top_nav_menu li a { color: #e8d7ad; padding: 0 5px 0 5px; text-transform: uppercase; cursor: pointer; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; vertical-align: middle; } ul.top_nav_menu li a:hover { color: #c1272d; text-decoration: none; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } ul.top_nav_menu li a.logout { margin-left: 10px; color: #fae5c0; opacity: 0.7; } ul.top_nav_menu li a.logout:hover { color: #c1272d; opacity: 1; } ul.top_nav_menu li a svg { margin-bottom: 2px; } svg { fill: currentColor; vertical-align: middle; } /* --- NAV - Main --- */ .menunav{ float:left; text-align: center; width:100%; border-radius: 6px; box-shadow: 0 0 4px #e7c17f, inset 0 1px 5px 3px #fae5c0; } div#top ul#nav { float: left; z-index: 101; display: table; width: 100%; } div#top ul#nav.logged { /*float: left;*/ z-index: 101; margin-top: 0; padding-top: 0; } div#top ul#nav a { background-color: #fae5c0; } div#top ul#nav a:hover { background: #c5b37a; color: white; text-decoration: none; } div#top ul#nav a:active { color: white; text-decoration: none; background: #fae5c0; background: -moz-linear-gradient(top, #825a2a 0%, #bfac72 7%, #c1b387 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#825a2a), color-stop(7%,#bfac72), color-stop(100%,#c1b387)); background: -webkit-linear-gradient(top, #825a2a 0%,#bfac72 7%,#c1b387 100%); background: -o-linear-gradient(top, #825a2a 0%,#bfac72 7%,#c1b387 100%); background: -ms-linear-gradient(top, #825a2a 0%,#bfac72 7%,#c1b387 100%); background: linear-gradient(to bottom, #825a2a 0%,#bfac72 7%,#c1b387 100%); /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#825a2a', endColorstr='#c1b387',GradientType=0 );*/ } .big div#top ul#nav { background: url("/images/bg-page-big.png") repeat-y; } div#top ul#nav li { border-left: 1px #e7c17f solid; display: table-cell; } div#top ul#nav li a.active { color: #c1272d !important; } div#top ul#nav li a { color: #4d0e14; text-transform: uppercase; font-size: 14px; width: 100%; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; line-height: 22px; letter-spacing: 1px; } div#top ul#nav li a:hover, div#top ul#nav li.sfHover:hover a { color: #FFFFFF; background-position: bottom; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#top ul#nav li:first-child { border-left: none; } a#menu_accueil .hoose { position: relative; z-index: 10; } a#menu_accueil .home_h { position: absolute; margin-top: 0; margin-left: 10px; } div#top ul#nav li:last-child { border: none; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; } div#top ul#nav li:last-child a { min-width: 120px; } div#top ul#nav.logged li:last-child { border-left: 1px #d9b55c solid; border-right: none; } div#top ul#nav.logged li:last-child a { min-width: inherit; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; } div#top ul#nav li ul { position: absolute; width: 153px; left: 0; top: 35px; padding-bottom: 15px; background: left bottom no-repeat; display: none; z-index: 100; } div#top ul#nav li ul li.first { position: absolute; height: 42px; width: 153px; padding: 0; display: block; background: no-repeat left top; } div#top ul#nav li ul li { float: none; width: 144px; padding: 2px 8px 3px 4px; } div#top ul#nav li ul li.subLast { background: none; } div#top ul#nav li ul li a.snav { float: none; height: auto; color: #641e02; padding: 3px 2px 4px 5px; font-size: 15px; background-image: none; } div#top ul#nav li ul li a:hover { color: #efded4; background-color: #502213; text-decoration: none; } /* --- LANGUAGES - Selector --- */ #langues { text-transform: uppercase; position: relative; letter-spacing: 0; color: #c39e5e; border: none; } #langues #langue_selected { text-align: right; cursor: pointer; font-size: 12px; padding-right: 18px; padding-left: 10px; } #langues #langue_selected img { border: none; padding: 0 5px; } #langues #langue_selector { background: url("/assets/dist/img/select.png") no-repeat scroll right 0 transparent; cursor: pointer; position:absolute; right: 0; top: 4px; height: 23px; width: 28px; } #langues #langue_selector_hover { background: url("/assets/dist/img/select.png") no-repeat scroll right 0 transparent; cursor: pointer; position:absolute; right: 0; top: 6px; height: 23px; width: 28px; opacity: 0; } #langues ul#langues_box { background: rgba(40, 4, 3, 0.9); display: none; float: right; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 23px; right: 0; width: 148px; z-index: 99999; border-radius: 6px; behavior: url(/PIE.htc); } #langues ul#langues_box li { text-align: right; display: block; border-right: none; } #langues ul#langues_box li a img { border: none; padding: 0 5px; } #langues ul#langues_box li a { color: #e8d7ad; display: block; font-size: 12px; padding: 4px 3px; text-decoration: none; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #langues ul#langues_box li a:hover { color: #BA272D; } div#top ul#nav li:first-child a { border-left: none; border-top-left-radius: 6px 6px; border-bottom-left-radius: 6px 6px; padding: 5px 10px; } div#top ul#nav li a { padding: 5px 0; float: left; display: block; box-sizing: border-box; display: block; } /* --- GAMES --- */ div#middle div#contenu #cadre_game { position: relative; float: left; margin: 8px 0 10px 0; background: top left no-repeat; width: 734px; height: 703px; } div#middle div#contenu #cadre_game h1 { background: url("/images/bg-title.png") no-repeat; width: 725px; height: 12px; text-align: center; font-size: 16px; color: #fbf3df; float: left; margin-left: 10px; margin-bottom: 10px; text-transform: uppercase; } div#middle div#contenu div.enlarge_game { float: right; margin-bottom: -20px; margin-right: 12px; height: 40px; } div#middle div#contenu div.enlarge_game a.popup { display: block; background: url("/images/popup/t_resize.png") left top no-repeat; height: 28px; width: 28px; cursor: pointer; right: 35px; float: right; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.enlarge_game a.popup:hover { background: url("/images/popup/t_resize_h.png") left top no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.enlarge_game a.fullScreen { display: block; background: url("/images/popup/t_fullscreen.png") left top no-repeat; height: 28px; width: 28px; cursor: pointer; float: right; margin-left: 5px; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.enlarge_game a.fullScreen:hover { background: url("/images/popup/t_fullscreen_h.png") left top no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu #cadre_game #flashContainer { position: relative; margin: 0 4px 10px; } div#middle div#contenu #cadre_game #flashGame { position: absolute; background-color: #000; } div#middle div#contenu #flashGame_load { text-align: center; color: #CD0306; font-size: 20px; padding: 215px 0 0 0; display: none; position: absolute; background-color: #000; width: 725px; height: 315px; } div#middle div#contenu #cadre_game span.maximise { color: #cf9047; font-size: 18px; width: 115px; height: 33px; margin: 0 0 0 255px; padding: 0 0 0 80px; font-weight: bold; display: block; cursor: pointer; } /* --- Share --- */ #bloc_share { color: #cf9047; font-size: 18px; height: 37px; text-align: center; } #bloc_share a span.fb_share_size_Small { display: inline; } #bloc_share a { margin-left: 10px; position: relative; top: -2px; } .recommendFcbk { float: left; padding: 3px 0 0 15px; margin: -10px 100px 10px 100px; background: url('/images/bg-recommend.png') top left no-repeat; width: 491px; height: 40px; } /* --- GAMES - Slot Breadcrumb --- */ div#middle div#fil_ariane { float: left; display: none; } .big div#middle div#fil_ariane { /*width: 725px;*/ background: no-repeat; } div#middle div#fil_ariane div#bg_fil { float: left; text-transform: uppercase; opacity: 1; font-size: 10px; font-weight: 600; color: #f8e0b3; letter-spacing: 1px; } .big div#middle div#fil_ariane div#bg_fil { width: 100%; } div#middle div#fil_ariane div#bg_fil .current { font-size: 10px; color: #f8e0b3; text-transform: uppercase; } div#middle div#fil_ariane a { font-size: 10px; color: #c39e5e; text-transform: uppercase; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#fil_ariane a:hover, div.cadre p a:hover, li.antispam a:hover { color: #C1272D; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } /* --- GAMES - Filter --- */ div#filter { width: 100%; float:left; cursor:default; } div.bt_filter { padding: 0 0 15px 0; margin: 0 0 23px 0; width:126px; position: relative; } div.bt_filter a{ float:left; cursor:pointer; display:block; margin:0 0 0 0; z-index: 999999; } div.bt_filter .collapse { height:26px; width:26px; float:right; cursor: pointer; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; position: absolute; right: 0; } .up { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .upFixed { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .rightNot, .rightFixed { -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .rightNot.hover, .rightFixed.hover { background: #634039; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .collapse img.static { margin-top: 0; position:absolute; height:22px; width:21px; } .collapse img.hover { margin-top: 0; position:absolute; height:22px; width:21px; } div.bt_filter a span { color: #fae5c0; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; display: block; text-align: left; line-height: 30px; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div.filter_open { padding:0; position: relative; border-top: 1px dashed #c39e5e; } li.filter1 { padding: 0 20px 0 0!important; border-right: 1px #570b07 solid; } li.filter2 { border-right: 1px #570b07 solid; padding: 0 0 0 20px!important; } li.filter3 { padding: 0 0 0 20px!important; border-right: 1px #570b07 solid; width:180px!important; } li.filter4 { border-top: 1px #570b07 solid; padding: 20px 0 0 20px !important; margin: 15px 0 0 10px; width: 320px !important; } li.filter4 span { float:left; } li.filter4 input { background: none repeat scroll 0 0 #FBF3DF; border: 2px none #300F00; color: #866769; float: right; font-size: 12px; height: 14px; margin: 0 0 0 10px; width: 160px; padding: 3px 4px; } .langue_de div.filter_open ul li { padding: 0 0 0 30px; } div.filter_open ul li.li_width_1 { width: 110px; } div.filter_open ul li.li_width_2 { width: 95px; } div.filter_open ul li span { display: block; font-weight: bold; margin: 0 2px 0 0; color:#f8e3a8; font-size: 12px; } div.filter_open ul li.li_2l span { height: 58px; line-height: normal; padding-top: 12px; } div.filter_open ul li li { float: none; line-height: normal; padding: 0; } div.filter_open ul li li a { color: #faf2de; display: block; font-size: 12px; height: 22px; line-height: 22px; cursor:pointer; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div.filter_open ul li li a.flt_select { color: #FFF; font-weight: bold; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div.filter_open ul li li a:hover { color: #c1272d; text-decoration: none; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } /* New filter design */ div.filter_open .bg_bas, div.filter_open .bg_bas ul li{ background:none; } div.filter_open .bg_bas { border-right:none!important; } div.filter_open .bg_bas ul.ui-tabs-nav li a{ text-transform:capitalize; border-radius: 4px 4px 0 0; padding: 3px 0 0 0!important; text-align: center; width:100%; } div.filter_open .bg_bas ul.ui-tabs-nav li.ui-tabs-active a:hover { cursor:default; } div.filter_open .bg_bas ul.ui-tabs-nav li a:first-child{ margin-left: 0; } div.filter_open .ui-tabs .ui-tabs-nav { border:none!important; width:100%!important; background:none!important; overflow:hidden; } div.filter_open .ui-tabs .ui-tabs-nav li{ border-right: none!important; margin-left:5px!important; width:137px; } div.filter_open .ui-tabs .ui-tabs-nav li:first-child{ margin-left:0!important; } div.filter_open .clearFilter { border-radius: 15px; background-color: #4d0e14; color: #fae5c0; padding: 5px 10px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; margin-right:15px; position: relative; margin-top: 10px; } div#middle div#contenu .filter_open .ui-tabs-panel span.checkbox { padding-right: 0; display: inline-block; vertical-align: middle; float:left; } .filter_open .ui-tabs-panel label { margin:5px 0 0 0; float:left; width:100px; } .filter_open .ui-tabs-panel label img { -webkit-filter: grayscale(100%); /*Chrome, Safari, Opera */ filter: grayscale(100%); } .filter_open .ui-tabs-panel label.selected img,.filter_open .ui-tabs-panel label img:hover { -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%); } .filter_open img.softFilter { -webkit-filter: grayscale(100%) contrast(60%); /*Chrome, Safari, Opera */ filter: grayscale(100%) contrast(60%); cursor:pointer; max-width: 100%; height: auto; max-height: 30px; vertical-align: bottom; } .filter_open img.softFilter.selected,.filter_open img.softFilter:hover { -webkit-filter: grayscale(0%) contrast(100%); /* Chrome, Safari, Opera */ filter: grayscale(0%) contrast(100%); } .filter_open .softFilterContainer { padding: 5px; height: 30px; margin: 0.5% 0.5%; width: 10.2%; float: left; text-align: center; } .filter_open button { background-color: #95705A; color: #1E0200; } #filterItems button{ border-radius:4px!important; -webkit-border-radius:4px!important; -moz-border-radius:4px!important; border:none; } #filterItems { margin-top:10px; width: 100%; float: left; padding-top: 10px; } #filterItems.bordered { border-top: 1px dashed #c39e5e; } .filter_open .checkbox { background-position:0px 0; } .filter_open .content li { float:none; display:inline-block; width:130px; vertical-align:top; } .selectFilter:hover, .clearFilter:hover { cursor:pointer; } /* Filter Count */ div.filter_count { color: #FFD65A; position:absolute; width: 100%; text-align: center; vertical-align: bottom; } div.filter_count .nombre { color: #b58d4c; font-size: 12px; font-weight: 500; letter-spacing: 1px; vertical-align: bottom; text-transform: uppercase; } div.filter_count #count { color: #b58d4c; font-size: 22px; font-weight: 600; margin-left: 5px; line-height: 22px; position: relative; vertical-align: bottom; } /* Search slots */ .searchSlots { position: absolute; z-index:999; line-height: 30px; right: 0; } .searchSlots input[type=text]{ font-size: 12px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.9); height: 16px; border: 2px #300F00; color:#866769; } ::-webkit-input-placeholder { color:#866769; } ::-moz-placeholder { color:#866769; } /* firefox 19+ */ :-ms-input-placeholder { color:#866769; } /* ie */ input:-moz-placeholder { color:#866769; } /* jquery ui style */ #filterItems button.ui-button-text-icon-primary .ui-button-text { padding: 2px 5px 2px 15px!important; font-size:11px; } #filterItems button { background:#95705a; color:#1E0200; margin-bottom:5px; } #filterItems .ui-state-default .ui-icon { /*background-image: url(/jqueryui/images/ui-icons_228ef1_256x240_tp.png);*/ left:0; } /* --- FAQ --- */ div.cadre.faq { color: #f8e0b3; font-size: 12px; float: left; margin: 10px 0 15px 0; } /* --- GAMES - Game Box --- */ div.cadre { color: #FBF3DF; font-size: 12px; float: left; width: 100%; } div.cadre .new .news { margin: 5px 0 10px 0; width:100%; } div.cadre div.bg_cadre_texte_top.news .newstitle { color: #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 2px; border-bottom: 1px solid #c39e5e; padding-bottom: 5px; width: 100%; float: left; text-shadow: 0 0 0 transparent; } div.cadre div.bg_cadre_texte_top.news .newsleft { float: left; width: 35%; } div.cadre div.bg_cadre_texte_top.news .newsleft .newsimgcontainer, div.cadre div.bg_cadre_texte_top.news .newsimgcontainer { width: 100%; float: left; box-sizing: border-box; } div.cadre div.bg_cadre_texte_top.news .newsright { float: left; width: 65%; } div.cadre div.bg_cadre_texte_top.news .newsright a, div.cadre div.bg_cadre_texte_top.news .newsright .news_date { margin-left: 15px; } div.cadre div.bg_cadre_texte_top.news .newsright .news_content, .new_content { margin-top: 0; margin-left: 15px; text-align: center; font-size: 16px; } div.left-bloc.full div.cadre { width: 100%; } .newGames div.cadre { color: #FBF3DF; font-size: 12px; float: left; width: 190px; margin: 0; } div.cadre.nobg { background: none; width: 100%; } div.cadre div.bg_cadre_top { float: left; width: 725px; padding: 0px 0; } .cadre.paiement_content .titre a { float: right; border-radius: 15px; background-color: #4d0e14; color: #fae5c0; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding: 2px 20px; } div.cadre.paiement_content div.bg_cadre_top + div { margin-top: 5px; margin-bottom: 10px; } div.cadre.paiement_content .img-wrapper { float: left; width: 25%; text-align: center; } div.cadre.paiement_content div.bg_cadre_texte_bottom { border: none; } div.cadre.paiement_content div.bg_cadre_texte_top div img { border: none; float: none; } div.cadre.paiement_content div.bg_cadre_texte_top p { padding-top: 0; width: 75%; float: left; margin: 0; } div.cadre div.bg_cadre_top div { margin-top: 20px; } div.cadre div.bg_cadre_top div p { font-size: 12px; font-weight: 400; letter-spacing: 1px; color: #f8e0b3; font-style: normal; line-height: 16px; width: 100%; } div.cadre div.bg_cadre_top div p img { margin: 8px 8px 0 7px !important; border: 1px solid #FBF3DF !important } div.cadre.faq div.bg_cadre_top div { margin-top: 10px; } div.cadre.faq div.bg_cadre_top div p { color: #f8e0b3; } div.cadre div.bg_cadre_bottom { } div.cadre div.bg_cadre_bottom.no_padding { padding-right: 0; } div.cadre.simple div.bg_cadre_top { float: left; background: no-repeat left top; } div.cadre div.bg_cadre_bottom.no_padding h2 { padding-left: 9px; } div.cadre div.games { float: left; margin-left: 0; overflow: hidden; margin-right: 5px; position: relative; width: 100%; } .game-bloc-cont { float: left; width: 20%; } .full .game-bloc-cont { float: left; width: 20%; } #gamesFull h2 { margin-bottom: 20px; } div.cadre div.games.slotsMargin { } div.cadre p a, li.antispam a { color: #E8D7AD; font-weight: normal; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div.cadre div.titre h2 { /* color: #FBF3DF; background: url(""); font-size: 14px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px; text-align: left; margin-top: 20px;*/ } div.cadre .game-bloc { position: relative; float: left; } div.cadre.logged .game-bloc .title, div.cadre .logged .game-bloc .title { /*width: 100%;*/ } div.cadre .game-bloc .title { overflow: hidden; padding: 5px 0 10px 0; color: #f8e0b3; font-weight: 700; letter-spacing: 1px; position: relative; margin: auto; width: calc(100% - 15px); } div.cadre .game-bloc .title .popupsGame { color: #f8e0b3; cursor: pointer; display: inline-block; font-weight: bold; text-transform: uppercase; white-space: nowrap; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } div.newGames div.cadre .game-bloc .title { height: 24px!important; } /* FAVOURITES */ .game-bloc .fav.no, .game-bloc .fav.yes { position: absolute; right:0; bottom: 0; width: 100px; height: 100px; z-index: 9999; cursor: pointer; -webkit-transform: scale(0.5) translate(70%, 70%); -moz-transform: scale(0.5) translate(70%, 70%); -ms-transform: scale(0.5) translate(70%, 70%); -o-transform: scale(0.5) translate(70%, 70%); transform: scale(0.5) translate(70%, 70%); background: url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat; /*background-position: 0 0;*/ cursor: pointer; /*animation: fave-heart 1s steps(28);*/ } .game-bloc .fav.no { background-position: 0 0; } .game-bloc .fav.yes{ background-position: -2800px 0; } .game-bloc .fav.no, .game-bloc .fav.hover.no { background-position: 0 0; transition: background 1s steps(28); } .game-bloc .fav.yes, .game-bloc .fav.hover.yes { background-position: -2800px 0; opacity: 1; z-index: 9999; transition: background 1s steps(28); /*background-color: #150709;*/ } @keyframes fave-heart { 0% { background-position: 0 0; } 100% { background-position: -2800px 0; } } /* PLAY */ div.cadre .game-bloc div.img { display: block; border: 1px solid rgba(231, 193, 126, 0.6); border-radius: 3px; box-sizing: border-box; position: relative; margin: auto; width: calc(100% - 15px); /*background: url("/images/game_default.png") left top no-repeat;*/ } .game-bloc .img img{ float: left; height: auto; width: 100%; /*background: url("/images/game_default.png") left top no-repeat;*/ } div.cadre .game-bloc a.jouer { width: 228px; height: 44px; display: block; float: left; text-indent: -9999px !important; font-size: 0; position: relative; top: -9px; left: -6px; } .langue_fr div.cadre .game-bloc a.jouer { background: url("/images/fr/bg-bt-jouer.png") left top no-repeat; } .langue_en div.cadre .game-bloc a.jouer { background: url("/images/en/bg-bt-jouer.png") left top no-repeat; } .langue_es div.cadre .game-bloc a.jouer { background: url("/images/es/bg-bt-jouer.png") left top no-repeat; } .langue_de div.cadre .game-bloc a.jouer { background: url("/images/de/bg-bt-jouer.png") left top no-repeat; } .langue_it div.cadre .game-bloc a.jouer { background: url("/images/it/bg-bt-jouer.png") left top no-repeat; } .langue_nl div.cadre .game-bloc a.jouer { background: url("/images/nl/bg-bt-jouer.png") left top no-repeat; } .langue_pt div.cadre .game-bloc a.jouer { background: url("/images/pt/bg-bt-jouer.png") left top no-repeat; } .langue_no div.cadre .game-bloc a.jouer { background: url("/images/no/bg-bt-jouer.png") left top no-repeat; } .langue_sv div.cadre .game-bloc a.jouer { background: url("/images/sv/bg-bt-jouer.png") left top no-repeat; } .langue_fi div.cadre .game-bloc a.jouer { background: url("/images/fi/bg-bt-jouer.png") left top no-repeat; } /* --- GAMES - Button --- */ .home div#middle .menu-games { width: 248px; height: 0; position: relative; left: 718px; top: -510px; float: left; } .home div#middle .menu-games a { width: 248px; display: block; text-indent: -9999px !important; font-size: 0; } .langue_fr div#middle .menu-games a { background: url("/images/fr/menu-jeux.png") no-repeat; } .langue_en div#middle .menu-games a { background: url("/images/en/menu-jeux.png") no-repeat; } .langue_es div#middle .menu-games a { background: url("/images/es/menu-jeux.png") no-repeat; } .langue_de div#middle .menu-games a { background: url("/images/de/menu-jeux.png") no-repeat; } .langue_it div#middle .menu-games a { background: url("/images/it/menu-jeux.png") no-repeat; } .langue_nl div#middle .menu-games a { background: url("/images/nl/menu-jeux.png") no-repeat; } .langue_pt div#middle .menu-games a { background: url("/images/pt/menu-jeux.png") no-repeat; } .langue_no div#middle .menu-games a { background: url("/images/no/menu-jeux.png") no-repeat; } .langue_sv div#middle .menu-games a { background: url("/images/sv/menu-jeux.png") no-repeat; } .langue_fi div#middle .menu-games a { background: url("/images/fi/menu-jeux.png") no-repeat; } .home div#middle .menu-games a.mas { height: 75px; background-position: 0 0; } .home div#middle .menu-games a.bjk { height: 72px; background-position: 0 -75px; } .home div#middle .menu-games a.rou { height: 69px; background-position: 0 -147px; } .home div#middle .menu-games a.pok { height: 70px; background-position: 0 -216px; } .home div#middle .menu-games a.vpo { height: 72px; background-position: 0 -286px; } .home div#middle .menu-games a.cou { height: 72px; background-position: 0 -357px; } .home div#middle .menu-games a.ken { height: 80px; background-position: 0 -428px; } .home div#middle .menu-games a.mas:hover { height: 75px; background-position: -248px 0; } /* 248 */ .home div#middle .menu-games a.bjk:hover { height: 72px; background-position: -248px -75px; } .home div#middle .menu-games a.rou:hover { height: 69px; background-position: -248px -147px; } .home div#middle .menu-games a.pok:hover { height: 70px; background-position: -248px -216px; } .home div#middle .menu-games a.vpo:hover { height: 72px; background-position: -248px -286px; } .home div#middle .menu-games a.cou:hover { height: 72px; background-position: -248px -357px; } .home div#middle .menu-games a.ken:hover { height: 80px; background-position: -248px -428px; } /* --- Text Box --- */ div.cadre div.bg_cadre_texte_top div p { margin-left: 15px; padding-top: 20px; } div.cadre div.bg_cadre_texte_top div img, .newsDiv img { float: left; border:3px solid #c39e5e; -webkit-transition-property: border-color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: border-color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: border-color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: border-color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: border-color; transition-duration: 400ms; transition-timing-function: ease; } .newsDiv img:hover { border: 3px solid #C1272D; } div.cadre div.bg_cadre_texte_top, div.cadre div.bg_cadre_top { float: left; width: 100%; /* padding-top: 20px; margin-top: 10px;*/ } div.cadre div.bg_cadre_texte_bottom { float: left; width: 100%; border-bottom: 1px solid #c39e5e; } div.cadre div.titre a.nom { float: left; font-weight: bold; padding-bottom: 5px; } div.cadre div.titre a.cont { float: right; color: #e7d6ac; font-size: 12px; padding-bottom: 5px; text-transform: uppercase; } div.cadre div.titre a.link { float: right; color: #e7d6ac; font-size: 12px; padding-bottom: 5px; text-transform: uppercase; } div.cadre div.titre span { color: #faf2de; font-size: 14px; padding-bottom: 5px; padding-left: 2px; } div.cadre div.bg_cadre_texte_top.news { border: none; padding-top: 20px; margin-top: 10px; } div.cadre div.bg_cadre_texte_top.new div img { height: 195px; width: 322px; margin: 0 15px 15px 0; box-sizing: border-box; } div.cadre div.bg_cadre_texte_top.news div img { height: auto; width: 100%; border: 2px solid #c39e5e; box-sizing: border-box; } div.cadre div.bg_cadre_texte_top.new a { color: #E8D7AD; font-weight: bold; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } div.cadre div.bg_cadre_texte_top.new a:hover { color: #C1272D; font-weight: bold; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } div.cadre div.bg_cadre_texte_top.new .news .new_date { color: #c39e5e; text-transform: uppercase; } .new_content { /*font-size: 14px;*/ color: #FBF3DF; /*text-align: justify;*/ /*padding-right: 20px;*/ } div.cadre div.bg_cadre_texte_top.new .news .new_content, div.cadre div.bg_cadre_texte_top.new .news .new_content font{ font-size: 14px !important; line-height: 20px; color: #f8e0b3; font-weight: 500; letter-spacing: 1px; } div.cadre div.new_content h2 { background: none; float: left; margin-top: 10px; text-align: left; font-size: 14px; text-transform: none; color: #E8D7AD; } div.cadre div.new_content p { margin-left: 0!important; padding-top: 0; } cadre.span { font-size: 12px; color: #E8D7AD; } .bigH1 { width: 500px; float: none; margin-left: 111px; margin-top: -5px; vertical-align: middle; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .titre { color: #9c1102; font-size: 18px; padding: 0 15px 7px 15px; background: url("/images/cadre-texte-sep.png") bottom left no-repeat; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .titre span { color: #4d0b03; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .titre span.arrow { color: #dbab78; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .titre a { float: right; color: #9c1102; font-size: 14px; padding-top: 3px; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .titre a.nom { float: left; color: #9c1102; font-size: 18px; padding: 0 8px 0 0; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom p { padding: 10px 15px; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom p img { float: left; margin: 0 10px 10px 0; border: 2px solid rgb(204, 141, 88); } div.cadre div.cadre_texte div.bg_cadre_texte_bottom p.bigRed { color: #fbf3df; font-size: 14px; font-weight: bold; padding: 24px; width: 500px; float: right; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom p.biggerRed { color: #fbf3df; font-size: 20px; font-weight: bold; padding-top: 43px; line-height: 25px; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom p a { color: #fbf3df; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .doc_form { float: left; margin-bottom: 10px; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .doc_form label { float: left; width: 280px; padding: 10px 0 0 15px; text-align: left; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .doc_form a.tTip { background: url(/images/info.png) no-repeat; width: 27px; height: 27px; display: block; float: left; margin: 5px 0 0 0; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .doc_form .infoBulle { background: url(/images/bulle-info.png) no-repeat; font-size: 12px; color: #4d0b03; width: 125px; height: 110px; display: none; position: relative; left: 165px; position: relative; top: 15px; } div.cadre div.cadre_texte div.bg_cadre_texte_bottom .doc_form p { float: left; width: 291px; padding: 5px 30px 0 30px; font-size: 18px; color: #f5e0b0; font-weight: bold; line-height: 25px; text-align: center; } /* --- Basic Content --- */ div#middle div#contenu { float: left; width: 80%; position: relative; margin-right: 2%; } .big div#middle div#contenu { /*width: 725px;*/ } div#middle div#contenu h1 .h1Border1{ background-color: #c39e5e; height: 1px; position: absolute; width: 200px; bottom: 15px; } div#middle div#contenu h1 .h1Border1.first { left:0; } div#middle div#contenu h1 .h1Border1.last { right: 0; /*margin-right: 15px;*/ } div#middle div#contenu h1 .h1Border2{ background-color: #fae5c0; height: 1px; position: absolute; width: 200px; bottom: 5px; } div#middle div#contenu h1 .h1Border2.first { left:0; } div#middle div#contenu h1 .h1Border2.last{ right: 0; /*margin-right: 15px;*/ } div#middle div#contenu h1 { text-shadow: 0 0 2px #e7c17f; color: #ffffff; font-size: 18px; font-weight: 700; letter-spacing: 2px; width: 100%; text-align: center; float: left; margin-bottom: 5px; text-transform: uppercase; position: relative; } div#middle div#contenu div.cadre div.bg_cadre_texte_top.news h1 { margin-bottom: 0; padding: 0; } div.cadre h2, div#middle div#contenu div.cadre.news_content h1 { color: #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 7px; text-align: left; text-shadow: 0 0 0 #e7c17f; } div.cadre h2 { border-bottom: 1px solid #c39e5e; } div.cadre h2 a { color: #cf9047; font-size: 18px; font-weight: bold; } div.cadre h3 { color: #b58d4c; font-size: 14px; font-weight: bold; min-height: 21px; width: 100%; padding: 0; display: block; float: left; margin: 13px 0 0 0px; text-transform: uppercase; } div.cadre.faq h3 { color: #b58d4c; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; /* background: url("/images/faq_icon.png") no-repeat left top; padding: 0 0 0 25px;*/ background-position: 0; display: block; float: left; margin: 0 0 0 0; width: auto; min-height: 20px; height: auto; } /* --- Content --- */ div#middle-top { background: repeat-y; width: 960px; float: left; } .big div#middle-top { background: repeat-y; width: 960px; float: left; } .home div#middle-top { background: repeat-y; width: 960px; float: left; } div#middle { background: repeat-y; } .big div#middle { background: repeat-y; } .home div#middle { background: repeat-y; } /* --- Content - Box Form --- */ div#middle div#contenu div.cadre_inscrip div.bloc_form { float: left; margin-bottom: 24px; width: 100%; color: #f1cca8; } div#middle div#contenu div.cadre_inscrip div.bloc_form div.bg_form { float: left; padding: 20px 0 0 0; width: 100%; } div#middle div#contenu div.cadre_inscrip div.bloc_form div.bg_form .bottom { width: 100%; overflow: auto; float: left; width: 100%; height: 20px; margin-top: 20px; } div#middle div#contenu div.cadre_inscrip div.bloc_form h2 { float: left; width: 100%; line-height: 26px; text-align: left; border-bottom: 1px solid #c39e5e; color: #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } div#middle div#contenu div.cadre_inscrip div.bloc_form label, div#middle div#contenu div.cadre_inscrip div.bloc_form p.intitule { float: left; width: 35%; line-height: 30px; color: #e7c17f; font-size: 12px; font-weight: 400; letter-spacing: 1px; text-align: right; font-style: italic; } div#middle div#contenu div.cadre_inscrip div.bloc_form p.radio { padding-top: 5px; padding-bottom: 4px; } div#middle div#contenu div.cadre_inscrip div.bloc_form label.label_1 { width: auto; padding: 0 10px 0 0; font-size: 12px; font-weight: normal; text-align: left; line-height: 22px; } div#middle div#contenu div.cadre_inscrip div.bloc_form a.tTip { background: url(/images/info2.png) no-repeat; width: 17px; height: 17px; display: block; float: left; margin: 5px 0px 0 6px; padding: 10px 0 0 6px; } div#middle div#contenu div.cadre_inscrip div.bloc_form .infoBulle { /*background: url(/images/bulle-info.png) no-repeat;*/ font-size: 12px; color: #4d0b03; width: 125px; height: 110px; display: none; position: relative; left: 165px; position: relative; top: 15px; } .tinyTip { width: 125px; padding: 5px 0 0 0; display: block; background: url(/images/bulle-info-top.png) 0 0 no-repeat; } .tinyTip .content { padding: 0 15px 0 15px; font-size: 12px; color: #4d0b03; background: url(/images/bulle-info.png) 0 0 repeat-y; } .tinyTip .bottom { height: 17px; background: url(/images/bulle-info-bas.png) 0 0 no-repeat; font: 0/0px sans-serif; } div#middle div#contenu div.cadre_inscrip div.bloc_form a.tTipBig { background: url(/images/info.png) no-repeat; width: 27px; height: 27px; display: block; float: left; margin: 7px 10px 0 0; } div#middle div#contenu div.cadre_inscrip div.bloc_form .infoBulleBig { background: url(/images/bulle-info.png) no-repeat; font-size: 12px; color: #4d0b03; width: 125px; height: 110px; display: none; position: relative; left: 165px; position: relative; top: 15px; } .tinyTipBig { width: 225px; padding: 5px 0 0 0; display: block; background: url(/images/bulle-info-top2.png) 0 0 no-repeat; } .tinyTipBig .content { text-align: left; padding: 0 15px 0 15px; font-size: 12px; color: #4d0b03; background: url(/images/bulle-info2.png) 0 0 repeat-y; } .tinyTipBig .content.nopad { padding: 0; } .tinyTipBig .bottom { height: 17px; background: url(/images/bulle-info-bas2.png) 0 0 no-repeat; } div#middle div#contenu div.cadre_inscrip div.bloc_form ul { list-style-type: none; padding: 0; float: left; width: 400px; margin: 0 25px 0 212px } div#middle div#contenu div.cadre_inscrip div.bloc_form ul li { display: inline; float: left; width: auto; } div#middle div#contenu div.cadre_inscrip div.bloc_form ul li label { width: auto; height: 32px; padding: 3px 10px 0 0; font-size: 12px; font-weight: normal; text-align: left; } div#middle div#contenu div.cadre_inscrip div.bloc_form p { float: left; width: 65%; } div#middle div#contenu div.cadre_inscrip div.bloc_form p .note { float: left; margin: -5px 0 5px 0; font-size: 10px; display: block; color: #f1cca8; } div#middle div#contenu div.cadre_inscrip div.bloc_form img, div#middle div#contenu div.cadre_inscrip div.bloc_form input, div#middle div#contenu div.cadre_inscrip div.bloc_form select { vertical-align: middle; margin-top: 0; margin-bottom: 10px; float: left; } div#middle div#contenu div.cadre_inscrip div.bloc_form img:first-child, div#middle div#contenu div.cadre_inscrip div.bloc_form input:first-child, div#middle div#contenu div.cadre_inscrip div.bloc_form select:first-child { margin-left: 15px; } div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="text"], div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="password"] { float: left; line-height: 28px; margin-bottom: 10px; border-radius: 2px; background-color: #fae5c0; border: 2px #fae5c0 solid; color: #641e02; text-align: left; font-size:14px!important; } div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="text"]:focus, div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="password"]:focus { color: #7d0204; background-position: 0 -27px; } div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="text"].valid, div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="password"].valid { color: #641e02; background-position: 0 -54px; } div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="text"].error, div#middle div#contenu div.cadre_inscrip div.bloc_form input[type="password"].error { color: #ba0403; background-position: 0 -81px; } div#middle div#contenu div.cadre_inscrip div.bloc_form select { background-color: #FBF3DF; border: 2px solid #300F00; font-size: 15px; color: #641e02; text-align: left; height: 30px; border-radius: 4px; } div#middle div#contenu div.cadre_inscrip div.bloc_form select:first-child { margin-left: 13px; } div#middle div#contenu div.cadre_inscrip div.bloc_form select:nth-child(2){ margin-right: 8px; margin-left: 7px; } div#middle div#contenu div.cadre_inscrip span.select { float: left; width: 209px; height: 32px; margin-top: 10px; margin-bottom: 10px; background: url(/images/bg-select.png) no-repeat; display: block; font-size: 15px; color: #d4a07f; } div#middle div#contenu span.checkbox, div#envoi_deja span.checkbox { padding-right: 10px; float: left; width: 25px; height: 25px; background: url(/images/t_checkbox2.png) no-repeat; display: block; } div#middle div#contenu .loginForm span.checkbox { margin-top: 15px; } div#envoi_deja span.checkbox { float: right; position: relative; top: -20px; } div#middle div#contenu div.cadre_inscrip span.radio, .filter_open span.radio { float: left; width: 22px; height: 22px; padding-right: 4px; margin-left: 15px; background: url(/images/t_bg_radio_transp.png) no-repeat; display: block; position:relative; } /* div#middle div#contenu div.cadre_inscrip span.radio { cursor: pointer; margin: 2px 5px 0 34px; width: 25px; height: 25px; background: url("/images/t_checkbox2.png") no-repeat; display: block; float: left; } */ div#middle div#contenu div.cadre_inscrip a.policy { text-transform: uppercase; font-size: 10px; margin: 5px 20px 0 0; float: right; font-weight: bold; color: #E8D7AD; width:140px; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.cadre_inscrip div.remarque{ margin-left: 35%; margin-top: 10px; margin-bottom: 20px; padding-left: 15px; float: left; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-align: left; line-height: 18px; font-style: italic; color: #e7c17f; } div#middle div#contenu div.cadre_inscrip div.remarque #terms a{ font-size: 10px; padding: 2px 10px; float: none; margin: 0px 0 0 2px; } div#middle div#contenu div.cadre_inscrip .abbo { float: left; margin: 0 0 0 30%; text-align: left; color: #f1cca8; padding-left: 15px; line-height: 18px; } div#middle div#contenu div.cadre_inscrip .abbo .checkbox { cursor: pointer; background: url("/images/t_checkbox2.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 25px; width: 25px; } div#middle div#contenu div.cadre_inscrip .abbo label { padding-top: 5px; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; color: #e7c17f; max-width: 445px; } div#middle div#contenu div.cadre_inscrip .state { display: block; float: left; width: 1px; height: 14px; padding: 10px 0 0 25px; font-size: 12px; } span#user_email_state.state { /*margin:-15px 45px 0 0!important;*/ } div#middle div#contenu div.cadre_inscrip .state.error { background: url("/images/picto-error.png") left top no-repeat; } div#middle div#contenu div.cadre_inscrip .state.valid { background: url("/images/picto-valid.png") left top no-repeat; } div#middle div#contenu div.cadre_inscrip .error_description { display: block; width: 424px; font-size: 12px; color: #ba0403; float: right; } div#middle div#contenu div.cadre_inscrip .error_description ul { list-style-type: disc !important; } div#middle div#contenu div.cadre_inscrip .error_description li { top: 0 !important; margin-bottom: 5px; display: list-item !important; list-style: disc outside none; } div#middle div#contenu div.cadre_inscrip .checkform-msg-error { display: block; text-align: center; } div#middle div#contenu div.cadre_inscrip .checkform-msg-ok { display: block; position: relative; left: 490px; top: -45px; height: 26px; } /* --- Buttons --- */ div#middle div#contenu div.cadre_inscrip div.envoi { float: left; width: 100%; border-top: 1px solid #c39e5e; text-align: center; padding-top: 15px; } div#middle div#contenu div.cadre_inscrip div.envoi input[type="submit"] { width: 122px; cursor: pointer; border-radius: 15px; margin: 15px 0 0 0; padding: 5px 0 } div#middle div#contenu div.cadre_inscrip div.envoi input[type="submit"]:hover { background-position: left bottom; } div#middle div#contenu div.cadre_inscrip .disabled_form input[type="submit"] { background-position: top center; } div#middle div#contenu div.cadre_inscrip .active_form input[type="submit"] { background-position: 50% 50%; } li.circle{list-style-type: circle!important;} .gamePlay { display:block; height:100%; position:absolute; width:100%; } .gamePlay .softwareProvider { bottom: 3px; float: left; position: absolute; text-align: center; width: 100%; } .gamePlay .softwareProvider img.logo{ width: auto; float: none; opacity: 0; height: auto; max-height: 20px; -webkit-filter: grayscale(80%); filter: grayscale(80%); max-width: 120px; } .JP .play { margin:4px 0 0 0!important; } .JP .playFree { margin:2px 0 0 0!important; } .play:first-letter {text-transform:capitalize;} .play { margin:35px 0 0 0!important; } .JP .play { margin:12px 0 0 0!important; } .logged .JP .play { margin:4px 0 0 0!important; } .logged .play { margin: 10% 0 0 0!important; } .langue_de .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_de .logged .JP .play { font-size:12px; padding: 2px 10px 6px; } .langue_de .logged .JP .playFree { padding: 2px 10px 0; } .langue_en .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_en .logged .playFree { padding: 4px 10px 6px; } .langue_en .logged .JP .play { padding: 2px 10px 6px; } .langue_en .logged .JP .playFree { padding: 2px 10px 6px; } .langue_es .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_es .logged .playFree { padding: 4px 10px 6px; } .langue_es .logged .JP .play { padding: 2px 10px 6px; } .langue_es .logged .JP .playFree { padding: 2px 10px 6px; } .langue_fi .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_fi .logged .playFree { padding: 4px 10px 6px; } .langue_fi .logged .JP .play { padding: 2px 10px 6px; } .langue_fi .logged .JP .playFree { padding: 2px 10px 6px; } .langue_fr .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_fr .logged .playFree { padding: 4px 10px 6px; } .langue_fr .logged .JP .play { padding: 2px 10px 6px; } .langue_fr .logged .JP .playFree { padding: 2px 10px 6px; } .langue_nl .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_nl .logged .JP .play { padding: 2px 10px 6px; } .langue_nl .logged .JP .playFree { padding: 2px 10px 6px; } .langue_no .logged .play { font-size: 12px; white-space: normal; margin: 0 0 0 0!important; padding: 6px 10px 6px; } .langue_no .logged .playFree { padding: 0 10px 6px; } .langue_no .logged .JP .play { font-size: 10px; padding: 3px 10px 0; } .langue_no .logged .JP .playFree { font-size: 10px; padding: 9px 10px 0; } .langue_sv .logged .play { font-size:12px; padding: 0 10px 6px; } .langue_sv .logged .playFree { padding: 4px 10px 6px; } .langue_sv .logged .JP .play { padding: 2px 10px 6px; } .langue_sv .logged .JP .playFree { padding: 2px 10px 6px; } .play { display: block; position: relative; z-index: 9999; padding: 8px 10px 6px; text-align: center; font-size: 14px; color: #FBF3DF; text-shadow: #634039 0 1px 0; font-weight: bold; width: auto; } .playFree { position: relative; z-index: 9999; padding: 8px 10px 6px; margin:4px 0 0 0; text-align: center; border-radius: 15px; cursor: pointer; } .play a { border-radius: 15px; border: 1px solid #b4091e; background-color: #b4091e; display: block; padding: 5px 10px; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; border-radius: 15px; cursor: pointer; } .playFree a:hover { opacity: 1 !important; background-color: #4d0e14; color: rgba(195, 158, 94, 1); } .play a:hover { opacity: 1; border: 1px solid #e7c17f; text-shadow: 0 0 4px #fae5c0; } .playFree a, input.removeBudget { color: rgba(195, 158, 94, 0.7); font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; padding: 8px 4px 6px; background-color: rgba(77, 14, 19, 0.7); border-radius: 15px; } a.playFreeLittle { background-position: top center; background-repeat: no-repeat; width: 180px; height: 28px; display: block; float: left; position: relative; } a.playFreeLittle:hover { background-position: center -28px; } div#middle div#contenu div.cadre .game-bloc:hover .title a { text-decoration: underline; } div#middle div#contenu div.cadre .game-bloc a.jouer:hover, div#middle div#contenu div.cadre .game-bloc:hover a.jouer { background-position: center left; } div#middle div#contenu div.cadre .game-bloc a.jouer:focus { background-position: bottom left; } div.cadre.nobg { background: none; width: 100%; } div.cadre.simple div.bg_cadre_top { float: left; background: no-repeat left top; } div.cadre.simple h2 { text-transform: uppercase; font-size: 14px; } div.cadre.faq .close, div.cadre.faq .open { float: right; display: block; width: 98px; height: 32px; position: relative; top: 14px; cursor: pointer; border: 0; } .langue_fr div.cadre input[type="button"].close { background: url("/images/fr/bg-bt-fermer.png") left top no-repeat; } .langue_en div.cadre input[type="button"].close { background: url("/images/en/bg-bt-fermer.png") left top no-repeat; } .langue_es div.cadre input[type="button"].close { background: url("/images/es/bg-bt-fermer.png") left top no-repeat; } .langue_de div.cadre input[type="button"].close { background: url("/images/de/bg-bt-fermer.png") left top no-repeat; } .langue_it div.cadre input[type="button"].close { background: url("/images/it/bg-bt-fermer.png") left top no-repeat; } .langue_nl div.cadre input[type="button"].close { background: url("/images/nl/bg-bt-fermer.png") left top no-repeat; } .langue_pt div.cadre input[type="button"].close { background: url("/images/pt/bg-bt-fermer.png") left top no-repeat; } .langue_no div.cadre input[type="button"].close { background: url("/images/no/bg-bt-fermer.png") left top no-repeat; } .langue_sv div.cadre input[type="button"].close { background: url("/images/sv/bg-bt-fermer.png") left top no-repeat; } .langue_fi div.cadre input[type="button"].close { background: url("/images/fi/bg-bt-fermer.png") left top no-repeat; } .langue_fr div.cadre input[type="button"].open { background: url("/images/fr/bg-bt-ouvrir.png") left top no-repeat; } .langue_en div.cadre input[type="button"].open { background: url("/images/en/bg-bt-ouvrir.png") left top no-repeat; } .langue_es div.cadre input[type="button"].open { background: url("/images/es/bg-bt-ouvrir.png") left top no-repeat; } .langue_de div.cadre input[type="button"].open { background: url("/images/de/bg-bt-ouvrir.png") left top no-repeat; } .langue_it div.cadre input[type="button"].open { background: url("/images/it/bg-bt-ouvrir.png") left top no-repeat; } .langue_nl div.cadre input[type="button"].open { background: url("/images/nl/bg-bt-ouvrir.png") left top no-repeat; } .langue_pt div.cadre input[type="button"].open { background: url("/images/pt/bg-bt-ouvrir.png") left top no-repeat; } .langue_no div.cadre input[type="button"].open { background: url("/images/no/bg-bt-ouvrir.png") left top no-repeat; } .langue_sv div.cadre input[type="button"].open { background: url("/images/sv/bg-bt-ouvrir.png") left top no-repeat; } .langue_fi div.cadre input[type="button"].open { background: url("/images/fi/bg-bt-ouvrir.png") left top no-repeat; } div.cadre input[type="button"].close:hover, div.cadre input[type="button"].open:hover { background-position: center left; } div.cadre input[type="button"].close:focus, div.cadre input[type="button"].open:focus { background-position: left bottom; } div.cadre p { padding: 0 0 12px 0; /*text-align: justify;*/ line-height: 20px; } div.cadre p a { color: #E8D7AD; font-weight: normal; word-break: break-all; } div.cadre div.cadre_texte { margin: 8px 0; color: #e2bc57; float: left; } div.cadre div.cadre_texte.cache { display: none; } a#more_games { color: #E8D7AD; margin: -13px 5px 0 0!important; text-align: right; float: right; text-transform: uppercase; font-size: 10px; font-weight: bold; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } a#more_games:hover { color: #C1272D; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .bloc_sidebar a.comment, .bloc_sidebar .content a.comment { margin: 5px 0 10px 0!important; text-align: right!important; } .bloc_sidebar .titre a.comment { display:none; } .bloc_sidebar .content a.comment { display:block; margin: 0px !important; } .home .bloc_sidebar .titre a.comment { display:block; margin: 0px !important; } .home .bloc_sidebar .content a.comment { /*display:none;*/ } div.cadre .voir_tous a { margin: 25px 20px 10px 0!important; } .winners .winGame b, #sidebar .winGame b, .gagnant-details a{ color: #b58d4c; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .langue_fi .winGame b { font-size:10px!important; } #pagination { float:left; position:relative; width:100%; margin: 25px 0; } .pagiFrame { text-align: center; width: 100%; display: block; height: 25px; margin: auto; } .pagiFrame span{ /*border: 1px solid #c39e5e;*/ color:#c39e5e; width:23px; height:19px; display:inline-block; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .pagiFrame span.hellip{ margin: 0 5px; padding-top: 4px; } .pagiFrame a{ color: #c39e5e; display: inline-block; margin: 0 5px; padding-top: 4px; } .pagiFrame a.first{ width:12px; height:13px; } .pagiFrame a.previous{ width:7px; height:13px; } .pagiFrame a.next{ width:7px; height:13px; } .pagiFrame a.last{ width:12px; height:13px; } .pagiFrame a.disabled{ opacity: 1; cursor: default; color: #55463a; } .pagiFrame a:hover{ color: #fae5c0; } .pagiFrame a.disabled:hover{ cursor: default; color: #55463a; } .pagiButton { border: 1px solid #c39e5e; color:#c39e5e; min-width:19px; height:19px; display:inline-block; margin: 0 5px; padding: 4px 2px 0px 2px; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .pagiButton:hover, .pagiButton.active { border: 1px solid #fae5c0; color:#fae5c0; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #news .comment { margin:0px!important; } #news .comment, .latestWinners a.comment, .bigWinners a.comment, .bloc_sidebar a.comment, div#middle div#contenu div.cadre_inscrip div.remarque span a, .bloc_sidebar .content a.comment, div.cadre .voir_tous a, .noScroll p a:hover , .testimonials a.leave-your{ text-transform: uppercase; font-size: 12px; font-weight: 400; text-transform: uppercase; border-radius: 15px; background-color: #4d0e14; float: right; color: #fae5c0; letter-spacing: 1px; padding: 3px 10px; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } /* --- Contact --- */ span.anytime { font-size: 14px; text-transform: uppercase; font-weight: bold; } div.form_contact_2 { float: left; margin-top: 0!important; width: 100%; } div#contenu div.cadre.simple div.bg_cadre_top div.bg_cadre_bottom { background: url(/images/bg-content-bottom.png) 0% 0% no-repeat #280403; } #contact_nav { display: block; width: 100%; margin: 0 0; } ul#contact_nav_menu { float: right; } ul#contact_nav_menu li { font-size: 12pt; display: inline; } ul#contact_nav_menu li.sup { border-right: none; } ul#contact_nav_menu a.text { color: #fbf3df; margin: 0 3px 0 3px; } ul#contact_nav_menu li span { color: #fbf3df; margin-right: 20px; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } ul#contact_nav_menu li span:hover { color: #C1272D; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } ul#contact_nav_menu li a.sup_chat:before { background: url(/images/t_sup_chat.png) no-repeat; background-size: 100%; width: 19px; height: 19px; content: ""; float: left; margin: 5px 5px 0 0; } ul#contact_nav_menu li a.sup_email { color: #fbf3df; } ul#contact_nav_menu li a.sup_email:before { background: url(/images/t_sup_email.png) no-repeat; background-size: 100%; width: 15px; height: 15px; content: ""; float: left; margin: 2px 5px 0 0; } ul#contact_nav_menu li a.sup_email:hover { opacity: 1; } ul#contact_nav_menu li.sup_email a.text { color: #fbf3df; margin: 0 3px 0 3px; font-size: 12px; } ul#contact_nav_menu li.sup_email a.icon img { margin-top: 10px; } ul#contact_nav_menu li a { color: #e8d7ad; margin: 0 5px 0 8px; } div.bg_cadre_top div#contact_nav div.bg_cadre_texte_top.contact_support { margin-top: 5px; } div.bg_cadre_texte_top.contact_support { margin-top: 10px!important; } input[type="chat_btn"] { border: none; background: url('/images/t_sup_chat.png') no-repeat; width: 28px; height: 21px; cursor: pointer; } div#contactBody div.bg_cadre_top { background: url(/images/bg-content-top.png) 0% 0% no-repeat #280403; } div.contactBody div.cadre.simple.offices { } div.cadre.simple.offices div.bg_cadre_top div.contact p { margin-left: 0!important; } div.contactBody div.cadre.simple.contact { } div#contactBody div.cadre.simple div.bg_cadre_top div.bg_cadre_bottom { } div.bg_cadre_texte_top.contact_support div.bg_cadre_bottom { margin-top: 0; } div.cadre div.bg_cadre_texte_top span#formContactResult, div.cadre div.bg_cadre_texte_top span#formFonoResult { float: left; width: 100%; } div.cadre div.bg_cadre_texte_top span#formContactResult p, div.cadre div.bg_cadre_texte_top span#formFonoResult p { width: 100%; float: right; color: #c39e5e; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage { height: 112px; width: 112px; z-index: 1002; /* -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);*/ filter: FlipH; -ms-filter: 'FlipH'; margin-top: 0; float:left; background-size: 112px 112px; float: left; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage.philippe { background: url(/images/support-philippe.png) no-repeat; float: left; background-size: 112px 112px; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage.laurence { background: url(/images/support-laurence.png) no-repeat; background-size: 112px 112px; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage.romuald { background: url(/images/support-romuald.png) no-repeat; background-size: 112px 112px; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage.claire { background: url(/images/support-claire.png) no-repeat; background-size: 112px 112px; } div.cadre.simple div.bg_cadre_top div.bg_cadre_texte_top div.ContactImage.clement { background: url(/images/support-clement.png) no-repeat; background-size: 112px 112px; } /* --- Contact - Form --- */ .noScroll { color: #FBF3DF; font-size: 14px; } /*TABBED*/ .ui-tabs .ui-tabs-nav a { height:16px; } #tabs { background: #fae5c0; height:100%; width:100%; float:left; border:none!important; font-family: "Fira Sans" !important; } #tabs #contactForm { padding: 10px!important; overflow: auto; float: left; width:276px!important; border: none; } #tabs #fonoForm { padding: 10px!important; overflow: auto; float: left; width:276px!important; } #tabs .jspContainer, #tabs .jspPane { border-bottom-left-radius: 6px; behavior: url(/PIE.htc); } #tabs #contactForm .form_contact_1 { background:none!important; padding: 0 0 0 0!important; } #tabs #contactForm p.formfield { margin-left: 0; padding: 0; width: 100%; } #tabs label { color: #4d0e14; font-size: 12px; font-weight: 500; text-transform: uppercase; float: left; width: 100%; margin-bottom: 5px; margin-top: 15px; } #tabs input#email_contact.input_1, #tabs input#email_contact.input_2, #tabs input#sujet_contact.input_2, #tabs textarea.textarea_3, #tabs input#name_contact.input_2, #tabs input#fono.input_2, #tabs textarea.textarea_4 { font-size:12px; margin-left:0px !important; } #tabs input.input_2[type="text"], #tabs input.input_2[type="password"], #tabs span.input_2, #tabs textarea.textarea_3, #tabs textarea.textarea_4 { margin-left:0px!important; width: 100%; float:left; border: 1px solid #c39e5e; border-radius: 2px !important; background-color: #fff; } #tabs input#fono.input_2 { margin: 0 0 0 0!important; border-radius: 5px; border: 2px solid #c39e5e; background-color: #ffffff; } #tabs textarea.textarea_4 { } #tabs .form_contact_2 p.formfield { padding: 5px 0; float: left; width: 100%; } #tabs #contactForm p.formfield input#help_contact { margin: 0 0 0 0!important; float: left; } #tabs #fonoForm p.formfield input#help_fono { margin: 10px 0 0 0!important; float: left; font-weight: 700; text-shadow: none; } #tabs #errorPopupMaster { /*position: absolute;*/ /*width: 280px;*/ float: right; /*right:0px;*/ /*margin-right: 15px;*/ } #tabs #errorPopupMaster ul{ float:right!important; right:0px!important; } #tabs #errorPopupMaster ul li{ float:right!important; right:0px!important; } #tabs #errorPopupMaster ul.error_list li { text-align: right!important; } #tabs #errorPopupMaster span#contact_name_err li, #tabs #errorPopupMaster span#contact_email_err li, #tabs #errorPopupMaster span#contact_sujet_err li { float:right!important; /* margin-left: 20px; margin-top: 33px; right: 51px !important; width: 200px !important;*/ } #tabs #errorPopupMaster span#contact_name_err li {} #tabs #errorPopupMaster span#contact_email_err li {} #tabs #errorPopupMaster span#contact_sujet_err li { /*top:137px;*/ } #tabs #errorPopupMaster span#contact_message_err li { /* margin-top:17px; margin-left:-60px; top:340px!important; left:110px;*/ } .langue_de #tabs #errorPopupMaster span#contact_message_err li { /*margin-left:-70px!important;*/ } .langue_nl #tabs #errorPopupMaster span#contact_message_err li { /*margin-left:-90px!important;*/ } #tabs #formContactResult p, #tabs #formFonoResult p { margin: 18px 15px 0px 10px; font-style: italic; color: #b58d4c; font-size: 12px; font-weight: 600; } #tabs p.biggerRed { font-weight: bold; line-height: 25px; margin: 20px 10px; } #tabs .infoTab{ font-style: italic; color: #b58d4c; font-size: 12px; font-weight: 500; height: 100%; padding: 20px 20px 20px 10px; } /*DOUBLED*/ #contactForm { padding: 0 0 0 0; overflow: auto; float: left; margin: 0 0 0 0; border-bottom: 1px solid #c39e5e; } #contactForm .contactBottom { background: url(/images/bg-content-top.png) 0% 0% no-repeat #280403; } .liveChat { width: 100px; float: right; } div.supportContact { margin-top: 30px; width: 500px; float: right; } #contactForm p.formfield { padding: 8px 0; margin-left: 0; float: left; } #contactForm p.formfield input#btn_contact { margin: 0 0 20px 110px!important; padding: 10px 30px; } label { color: #fbf3df; float: left; margin: 0; } div.form_fono_1 { float: left; width: 100%; padding: 25px 0 0 0; margin-top: 0!important; } div.form_fono_2 { float: left; margin-top: 0!important; width: 100%; } div.form_contact_1 { float: left; width: 100%; } div.form_contact_2 { float: left; margin-top: 0!important; width: 100%; } div.form_contact_3 { } div.form_contact_4 { } input[type="text"].input_1, input[type="password"].input_1, span.input_1 { display: block; font-size: 14px; color: #c59e6e; background: #faf2de; padding: 6px 0 0 4px; border: 0; text-align: left; border: 1px #280403 solid; } input[type="text"].input_1:focus, input[type="password"].input_1:focus { color: #641e02; font-weight: bold; background-position: left top; } input[type="text"].input_2, input[type="password"].input_2, span.input_2 { display: block; font-size: 12px; opacity: 0.9; color: #4d0e14; height: 24px; padding: 0 0 0 4px; border: 0; text-align: left; } input[type="text"].input_2:focus, input[type="password"].input_2:focus { color: #641e02; font-weight: bold; background-position: left center; } input[type="text"].input_3, input[type="password"].input_3 { display: block; font-size: 14px; color: #000; border: 0; text-align: left; } input[type="text"].input_3:focus, input[type="password"].input_3:focus { color: #641e02; font-weight: bold; background-position: left top; } textarea.textarea_1 { display: block; overflow: hidden; font-size: 14px; color: #c59e6e; background: url("/images/bg-textarea-1.png") left bottom no-repeat; width: 227px; height: 51px; padding: 6px 0 0 4px; border: 0; } textarea.textarea_1:focus { color: #641e02; font-weight: bold; background-position: left top; } textarea.textarea_2 { display: block; overflow: hidden; font-size: 14px; color: #E8D7AD; background: url("/images/bg-textarea-2.png") left bottom no-repeat; width: 367px; height: 165px; padding: 6px 0 0 4px; border: 0; } textarea.textarea_2:focus { color: #E8D7AD; font-weight: bold; background-position: left top; } textarea.textarea_3 { display: block; font-size: 14px; color: #000; background: #faf2de; width: 220px; height: 25px; padding: 6px 0 0 4px; border: 0; text-align: left; border: 1px #280403 solid; margin: 0 0 0 95px; } textarea.textarea_3:focus { color: #641e02; font-weight: bold; background-position: left center; } textarea.textarea_4 { display: block; overflow: hidden; font-size: 14px; color: #000; background: #faf2de; width: 381px; height: 149px; padding: 6px 0 0 4px; border: 0; border: 1px #280403 solid; margin: 0 0 0 95px; } textarea.textarea_4:focus { color: #641e02; font-weight: bold; background-position: left center; } textarea.textarea_5 { display: block; font-size: 14px; color: #000; background: #faf2de; width: 274px; height: 100px; padding: 6px 0 0 4px; border: 0; border: 1px #280403 solid; margin: 0 0 0 145px; } input[type="chat_us_btn"] { font-weight: bold; font-size: 14px; color: #ffa200; text-indent: -9999px !important; font-size: 0; width: 152px; height: 50px; border: 0; margin: -35px 29px 0 293px; cursor: pointer; outline: none; } input[type="chat_us_btn"].btn_modifier { margin: -62px 20px 0 0; } .langue_fr input[type="chat_us_btn"] { background: url("/images/fr/bg-bt-support-chat.png") left top no-repeat; } .langue_en input[type="chat_us_btn"] { background: url("/images/en/bg-bt-support-chat.png") left top no-repeat; } .langue_es input[type="chat_us_btn"] { background: url("/images/es/bg-bt-support-chat.png") left top no-repeat; } .langue_de input[type="chat_us_btn"] { background: url("/images/de/bg-bt-support-chat.png") left top no-repeat; } .langue_it input[type="chat_us_btn"] { background: url("/images/it/bg-bt-support-chat.png") left top no-repeat; } .langue_nl input[type="chat_us_btn"] { background: url("/images/nl/bg-bt-support-chat.png") left top no-repeat; } .langue_pt input[type="chat_us_btn"] { background: url("/images/pt/bg-bt-support-chat.png") left top no-repeat; } .langue_no input[type="chat_us_btn"] { background: url("/images/no/bg-bt-support-chat.png") left top no-repeat; } .langue_sv input[type="chat_us_btn"] { background: url("/images/sv/bg-bt-support-chat.png") left top no-repeat; } .langue_fi input[type="chat_us_btn"] { background: url("/images/fi/bg-bt-support-chat.png") left top no-repeat; } input[type="chat_us_btn"].Offline { background-position: top left; margin-left: 7px; cursor: default; } input[type="chat_us_btn"].Online { background-position: 0% -48px; margin-left: 293px; cursor: pointer; } input[type="chat_us_btn"].Online:hover { background-position: bottom left; } input[type="submit"]#btn_modifier { float: left; margin: 20px 0 0 42%; padding: 10px 40px; } .contact { color: #f1e7ce; font-size: 14px; width: 330px; float: left; margin-bottom: 13px!important; } .contact2 { color: #f1e7ce; font-size: 14px; width: 30%; float: left; margin-bottom: 14px!important; text-align: center; } .contact2img { width: 70%; float: left; } div.cadre .contact2 p { text-align: center !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.85px !important; } div.cadre .contact2 p:first-of-type { color: #b58d4c; text-transform: uppercase; } .contact strong { font-size: 18px; font-weight: bold; text-transform: uppercase; } .no-top ul { float: left; } .no-top ul.error_list li { top: 0; left: 10px; } .no-top2 ul.error_list li { top: 0; left: 0; float:right; } ul.error_list li { color: #BA0403; position: relative; top: -4px; } ul#check_country { display:none; } div.country_fr { display: none; } div.cadre ul li { list-style: none outside none; } div#middle div#contenu div.cadre_inscrip { float: left; width: 100%; margin-top: 10px; } div#middle div#contenu div.cadre_inscrip div.intro_inscrip { float: left; width: 725px; padding-bottom: 15px; padding-top: 10px; } div#middle div#contenu div.cadre_inscrip div.intro_inscrip .text { width: 725px; background: url(/images/bg-content-top.png) 0% 0% no-repeat #280403; overflow: auto; float: left; } div#middle div#contenu div.cadre_inscrip div.intro_inscrip .bottom { width: 725px; background: url(/images/bg-content-bottom.png) 0% 0% no-repeat #280403; overflow: auto; float: left; width: 100%; height: 20px; } div#middle div#contenu div.cadre_inscrip div.intro_inscrip p { width: 80%; float: left; font-size: 12px; color: #fbf3df; font-weight: bold; padding: 20px; } div#middle div#contenu div.cadre_inscrip div.intro_inscrip p.intro_1 { float: left; width: 675px; height: 25px; font-size: 14px; color: #fbf3df; font-weight: bold; line-height: 29px; margin: 20px 0 10px 0; padding: 0 0 0 0!important; } div.cadre.simple.contact #errorPopupMaster { position: relative; float: left; margin-top: 5px; margin-bottom: 5px; } div.cadre.simple.contact label { text-align: right; margin-right: 10px; width: 100px; color: #c39e5e; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; } .form.contact input#email_contact.input_2, .form.contact input#name_contact.input_2 { margin-left: 0; } .cadre.simple.contact .input_1 { margin-left: 75px!important; margin-bottom: 0; } .cadre.simple.contact span.input_2 { display: block; font-size: 14px; color: #000; background: #faf2de; width: 220px; height: 25px; padding: 6px 0 0 4px; border: 0; text-align: left; border: 1px #280403 solid; margin: 0 0 0 95px; } .cadre.simple.contact .input_2 { margin-left: 50px!important; margin-bottom: 0; border-radius: 2px; background-color: #fae5c0; border: none; } .cadre.simple.contact .input_3 { margin-left: 50px!important; margin-bottom: 0; border-radius: 2px; background-color: #fae5c0; border: none; } .cadre.simple.contact textarea.textarea_3 { display: block; font-size: 14px; color: #000; width: 220px; height: 25px; padding: 0 0 0 4px; border: 0; text-align: left; margin: 0 0 0 95px; border-radius: 2px; background-color: #fae5c0; border: none; } .cadre.simple.contact textarea.textarea_4 { display: block; overflow: hidden; font-size: 14px; color: #000; background: #faf2de; width: 380px; height: 150px; padding: 6px 0 0 4px; border-radius: 2px; background-color: #fae5c0; border: none; margin: 0 0 0 95px; } .cadre.simple.contact input#btn_contact { margin: 0 0 20px 100px!important; } div.cadre.simple.contact #errorPopupMaster ul.error_list li { /*position: absolute;*/ /*top: 0;*/ text-align: left; } div.cadre.simple.contact #errorPopupMaster #contact_email_err li { /*position: absolute;*/ /*top: 30px;*/ text-align: left; } div.cadre.simple.contact #errorPopupMaster span#contact_sujet_err li { /*position: absolute;*/ /*top: 75px;*/ text-align: left; } div.cadre.simple.contact #errorPopupMaster span#contact_message_err li { /*position: absolute;*/ /*min-width: 150px;*/ /*max-width:290px;*/ /*top: 275px;*/ text-align: left; } input[readonly]{ background:#c39e5e !important; color: #f8e0b3 !important; } /* --- POPUPS --- */ .popupGame { z-index: 999999999!important; } .popup_overlay { z-index: 999999998!important; } .popupbottom { z-index: 999999999!important; } .popup { display: block; } .popup input { float: left; } .popup_overlay { height: 100%; width: 100%; left: 0; top: 0; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; background-color: #000; position: fixed!important; } .popup .close { display: block; background: url(/images/t_pop_up_close.png) top left no-repeat; width: 28px; right:0px; height: 28px; position: absolute; cursor: pointer; z-index: 999999999; float:right; } .popup .close:hover { display: block; background: url(/images/t_pop_up_close_hover.png) top left no-repeat; width: 28px; height: 28px; position: absolute; cursor: pointer; z-index: 999999999; } #closePolicy.close, #closeTerms.close { display: block; background: url(/images/t_pop_up_close.png) top left no-repeat; width: 28px; height: 28px; position: absolute; right: 5px; top: 5px; cursor: pointer; z-index: 999999999; } #closePolicy.close:hover, #closeTerms.close:hover { display: block; background: url(/images/t_pop_up_close_hover.png) top left no-repeat; width: 28px; height: 28px; position: absolute; right: 5px; top: 5px; cursor: pointer; z-index: 999999999; } .popupGame .playFullscreen { width: 25px; height: 25px; position: absolute; cursor: pointer; margin: 0 3px 0 0; float:left; background: url(/images/popup/t_fullscreen.png) no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .popupGame .playFullscreen:hover { position: absolute; background: url(/images/popup/t_fullscreen_h.png) no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .popup .popupBase .close, .popup .popupBase350 .close { right: -10px; top: -10px; } .titlePopUp { background-color: #F1E7CE; border-top-left-radius: 10px; border-top-right-radius: 10px; } .titlePopUp h2 { font-size: 18px; padding: 20px 0; text-transform: uppercase; } .headerPopUp { background: url("/images/bg-content-top.png") 0% 0% no-repeat #280403; padding: 30px; border-bottom: 1px #F1E7CE solid; } .headerPopUp span { color: #F1E7CE; font-size: 14px; font-weight: bold; } .passRecovery { margin-top: 50px; } #popupPasswordLost .input_3 { margin-left: 0!important; margin-right: 123px; margin-bottom: 10px; } #popupPasswordLost input#btn_envoyer { margin-left: -25px!important; } #popupContact .form_contact_1 { padding-top: 40px!important; } #popupContact p.formfield { width: 100px; margin-left: 140px; } #popupContact .input_1, #popupContact .input_2, #popupContact .input_3, textarea.textarea_3, textarea.textarea_4 { margin-left: 50px!important; margin-bottom: 10px; } #popupContact label { text-align: right; float: right; margin-right: 55px; margin-bottom: -36px; font-weight: bold; font-size: 14px; } #popupContact input#btn_contact { margin-left: 50px; } #popupContact .chat_us { width: 300px; margin-right: -12px; margin-top: -25px; float: right; cursor: pointer; } #popupContact .chat_us span#click { color: #FBF3DF; } #popupContact .chat_us span#live_chat { color: #FBF3DF; font-weight: bold; } #errorPopupMaster { position: relative; width: 100%; float: right; margin-right: 5px; } #errorPopupMaster ul li { } #errorPopupMaster ul.error_list li { /*position: absolute;*/ /*top: 20px;*/ text-align: left; } #errorPopupMaster #contact_email_err li { /*position: absolute;*/ /*top: 50px;*/ text-align: left; } #errorPopupMaster span#contact_sujet_err li { /*position: absolute;*/ /*top: 95px;*/ text-align: left; } #errorPopupMaster span#contact_message_err li { /*position: absolute;*/ /*width: 115px;*/ /*top: 290px;*/ text-align: left; } .popup .popupContact { position: fixed; width: 717px; top: 35%; left: 50%; margin: -234px 0 0 -358px; background: #280403; border-radius: 10px; behavior: url(/PIE.htc); border: 4px #540a03 solid; z-index: 999999999; padding-bottom: 40px; } .popup .popupContact div.popupContactImage { position: relative; height: 130px; width: 140px; z-index: 1002; margin-top: -50px; margin-left: 18px; float: right; right: -30px; } .popup .popupContact div.popupContactImage.philippe { background: url(/images/support-philippe.png) top left no-repeat; } .popup .popupContact div.popupContactImage.laurence { background: url(/images/support-laurence.png) top left no-repeat; } .popup .popupContact div.popupContactImage.romuald { background: url(/images/support-romuald.png) top left no-repeat; } .popup .popupContact div.popupContactImage.claire { background: url(/images/support-claire.png) top left no-repeat; } .popup .popupContact div.popupContactImage.clement { background: url(/images/support-clement.png) top left no-repeat; } .popup .popupContact .headerPopUp { height: 50px!important; } .popup .popupContact #formContactResultBottom, .popup .popupContact #formFonoResultBottom { height: 40px; width: 480px; display: block; text-align: left; float: right; color: #9c1102; font-size: 16px; font-weight: bold; padding: 15px 25px 17px 0; margin-top: 20px; } .popup .popupExt { position: fixed; width: 717px; left: 50%; margin: 0 0 0 -358px; z-index: 999999999; background: #280403; border-radius: 10px; behavior: url(/PIE.htc); border: 4px #540a03 solid; z-index: 999999999; padding-bottom: 40px; } .popup .popupExt .top h2 { color: #F5E0B0; text-align: center; float: left; font-size: 18px; font-weight: bold; margin: 11px 0; width: 717px; } .popup .popupExt .content { float: left; width: 677px; float: left; padding: 20px 20px; background: url("/images/bg-content-top.png") 0% 0% no-repeat #280403; } .popup .popupExt .contentPolicy { float: left; width: 677px; max-height:600px!important; float: left; padding: 20px 20px 0; background: url("/images/bg-content-top.png") 0% 0% no-repeat #280403; } .popup .popupExt .contentPolicy p { color: #F1E7CE; } .popup .popupExt .contentPolicy h2, .popup .popupExt .contentPolicy h3 { color: #E8D7AD; float: left; font-size: 15px; font-weight: bold; display: block; width: 100%; margin: 10px 0 3px } .popup .popupExt .contentCM { float: left; width: 677px; float:left; padding:50px 20px 20px 20px; } .popup .popupExt .contentCM .noScrollCM { color:#FBF3DF; font-size: 24px; } .popup .popupExt .contentScroll { float: left; width: 670px; height: 580px; overflow-x: hidden; overflow-y: auto; color: #641E02; font-size: 14px; text-align: justify; padding-right: 7px; } .popup .popupExt .content p { color: #F1E7CE; font-size:16px; text-align:left; } .popup .popupExt .content p span { font-size: 20px; } .popup .popupExt .content h2, .popup .popupExt .content h3 { color: #E8D7AD; float: left; font-size: 15px; font-weight: bold; display: block; width: 100%; margin: 10px 0 3px } .popup .popupExt .bottom { float: left; width: 717px; height: 24px; } .popup .popupBase { position: fixed; height: 434px; width: 562px; top: 50%; left: 50%; margin: -217px 0 0 -281px; background: url(/images/bg-popup.png) top left no-repeat; z-index: 999999999; } .popup .popupBase .texte { color: #CF9047; display: block; float: right; font-size: 26px; font-weight: bold; height: 140px; padding: 40px 15px 0 150px; width: 397px; } .popup .popupBase .error { display: block; color: #941601; } .popup .popupBase350 { position: fixed; width: 562px; top: 50%; left: 50%; margin: -176px 0 0 -281px; background: #280403; border-radius: 10px; behavior: url(/PIE.htc); border: 4px #540a03 solid; z-index: 999999999; padding-bottom: 40px; } .popup .popupBase350 .texte { color: #e8d7ad; display: block; text-align: center; font-size: 26px; font-weight: bold; height: 50px; padding: 30px 0 0 0; width: 562px; } .popup .popupBase350 .error { color: #BA0403; display: block; font-size: 12px; margin: 20px 20px 10px 208px; max-width: 150px; } .popup .popupBase350 label { color: #e8d7ad; float: left; font-size: 14px; font-weight: bold; padding: 14px 10px 0 0; text-align: right; width: 210px; } #BonusconditionsContent .content p { float: left; width: 637px; float: left; padding: 40px!important; background: url("/images/bg-content-top.png") 0% 0% no-repeat #280403; } .popMembre{ display:block; text-align:left; } .popMembre_overlay{ height:100%; width:100%; left:0; top:0; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; background-color:#000; position:fixed; margin:0; z-index:1000; vertical-align:middle; } .popMembre h2{ text-align: center; } .popMembre .noScroll{ text-align: center; margin-top: 10px; } .popMembre input[type="submit"]{ float:none; margin: 10px; } .popMembre a{ color: rgb(232, 215, 173); } #login_password{ float: none; margin-top: 10px; margin-bottom: 10px; } /* --- HOME --- */ .home div#middle { padding: 0!important; } .home div#middle .left-bloc { float: left; width: 100%; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion { display: block; margin-top: 20px; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion .topText{ display: block; padding: 0 0 0 0!important; position: absolute; width:700px; height:300px; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion p.bonjour { font-size: 14px; color: #f5e0b0; font-weight: bold; line-height: 20px; padding-top: 5px; padding-left: 20px; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form { margin: 30px 0 0 20px; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form p { } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form p label { display: block; font-size: 16px; color: #f5e0b0; font-weight: bold; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form .checkbox { cursor: pointer; margin: 0 0 0 10px; width: 25px; height: 20px; background: url("/images/checkbox2.png") no-repeat; display: block; float: left; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form div.rememberLost a { font-size: 14px; color: #cf9047; text-decoration: underline; display: block; margin-top: 5px; margin-left: 35px; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form div.rememberLost label { font-size: 14px; color: #f1cca8; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form p input { display: block; font-size: 15px; color: #997A5F; background: url("/images/bg-input-2.png") left bottom no-repeat; width: 200px; height: 27px; padding: 0 0 0 5px; border: 0; margin: 5px 0 10px 0; text-align: left; } .home div#middle .left-bloc.left-bloc-connexion .bloc-connexion form input[type="submit"] { margin-top: 20px; float: right; left: -20px; } .home div#middle .left-bloc.left-bloc-connexion .error { color: #941601; display: block; float: left; font-size: 10px; padding-left: 1px; width: 100%; } div.bloc-connexion { width: 80%; float: left; margin-right: 2%; } div.bloc-connexion.bottom { /*width: 645px;*/ float: left; } div.bloc-connexion div.cadre { padding: 0 0 0 0; } div.cadre .game-bloc { width: 100%; /*padding: 0 5px 0;*/ /*margin-right: 15px;*/ } .cadre_lobby .bloc-connexion div.cadre .game-bloc { width: 160px; padding: 12px 10px 12px; } .cadre_lobby .bloc-connexion div.cadre .game-bloc .img { display: block; position: relative; } .bloc-connexion div.cadre .game-bloc .img { display: block; position: relative; } .bloc-connexion div.cadre .game-bloc .img:hover { border-color: #c1272d; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #icon { position:absolute; right:0px; top:5px; } .iconNew {} .iconHot {} .iconTop { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #89000D transparent transparent; float:left; position:absolute; } .iconBody{ width:30px; height:14px; padding:4px 0 2px 6px; background-color:#007bff; float:right; background: #8b1521;background: -moz-linear-gradient(left, #8b1521 0%, #9b1927 45%, #b52130 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8b1521), color-stop(45%,#9b1927), color-stop(100%,#b52130));background: -webkit-linear-gradient(left, #8b1521 0%,#9b1927 45%,#b52130 100%);background: -o-linear-gradient(left, #8b1521 0%,#9b1927 45%,#b52130 100%);background: -ms-linear-gradient(left, #8b1521 0%,#9b1927 45%,#b52130 100%);background: linear-gradient(to right, #8b1521 0%,#9b1927 45%,#b52130 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b1521', endColorstr='#b52130',GradientType=1 ); } .iconBottom { width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent #89000D transparent; float:left; position:relative; top:10px; } .langue_es #bandeau_bonus .titre_bonus, .langue_es .newsTest .titre_news, .langue_es .newsTest #temoignage .titre { font-size: 15px; } .newGames .game-bloc { padding: 0 0 15px 15px!important; } .news { float: left; margin-bottom: 25px; width: 100%; } .newsDiv{ float: left; padding-bottom: 20px; width: 100%; } .newsDivImg { float: left; width: 30%; } .newsDiv img{ max-width: 80%; float:left; } .newsDivImg content { float: left; } .newsDivContent { float: left; width: 70%; } .newsDiv:hover{ } .newsTest #temoignage .titre { font-weight: 600; } .newsTest .titre_news, #sidebar.promo2 #temoignage .bloc_sidebar .titre, .cadre.paiement_content .titre { font-size: 16px; width: 100%; float: left; color: #c39e5e; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; text-align: left; } #sidebar.promo2 #temoignage .bloc_sidebar .titre img { display: none; } .newsTest #temoignage a.comment { text-align: right; margin-top:10px!important; margin-right: 0!important; padding-right: 0!important; text-transform: uppercase; } #bandeau_topGames, #bandeau_newGames { margin-top: 15px; margin-bottom: 15px; width: 100%; text-align:center; float: left; } .titre_carou:after, .titre_favorites:after{ content: " - "; } .titre_carou:before, .titre_favorites:before{ content: " - "; } .titre_carou, .titre_favorites { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #b58d4c; letter-spacing: 3px; } #bandeau_jackpot { margin-top: 10px; width: 708px; margin-bottom: 10px; } #bandeau_jackpot .titre_carou { font-size: 16px; text-transform: uppercase; font-weight: 600; } #bandeau_bonus { overflow: hidden; margin-bottom: 10px; } #bandeau_bonus .titre_bonus { font-size: 16px; color: #FBF3DF!important; float: left; font-weight: 600; text-transform: uppercase; border-bottom: 2px solid rgb(80, 8, 5); padding-bottom: 10px; width: 300px; } #slider { margin: -9px 0 0 0; width: 750px; height: 300px; overflow:hidden; } #newSlider { margin: -9px 0 0 0; width: 950px; height: 300px; overflow:hidden; } .rsSlide { cursor: default!important; } #sidebar #news { float: left; margin-bottom:40px; width: 100%; } #sidebar #news a { display:block; } #sidebar #news a img { max-width: 100%; height: auto; border: 3px solid #c39e5e; box-sizing: border-box; margin: 5px 0; border-radius: 5px; } #sidebar #news .newsDiv { width:100%; padding-bottom: 10px; } #sidebar #news .newsDate { border-bottom:none!important; } #sidebar #news .comment { margin-top:8px!important; } #sidebar.promo, #sidebar.promouk, #sidebar.promosv, #sidebar.promo50 , #sidebar.promo130 { float: right!important; width: 210px; background: none; margin-top: -9px; height: 300px; } div#sidebar.promo a.top, div#sidebar.promo50 a.top, div#sidebar.promo130 a.top { width: 210px; height: 300px!important; } div#sidebar.promo .topText, div#sidebar.promo50 .topText, div#sidebar.promo130 .topText { display: block; padding: 0 0 0 0!important; position: absolute; width:210px; height:300px; } #sidebar.win { display:block; float: right!important; width: 18%; background: none; padding: 0!important; margin: 50px 0 0 0!important; } #sidebar.promo2, #sidebar.promo2uk { float: right!important; width: 18%; background: none; padding: 0!important; margin: 20px 0 0 0!important; } div#sidebar.promo2 div.sidebar-support, div#sidebar.promo2uk div.sidebar-support { float: right; width: 100%; } div#sidebar.promo2 div.sidebar-support-photo, div#sidebar.promo2uk div.sidebar-support-photo { } div#sidebar.promo2 div.sidebar-support-photo a, div#sidebar.promo2uk div.sidebar-support-photo a { display: block; float: left; text-align: center; width: 100%; margin: 5px 0 5px 0; } div#sidebar.promo2 div.sidebar-support div.text, div#sidebar.promo2uk div.sidebar-support div.text { width: 100%; display: block; float: left; } div#sidebar.promo2 div.sidebar-support div.text h1, div#sidebar.promo2uk div.sidebar-support div.text h1 { border-bottom: 1px solid #c39e5e; color: #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 20px 0; padding-bottom: 5px; text-align: left; } div#sidebar.promo2 div.sidebar-support div.text h2, div#sidebar.promo2uk div.sidebar-support div.text h2, div#sidebar.promo2 div.sidebar-support div.text p, div#sidebar.promo2uk div.sidebar-support div.text p { font-size: 12px; font-weight: 600; line-height: 18px; text-align: left; } div#sidebar.promo2 div.sidebar-support div.text h2, div#sidebar.promo2uk div.sidebar-support div.text h2 { text-transform: uppercase; color: #c39e5e; } div#sidebar.promo2 div.sidebar-support div.text p, div#sidebar.promo2uk div.sidebar-support div.text p { text-transform: none; color: #f8e0b3; } div.flash_hack{ width:210px; height:300px; display:inline; z-index:1000; position:absolute; } #temoignage div.bloc_sidebar { background: none; } #temoignage div.bloc_sidebar { margin:0px!important; } .newsTest { float: left; margin:0 15px 0 0!important; } .newsTest div.bloc_sidebar div.content { border-top: 2px #3F060A solid; border-bottom: 2px #3F060A solid; min-height: 151px; } .newsTest div.bloc_sidebar { background: none; margin-left: 0; padding-left: 0; } /* --- Games ---*/ #gameList{ float:left; width: 100%; height: 100%; position: relative; min-height: 100px; } #gamesFull{ float:left; width: 100%; height: 100%; } #loadingGames{ display:none; min-height: 100px; } #loadingGamesFull{ display:none; float:left; width: 100%; position: absolute; height: 100%; z-index:10001 !important; top: 0; left: 0; padding-top: 50px; background-color:#150709; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; } .newGames { width: 190px; height: 500px; float: left; } .newGames .game-bloc { margin: 0 0!important; } .newGames .game-bloc .img { margin: 0 0!important; } .newGames .bottom { border-bottom: 2px solid rgb(63, 6, 10); margin-right: 20px; width: 100%; height: 10px; bottom: 0; position: absolute; } #news { float: left; } .news li { float: right!important; list-style: circle outside none !important; margin: 0 2em!important; } div.bloc-connexion div#sidebar { float: right!important; width: 206px; background: #280403; height: 100%; } div.bloc-connexion div#sidebar div.bottom { width: 100%; height: 15px; background: url('/images/bg-content-bottom.png') 0% 100% no-repeat; } /* --- TEMP --- */ #homeBonus_sidebar { height:194px; width:210px; margin-bottom:15px; } #homeBonus_sidebar .topText { position:absolute; height:194px; width:300px; } #homeBonus_sidebar a.top { margin-top: 0!important; margin-bottom: 0!important; } #homeBonus_sidebar a.bt.sidebar_bonus { margin-top: 235px; } /* --- Bonus --- */ .home div#middle .left-bloc .bloc-bonus { width: 300px; height: 194px; float: right } .langue_fr div#middle .left-bloc .bloc-bonus { background: url("/images/fr/t_dailybonus_temp.png") top left no-repeat; } .langue_en div#middle .left-bloc .bloc-bonus { background: url("/images/en/t_dailybonus_temp.png") top left no-repeat; } .langue_es div#middle .left-bloc .bloc-bonus { background: url("/images/en/t_dailybonus_temp.png") top left no-repeat; } .langue_de div#middle .left-bloc .bloc-bonus { background: url("/images/de/t_dailybonus_temp.png") top left no-repeat; } .langue_it div#middle .left-bloc .bloc-bonus { background: url("/images/it/t_dailybonus_temp.png") top left no-repeat; } .langue_nl div#middle .left-bloc .bloc-bonus { background: url("/images/nl/t_dailybonus_temp.png") top left no-repeat; } .langue_pt div#middle .left-bloc .bloc-bonus { background: url("/images/pt/t_dailybonus_temp.png") top left no-repeat; } .langue_no div#middle .left-bloc .bloc-bonus { background: url("/images/no/t_dailybonus_temp.png") top left no-repeat; } .langue_sv div#middle .left-bloc .bloc-bonus { background: url("/images/sv/t_dailybonus_temp.png") top left no-repeat; } .langue_fi div#middle .left-bloc .bloc-bonus { background: url("/images/fi/t_dailybonus_temp.png") top left no-repeat; } /* --- Registration -- */ .home div#middle .left-bloc .bloc-bonus a.bt-inscrip { text-align: center; font-size: 14px; color: #FBF3DF; text-shadow: #634039 0 1px 0; border-radius: 6px; behavior: url(/PIE.htc); max-width: 136px; height: 37px; display: block; left: 25%; margin-bottom: 20px; position: relative; margin-top: 110px; padding: 20px 15px 0; text-transform: uppercase; font-weight: bold; background: #88181d; /* background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjYmEyNzJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88181d), color-stop(2%,#ba272d), color-stop(100%,#88181d)); background: -webkit-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -o-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -ms-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: linear-gradient(to bottom, #88181d 0%,#ba272d 2%,#88181d 100%); /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88181d', endColorstr='#88181d',GradientType=0 );*/ } #sorry{font-weight: bold; text-align: center;} #caroussel_jackpot { float: left; ; margin-left: 10px; margin-bottom: 15px; margin-top: -25px; } #caroussel_jackpot .jcarousel-skin-tango .jcarousel-container { position: relative; top: 20px; width: 832px; background-image: url("/images/jackpot/fond.png"); background-repeat: no-repeat; z-index: 30; left: 50px; } #caroussel_jackpot .fond_carou { display: block; background-image: url("/images/jackpot/bg_bloc.png"); height: 99px; width: 162px; z-index: 10; } #caroussel_jackpot .fond_carou:hover { background-position: 0 -108px; text-decoration: none; } #caroussel_jackpot .fond_carou:hover .montant_carou { color: #641e02; font-weight: bold; } #caroussel_jackpot .img_carou { position: relative; left: 7px; top: 4px; height: 60px; width: 149px; z-index: 1; } #caroussel_jackpot .montant_carou { position: relative; top: 6px; text-align: center; font-size: 18px; color: #240100; z-index: 20; cursor: pointer; } #caroussel_jackpot #bandeau_jackpot { background-image: url("/images/jackpot/jackpot.png"); background-repeat: no-repeat; height: 48px; left: 190px; position: relative; top: 35px; width: 554px; z-index: 20; } #caroussel_jackpot .titre_carou { font: 100% Verdana, Myriad, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center; padding-top: 16px; } #caroussel_jackpot #jackpot-next.btn { position: absolute; background-image: url("/images/jackpot/btn_droite.png"); background-repeat: no-repeat; height: 105px; width: 637px; left: 315px; z-index: 10; } #caroussel_jackpot #jackpot-prev.btn { position: absolute; background-image: url("/images/jackpot/btn_gch.png"); background-repeat: no-repeat; height: 105px; width: 637px; z-index: 10; } #caroussel_jackpot #jackpot-next.btn:hover { background-position: 0 -105px; } #caroussel_jackpot #jackpot-prev.btn:hover { background-position: 0 -105px; } #caroussel_jackpot .jcarousel-skin-tango .jcarousel-container-horizontal { width: 810px; padding: 19px 13px; } .home div#middle div.cadre-game { width: 941px; height: 230px; background: url("/images/bg-list-games-home.png") bottom center no-repeat; float: left; margin: 10px 0 0 8px; } .home div#middle div.cadre-game .onglets { width: 941px; height: 50px; float: left; font-weight: bold; } .home div#middle div.cadre-game #nav-onglet-left, .home div#middle div.cadre-game #nav-onglet-left2 { cursor: pointer; width: 109px; height: 45px; float: left; background: url("/images/nav-onglet-left.png") top left; position: relative; margin: 7px 0 0 15px; } .home div#middle div.cadre-game .onglet-left { text-align: center; margin: 3px 0 0 0; padding: 17px 0 0 0; font-size: 15px; color: #845f36; cursor: pointer; width: 368px; height: 33px; float: left; background: url("/images/onglet-left.png") bottom left; position: relative; left: -30px; } .home div#middle div.cadre-game .onglet-right { text-align: center; margin: 3px 0 0 0; padding: 17px 0 0 0; font-size: 15px; color: #845f36; cursor: pointer; width: 368px; height: 33px; float: left; background: url("/images/onglet-right.png") bottom left; position: relative; left: -30px; } .home div#middle div.cadre-game #nav-onglet-right, .home div#middle div.cadre-game #nav-onglet-right2 { cursor: pointer; width: 109px; height: 45px; float: left; background: url("/images/nav-onglet-right.png") top left; position: absolute; margin: 7px 0 0 0; right: 35px; } .home div#middle div.cadre-game #nav-onglet-left:hover, .home div#middle div.cadre-game #nav-onglet-right:hover { background-position: bottom left; } .home div#middle div.cadre-game .onglet-left:hover, .home div#middle div.cadre-game .onglet-left.active, .home div#middle div.cadre-game .onglet-right:hover, .home div#middle div.cadre-game .onglet-right.active { background-position: top left; font-size: 16px; color: #240100; font-weight: bold; padding: 15px 0 0 0; height: 35px; } .home div#middle div.cadre-game .onglet-left.active:hover, .home div#middle div.cadre-game .onglet-right.active:hover { cursor: default; } .montant { position:relative; margin-top:-18px; overflow: auto; background: #e9d9b0; background: -moz-linear-gradient(top, #e9d9b0 0%, #fdebc8 1%, #fce2b6 6%, #f1d199 17%, #caac72 54%, #a2844b 88%, #7c6333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9d9b0), color-stop(1%,#fdebc8), color-stop(6%,#fce2b6), color-stop(17%,#f1d199), color-stop(54%,#caac72), color-stop(88%,#a2844b), color-stop(100%,#7c6333)); background: -webkit-linear-gradient(top, #e9d9b0 0%,#fdebc8 1%,#fce2b6 6%,#f1d199 17%,#caac72 54%,#a2844b 88%,#7c6333 100%); background: -o-linear-gradient(top, #e9d9b0 0%,#fdebc8 1%,#fce2b6 6%,#f1d199 17%,#caac72 54%,#a2844b 88%,#7c6333 100%); background: -ms-linear-gradient(top, #e9d9b0 0%,#fdebc8 1%,#fce2b6 6%,#f1d199 17%,#caac72 54%,#a2844b 88%,#7c6333 100%); background: linear-gradient(to bottom, #e9d9b0 0%,#fdebc8 1%,#fce2b6 6%,#f1d199 17%,#caac72 54%,#a2844b 88%,#7c6333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d9b0', endColorstr='#7c6333',GradientType=0 ); -webkit-box-shadow: 0 -7px 12px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 -7px 12px rgba(0, 0, 0, 0.9); box-shadow: 0 -7px 12px rgba(0, 0, 0, 0.9); } .montant span { color: #271d1b!important; text-shadow: 0 1px 0 #cccc99!important; filter: dropshadow(color=#cccc99, offx=0, offy=1)!important; font-size: 12px !important; font-weight: bold !important; float: left!important; display: block!important; width: 100%!important; height: 12px!important; padding: 1px 0 2px!important; text-align: center!important; overflow: hidden!important; } .home div#middle .game-bloc span { float: left; display: block; height: 18px; padding: 3px 0 0 0; overflow: hidden; } .home div#middle .game-bloc span a { font-size: 17px; color: #4d0b03; font-weight: bold; } .home div#middle .game-bloc a.jouer { width: 180px; height: 36px; display: block; float: left; text-indent: -9999px !important; font-size: 0; position: relative; top: -9px; left: -5px; } .langue_fr.home div#middle .game-bloc a.jouer { background: url("/images/fr/bg-bt-jouer-little.png") left top no-repeat; } .langue_en.home div#middle .game-bloc a.jouer { background: url("/images/en/bg-bt-jouer-little.png") left top no-repeat; } .langue_es.home div#middle .game-bloc a.jouer { background: url("/images/es/bg-bt-jouer-little.png") left top no-repeat; } .langue_de.home div#middle .game-bloc a.jouer { background: url("/images/de/bg-bt-jouer-little.png") left top no-repeat; } .langue_it.home div#middle .game-bloc a.jouer { background: url("/images/it/bg-bt-jouer-little.png") left top no-repeat; } .langue_nl.home div#middle .game-bloc a.jouer { background: url("/images/nl/bg-bt-jouer-little.png") left top no-repeat; } .langue_pt.home div#middle .game-bloc a.jouer { background: url("/images/pt/bg-bt-jouer-little.png") left top no-repeat; } .langue_no.home div#middle .game-bloc a.jouer { background: url("/images/no/bg-bt-jouer-little.png") left top no-repeat; } .langue_sv.home div#middle .game-bloc a.jouer { background: url("/images/sv/bg-bt-jouer-little.png") left top no-repeat; } .langue_fi.home div#middle .game-bloc a.jouer { background: url("/images/fi/bg-bt-jouer-little.png") left top no-repeat; } .cadre-game .jcarousel-item:hover span a, .game-bloc:hover span a { text-decoration: underline; } .home div#middle .game-bloc a.jouer:hover, .game-bloc:hover a.jouer { background-position: center left !important; } .home div#middle .game-bloc a.jouer:focus { background-position: bottom left !important; } .bt-promo { position: relative; left: 4px; float: left; } .langue_fr .bt-support { position: relative; top: 5px; float: left; background: url("/images/fr/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_en .bt-support { position: relative; top: 5px; float: left; background: url("/images/en/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_es .bt-support { position: relative; top: 5px; float: left; background: url("/images/es/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_de .bt-support { position: relative; top: 5px; float: left; background: url("/images/de/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_it .bt-support { position: relative; top: 5px; float: left; background: url("/images/it/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_nl .bt-support { position: relative; top: 5px; float: left; background: url("/images/nl/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_pt .bt-support { position: relative; top: 5px; float: left; background: url("/images/pt/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_no .bt-support { position: relative; top: 5px; float: left; background: url("/images/no/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_sv .bt-support { position: relative; top: 5px; float: left; background: url("/images/sv/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_fi .bt-support { position: relative; top: 5px; float: left; background: url("/images/fi/bt-support-home.png") left top no-repeat; height: 197px; width: 317px; } .langue_en .bt-support-photo, .langue_fr .bt-support-photo, .langue_es .bt-support-photo, .langue_de .bt-support-photo, .langue_nl .bt-support-photo, .langue_sv .bt-support-photo, .langue_no .bt-support-photo, .langue_fi .bt-support-photo { margin-top: 26px; width: 297px; height: 162px; } .langue_en .bt-support-photo.laurence, .langue_fr .bt-support-photo.laurence, .langue_es .bt-support-photo.laurence, .langue_de .bt-support-photo.laurence, .langue_nl .bt-support-photo.laurence, .langue_sv .bt-support-photo.laurence, .langue_no .bt-support-photo.laurence, .langue_fi .bt-support-photo.laurence { background: url("/images/support-laurence.png") no-repeat scroll right top transparent; } .langue_en .bt-support-photo.philippe, .langue_fr .bt-support-photo.philippe, .langue_es .bt-support-photo.philippe, .langue_de .bt-support-photo.philippe, .langue_nl .bt-support-photo.philippe, .langue_sv .bt-support-photo.philippe, .langue_no .bt-support-photo.philippe, .langue_fi .bt-support-photo.philippe { background: url("/images/support-philippe.png") no-repeat scroll right top transparent; } .langue_en .bt-support-photo.romuald, .langue_fr .bt-support-photo.romuald, .langue_es .bt-support-photo.romuald, .langue_de .bt-support-photo.romuald, .langue_nl .bt-support-photo.romuald, .langue_sv .bt-support-photo.romuald, .langue_no .bt-support-photo.romuald, .langue_fi .bt-support-photo.romuald { background: url("/images/support-romuald.png") no-repeat scroll right top transparent; } .langue_en .bt-support-photo.claire, .langue_fr .bt-support-photo.claire, .langue_es .bt-support-photo.claire, .langue_de .bt-support-photo.claire, .langue_nl .bt-support-photo.claire, .langue_sv .bt-support-photo.claire, .langue_no .bt-support-photo.claire, .langue_fi .bt-support-photo.claire { background: url("/images/support-claire.png") no-repeat scroll right top transparent; } .langue_en .bt-support-photo.clement, .langue_fr .bt-support-photo.clement, .langue_es .bt-support-photo.clement, .langue_de .bt-support-photo.clement, .langue_nl .bt-support-photo.clement, .langue_sv .bt-support-photo.clement, .langue_no .bt-support-photo.clement, .langue_fi .bt-support-photo.clement { background: url("/images/support-clement.png") no-repeat scroll right top transparent; } .bt-support .bt-support-email { display: block; margin-top: 73px; margin-left: 12px; float: left; width: 167px; height: 43px; } .langue_fr .bt-support .bt-support-email { background: url("/images/fr/bg-bt-support-mail.png") left top no-repeat; } .langue_en .bt-support .bt-support-email { background: url("/images/en/bg-bt-support-mail.png") left top no-repeat; } .langue_es .bt-support .bt-support-email { background: url("/images/es/bg-bt-support-mail.png") left top no-repeat; } .langue_de .bt-support .bt-support-email { background: url("/images/de/bg-bt-support-mail.png") left top no-repeat; } .langue_it .bt-support .bt-support-email { background: url("/images/it/bg-bt-support-mail.png") left top no-repeat; } .langue_nl .bt-support .bt-support-email { background: url("/images/nl/bg-bt-support-mail.png") left top no-repeat; } .langue_pt .bt-support .bt-support-email { background: url("/images/pt/bg-bt-support-mail.png") left top no-repeat; } .langue_no .bt-support .bt-support-email { background: url("/images/no/bg-bt-support-mail.png") left top no-repeat; } .langue_sv .bt-support .bt-support-email { background: url("/images/sv/bg-bt-support-mail.png") left top no-repeat; } .langue_fi .bt-support .bt-support-email { background: url("/images/fi/bg-bt-support-mail.png") left top no-repeat; } .bt-support .bt-support-email:hover { background-position: bottom left; } .bt-support .bt-support-chat { display: block; float: left; width: 178px; height: 49px; } .langue_fr .bt-support .bt-support-chat { background: url("/images/fr/bg-bt-support-chat.png") left top no-repeat; } .langue_en .bt-support .bt-support-chat { background: url("/images/en/bg-bt-support-chat.png") left top no-repeat; } .langue_es .bt-support .bt-support-chat { background: url("/images/es/bg-bt-support-chat.png") left top no-repeat; } .langue_de .bt-support .bt-support-chat { background: url("/images/de/bg-bt-support-chat.png") left top no-repeat; } .langue_it .bt-support .bt-support-chat { background: url("/images/it/bg-bt-support-chat.png") left top no-repeat; } .langue_nl .bt-support .bt-support-chat { background: url("/images/nl/bg-bt-support-chat.png") left top no-repeat; } .langue_pt .bt-support .bt-support-chat { background: url("/images/pt/bg-bt-support-chat.png") left top no-repeat; } .langue_no .bt-support .bt-support-chat { background: url("/images/no/bg-bt-support-chat.png") left top no-repeat; } .langue_sv .bt-support .bt-support-chat { background: url("/images/sv/bg-bt-support-chat.png") left top no-repeat; } .langue_fi .bt-support .bt-support-chat { background: url("/images/fi/bg-bt-support-chat.png") left top no-repeat; } .bt-support .bt-support-chat.Offline { background-position: top left; margin-left: 7px; cursor: default; } .bt-support .bt-support-chat.Online { background-position: 0% -49px; margin-left: 20px; cursor: pointer; } .bt-support .bt-support-chat.Online:hover { background-position: bottom left; } /* --- WINNERS --- */ .latestWinners .winners { float: left; position: relative; top: 5px; text-align: left; font-size: 14px; background: #3F060A; border-radius: 6px; behavior: url(/PIE.htc); margin: 10px 0 0; width: 206px; } .latestWinners .winners .titre { width: 206px; display: block; padding: 13px 0 0 10px; color: #FAF2DE; text-transform: uppercase; font-size: 16px; margin-bottom: 5px; font-weight: bold; } .latestWinners .winners .colorFirst { font-size: 14px; color: #941601; display: block; margin-top: 0; } .latestWinners .winners .color { font-size: 14px; color: #941601; display: block; margin-top: 10px; } .gagnant { color:#FBF3DF; display:block; width: 50%; padding: 15px 0px 0px 15px; float:left; margin: 0!important; border-bottom: 1px solid #c39e5e; box-sizing: border-box; } .gagnant:nth-child(2n+0) { border-right: 1px solid #c39e5e; } .gagnant-details { float: left; width: 40%; font-size: 12px; line-height: 28px; text-align: center; } .gagnant-details .winnerAmount { font-size: 18px; } .gagnant-details .winnerAmount:last-child { color:#f8e0b3; font-size: 22px; } .gagnant-game { float: left; width: 60%; } .gagnant .gagnant-game .game-bloc-cont { width: 100%; float: right; } .winnerName { color:#E8D7AD; } .winnerAmount { color: #C1272D; } .latestWinners a.comment:hover, .bigWinners a.comment:hover, .bloc_sidebar a.comment:hover, .winners .winGame b:hover, #sidebar .winGame b:hover, .gagnant-details a:hover, .testimonials a.leave-your:hover{ color: #C1272D; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .bloc_sidebar a.comment { margin-top: 10px!important; } .bigWinners a.comment { margin: 20px 0 7px; } .latestWinners a.comment { margin: 10px 10px 7px 0!important; } .winners .inner { position: relative; border-radius: 5px; border: 2px solid #fae5c0; color: #b58d4c; box-sizing: border-box; float: left; padding: 16px; } .bloc_sidebar .inner { background: #000000; margin: 0 0; padding: 5px; } .winners .winnerLine { float: left; width: 100%; margin-bottom: 14px; } .winners .winnerLine:last-child { margin-bottom: 0; } .winners .winName, .bloc_sidebar .winName { color: #b58d4c; font-size: 12px; font-weight: 500; letter-spacing: 1px; } .winners .winName .star, .bloc_sidebar .winName .star{ } .winners .winGame, .bloc_sidebar .winGame { float: left; color: #b58d4c; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-left: 14px; margin-top: 2px; cursor: pointer; } .winners .winGame:last-child, .bloc_sidebar .winGame:last-child { border-bottom: none; } .winners .winAmount, .bloc_sidebar .winAmount { color: #f8e0b3; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin-left: 4px; } /* --- BIG WINNERS --- */ .bigWinners { float: left; width: 100%; } #sidebar .bigWinners { margin-bottom: 25px; } .home #sidebar .bigWinners { margin-bottom: 0px; } .bigWinners .winners { float: left; position: relative; text-align: left; font-size: 12px; font-weight: 400; padding: 0; width: 100%; } .bigWinners .winners .titre, #sidebar #news .titre, .bloc_sidebar div.titre { display: block; color: #c39e5e; text-transform: uppercase; font-size: 16px; margin-bottom: 15px; font-weight: 600; letter-spacing: 3px; text-align: center; } .bigWinners .winners .titre .ico:first-child, #sidebar #news .titre .ico:first-child, .bloc_sidebar div.titre .ico:first-child { float: left; } .bigWinners .winners .titre .ico:last-child, #sidebar #news .titre .ico:last-child, .bloc_sidebar div.titre .ico:last-child { float: right; } .bigWinners .winners .colorFirst { font-size: 14px; color: #941601; display: block; margin-top: 0; } .bigWinners .winners .color { font-size: 14px; color: #941601; display: block; margin-top: 10px; } /* --- NEWS (recent) --- */ #news .inner { float: left; border-bottom: 1px solid #c39e5e; margin-bottom: 10px; } #news .newsTitle a{ float:left; color: #c39e5e; font-family: "Fira Sans"; font-size: 12px; font-weight: 600; text-transform: uppercase; width: 100%; } div#sidebar #news .newsTitle { } #news .newsTitle span { font-size:14px; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#sidebar #news .newsTitle span.newTitle{ font-size:12px; color: #f8e0b3; font-weight: 700; } div#sidebar #news .newsTitle span.newDate{ font-size:12px; color: #c39e5e; font-weight: 500; } div#sidebar #news .newsTitle span.newDate:before { content: " - "; color: #c39e5e; } #news .newsTitle span:hover { cursor:pointer; } #news .newsDate { color: #f8e0b3; font-size: 12px; font-weight: 500; text-transform: uppercase; float: left; padding: 5px 0 0 0; width: 100%; } div#sidebar #news .newsDate { float: none; padding: 2px 0 10px 5px; } /* --- NEWS MAIN --- */ .news_title, .news_content a { color: #c39e5e; text-transform: uppercase; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .news_content a { font-size: 12px; } .news_title { /*font-size: 14px;*/ /*font-weight: bold;*/ } .news_content a { font-size: 12px; font-weight: 400; text-transform: uppercase; color: #fae5c0; border-radius: 15px; padding: 5px 20px; letter-spacing: 1px; border-radius: 15px; background-color: #4d0e14; } .news_date { font-size: 12px; color: #E8D7AD; text-transform: uppercase; text-align: right; float: right; margin-bottom: 10px; width: 100%; letter-spacing: 0; } .news_content { margin-top: 10px; font-size: 12px; color: #f8e0b3; font-weight: 400; letter-spacing: 1px; text-indent: initial !important; line-height: 26px; } .bg_cadre_texte_top.new img { width: 300px; } .margin_top { height: 50px; } /* --- FOOTER --- */ div#bottom { margin-bottom: 30px; } .big div#bottom { margin-bottom: 30px; background: no-repeat left bottom; /*height: 304px;*/ padding-top: 20px; } .home div#bottom { margin-bottom: 30px; } div#bottom div#sep.paves { float: left; width: 100%; } div#bottom div#sep.paves ul { display: block; float: left; padding-top: 15px; padding-bottom: 15px; display: table; } div#bottom div#sep.paves ul li { padding: 10px; min-height: 130px; display: table-cell; vertical-align: top; border-right: 1px solid #c39e5e; box-sizing: border-box; width: 20%; } div#bottom div#sep.paves ul li:last-child { border-right: none; } div#bottom div#sep.paves ul li h1 { color: #c39e5e !important; font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; min-height: 40px; text-align: center; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#bottom div#sep.paves ul li p { color: #f8e0b3; font-size: 10px; font-weight: 400; line-height: 16px; text-transform: initial; text-align: left; letter-spacing: normal; margin-bottom: 0; } div#bottom div#sep.paves ul li p::after { content: ""; } div#bottom div#sep.paves ul li p::before { content: ""; } div#bottom div#sep { height: auto; padding: 0 0 30px 0; text-align: center; } div#bottom div#sep.softwares img { max-height: 20px; padding: 4px 10px; max-width: 120px; } div#bottom div#sep div#pictos { float: left; padding: 20px 0 0 0; text-align: center; } div#bottom div#sep div#pictos a { float: left; height: 19px; margin: 0 3px; display: block; } div#bottom div#sep p::before { content: " - "; } div#bottom div#sep p::after { content: " - "; } div#bottom div#sep p { color: #b58d4c; font-size: 16px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; } div#bottom div#liens_bas { color: #FBF3DF; text-align: center; text-align: center; } div#bottom div#liens_bas a, #activationTexte a:hover, .news_content a:hover { color: #E8D7AD; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#bottom div#liens_bas a:hover, #activationTexte a:hover { color: #c1272d; text-decoration: none; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#bottom div#liens_bas p.copy { margin-left: auto; margin-right: auto; width: 480px; font-size: 10px; padding: 5px 0 8px 0; } #bottom .mcafee { float: left; margin: -5px 0 15px; text-align: center; width: 120px; } /* --- LOBBY --- */ div.cadre-profile-top { padding: 0; float: left; width: 100%; } div.cadre-profile-top h2 { color: #FAF2DE; font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; } div#middle div#contenu div.cadre_lobby { float: left; width: 100%; } div.cadre_lobby .left-bloc { float: left; width: 100%; } div.cadre_lobby .left-bloc.full, .full.bannergame { float: initial; max-width: 960px; margin: auto; } .cadre_lobby .topText, .cadre_lobby .topText, .cadre_lobby .topText { display: block; top:20px; position: absolute; width:100%; height:100px; } div#middle div#contenu div.cadre_lobby div.intro_lobby { float: left; width: 100%; position: relative; } div.intro_lobby div.cadre-depot-bottom { margin: 0 0 0 0!important; } div.cadre_lobby div.intro_lobby p { font-size: 12px; color: #FAF2DE; font-weight: normal; line-height: 16px; } div#middle div#contenu div.cadre_lobby div.intro_lobby p.intro_1 { float: left; height: 35px; font-size: 26px; color: #f4ce75; font-weight: bold; line-height: 29px; } div.cadre_lobby p.intro_1 { position: relative; margin: 0 0 0 0; float: left; width: 672px; color: #FAF2DE; font-size: 14px; font-weight: 600; padding: 25px 35px 0 0; text-transform: uppercase; height: 25px; } div.cadre_lobby div.intro_lobby p a { color: #941601; font-weight: bolder; } div.cadre-fav-top { margin: -20px 0 0 7px; float: left; width: 697px; height: 33px; color: #4d0b03; font-size: 16px; font-weight: bold; padding: 8px 0 0 35px; } div.cadre-fav { margin: 0 0 0 7px; color: #e2bc57; float: left; width: 732px; } div.cadre-fav-bottom { margin: 0 0 0 7px; float: left; width: 732px; height: 12px; } .curacaoLogo{ height: 50px; width: 50px; margin: 15px auto; } /* --- LOBBY - Jackpot --- */ .cadre_lobby .cadre {margin-bottom:0px!important; width: 100%;} .logged #bandeau_topGames {margin-top:5px!important;} .logged #more_games {display:none!important;} .games.jackpot.logged {margin-top:0px!important;} /* --- LOBBY - Activation --- */ #activationTexte { font-size: 12px; font-weight: 500; position: relative; margin-right: 15px; margin-bottom: 5px; letter-spacing: 1px; text-align: center; } /* --- LOBBY - Account ---*/ #passChangeDiv { display: none; margin-bottom: 20px; font-size: 14px; } #passNotChanged { display: block; padding: 10px 0 10px 0; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; } div.changePasswordBlock { width: 100%; float: left; margin-bottom: 20px; } div.changePasswordBlock input[type="password"].input_3 { float: left; text-align: left; box-sizing: border-box; line-height: 30px; border-radius: 2px; background-color: #fae5c0; margin-bottom: 10px; margin-left: 15px; padding: 0 5px; } div.changePasswordBlock label { width: 40%; color: #e7c17f; font-size: 12px; font-weight: 600; letter-spacing: 1px; float: left; text-align: right; line-height: 30px; margin-bottom: 5px; font-style: italic; } /* --- PROMO --- */ div#middle div#contenu div.cadre_promo { float: left; width: calc(100% - 15px); margin-bottom: 25px; } div#middle div#contenu div.cadre_promo.right { margin-right: 15px; } div#middle div#contenu div.cadre_promo h2 { color: #c39e5e; font-size: 16px; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #c39e5e; padding-bottom: 5px; } div#middle div#contenu div.cadre_promo.right h2 { text-align: right; } div#middle div#contenu div.cadre_promo div.bloc_promo { position: relative; margin-bottom: 10px; font-size: 16px; color: #fbf3df; float: left; } div#middle div#contenu div.cadre_promo div.bloc_promo p { padding-bottom: 20px; color: #f8e0b3; font-size: 14px; font-weight: 400; line-height: 28px; text-align: left; margin: 0 15px 0 0; } div#middle div#contenu div.cadre_promo.right div.bloc_promo p, div#middle div#contenu div.cadre_promo.right div.bloc_promo a.redBtn { margin: 0 0 0 15px; } div#middle div#contenu div.cadre_promo div.bloc_promo a { color: #fbf3df; padding-top:10px; padding-bottom:10px; cursor: pointer; text-transform: uppercase; position: relative; float: none; margin: 0 15px 0 0; } div#middle div#contenu div.cadre_promo div.bloc_promo div.top { /*padding-top: 10px;*/ /*min-height: 200px;*/ width: 60%; float: left; } div#middle div#contenu div.cadre_promo div.bloc_promo div.bottom img { float: left; height: auto; width: 100%; } div#middle div#contenu div.cadre_promo.right div.bloc_promo div.bottom img { float: right; height: auto; width: 100%; } div#middle div#contenu div.cadre_promo div.bloc_promo div.bottom { width: 40%; float: left; } div#middle div#contenu div.cadre_promo.right div.bloc_promo div.top { float: right; } div#middle div#contenu div.cadre_promo div.bloc_promo div.bottom input[type="submit"] { margin-left: 10px; margin-top: -45px; } div#middle div#contenu div.cadre_promo.right div.bloc_promo div.bottom input[type="submit"] { margin-left: 322px; } div#middle div#contenu div.cadre_promo div.bloc_promo a.bt-inscrip { width: 506px; height: 62px; display: block; bottom: -8px; position: absolute; text-indent: -9999px!important; font-size: 0; } div#middle div#contenu div.cadre_promo div.bloc_promo a.bt-inscrip.fll { left: 0; } div#middle div#contenu div.cadre_promo div.bloc_promo a.bt-inscrip.flr { right: 5px; } /* --- ABOUT - Variables --- */ .histo_tab { width: 100%; margin-bottom: 20px; } .histo_tab th { color: #e8d7ad; font-size: 12px; text-align: center; text-transform: uppercase; padding: 10px 0 10px 0; border-right: 2px #280403 solid; background: #4d0e14; border-radius: 2px; } .histo_tab th:last-child { border-right: none; } .histo_tab tr { border-bottom: 1px solid #4d0e14; } .histo_tab th.hash { padding: 0 10px 0; } .histo_tab td { color: #fbf3df; font-size: 12px; height: 22px; text-align: center; border-right: 1px solid #4d0e14; } .histo_tab td:last-child { border-right: none; } .histo_tab td a { color: #9c1102; font-weight: bold; text-decoration: underline; } .histo_tab td strong { color: #9c1102; } .footer_inside { margin: 10px auto 30px auto; text-align: center; } #curacao { text-align: center; width: 500px; margin: auto; font-weight: 400; line-height: 18px; } #curacao a { display: block; float: left; } #curacao p { font-size: 10px; text-align: center; width: 360px; color: #fae5c0; margin: auto; } /* --- DEPOSIT --- */ div.cadre-depot-top h2 { } div#middle div#contenu div.cadre-depot-pretop { width: 100%; text-align: right; float: left; font-weight: bold; font-size: 12px; color: #FBF3DF; } div#middle div#contenu div.cadre-depot-pretop.v2 { background: #4c161c; margin-bottom: 10px; border-radius: 10px; } div#middle div#contenu div.cadre-depot-pretop-banner { padding-top: 45px; } div#middle div#contenu div.cadre-depot-pretop.v3 { line-height: 35px; background: none; text-align: center; margin: 0 0 20px 0; } div#middle div#contenu div.cadre-depot-pretop .user { color: #c39e5e; display: block; float: left; width: 30%; line-height: 46px; text-align: left; margin-left: 20px; text-transform: uppercase; letter-spacing: 1px; } div#middle div#contenu div.cadre-depot-pretop .solde, div#middle div#contenu div.cadre-depot-pretop .jetons { color: #c39e5e; display: block; float: left; width: 30%; line-height: 46px; text-align: left; margin-left: 20px; text-transform: uppercase; letter-spacing: 1px; } div#middle div#contenu div.cadre-depot-pretop .abbo { padding: 10px; border-radius: 3px; } div#middle div#contenu div.cadre-depot-pretop .abbo a { color: #e0b46c; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.cadre-depot-pretop .reinit { padding: 0 20px; } div#middle div#contenu div.cadre-depot-pretop .reinit a { color: #e0b46c; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.cadre-depot-pretop strong { color: #fae5c0; text-transform: initial; margin-left: 10px; font-weight: 500; } div#middle div#contenu div.cadre-depot-top input[name='method'] { margin-right: 10px; } div.cadre-depot-top.wire:before { background: url("/images/deposit/t_wire_transfer.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } .langue_fr div.cadre-depot-top.wire:before { background: url("/images/deposit/t_virement_bancaire.png") no-repeat; } div.cadre-depot-top.card:before { background: url("/images/deposit/t_card.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.moneybooker:before { background: url("/images/deposit/t_skrill.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.neteller:before { background: url("/images/deposit/t_neteller.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.ukash:before { background: url("/images/deposit/t_ukash.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.psc:before { background: url("/images/deposit/t_paysafe.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.eco:before { background: url("/images/deposit/t_ecocard.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div.cadre-depot-top.pugglepay:before { background: url("/images/deposit/t_pugglepay.png") no-repeat; background-size: 100%; width: 100px; height: 35px; content: ""; float: left; margin-right: 30px; } div#middle div#contenu div.cadre-depot-top { position: relative; margin: 0 0 0 0; float: left; width: 100%; height: 25px!important; color: #FAF2DE; font-size: 14px; font-weight: normal; padding: 25px 0 0 0; text-transform: uppercase; } div#middle div#contenu div.cadre-depot-top .versement { background: url('/images/int-excl.png') no-repeat; display: block; height: 20px; padding: 6px 0 0 35px; float: right; font-size: 14px; font-weight: normal; } div#middle div#contenu div.cadre-depot { float: left; margin: 0 15px 0 0; padding-top:20px; width: 100%; } div#middle div#contenu div.cadre-depot span { font-style: italic; text-transform: uppercase; line-height: 22px; } div#dp-card.cadre-depot { min-height: 70px; } div#dp-card.cadre-depot .addcard { /*text-transform: uppercase;*/ color: rgb(239, 223, 189); font-size: 12px; text-align: right; display: block; float: left; width: 168px; padding-top: 6px; } div#dp-card.cadre-depot .addcard:hover { color: #c1272d; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } #dp-card, #dp-moneybooker, #dp-neteller, #dp-ukash, #dp-psc, #dp-eco { padding-top: 30px!important; } div#middle div#contenu div.cadre-depot-bottom { margin: 0 0 0 0; float: left; width: 725px; height: 15px; background: url("/images/bg-content-bottom.png") 0% 0% no-repeat #280403; } div#middle div#contenu div.cadre-depot input[type="text"], div#middle div#contenu div.cadre-depot input[type="password"] { float: left; color: #641e02!important; text-align: left; line-height: normal; } div#middle div#contenu div.cadre-depot input[type="text"]:focus, div#middle div#contenu div.cadre-depot input[type="password"]:focus { color: #7d0204; background-position: 0 -27px; } div#middle div#contenu div.cadre-depot input[type="text"].valid, div#middle div#contenu div.cadre-depot input[type="password"].valid { color: #641e02; background-position: 0 -54px; } div#middle div#contenu div.cadre-depot input[type="text"].error, div#middle div#contenu div.cadre-depot input[type="password"].error { color: #ba0403; background-position: 0 -81px; } div#middle div#contenu div.cadre-depot label { float: left; width: 40%; font-size: 14px; color: #EFDFBD; text-align: right; line-height: 22px; } div#middle div#contenu div.cadre-depot p { float: left; width: 60%; font-size: 14px; } div#middle div#contenu div.cadre-depot .bonusPhrase { color: #641E02; float: left; font-size: 14px; font-weight: bold; padding: 0 10px 0 318px; text-align: center; width: 407px; } div#middle div#contenu div.cadre-depot .bonusPhrase span { float: left; } div#middle div#contenu div.cadre-depot p.success { width: 100%; padding: 10px 0; font-size: 16px; color: #efdfbd; line-height: 30px; } div#middle div#contenu div.cadre-depot p.success a.accept { line-height: initial; } div#middle div#contenu div.cadre-depot p.success a { color: #9C1102; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.cadre-depot p.success a:hover { color: #e8d7ad; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#middle div#contenu div.cadre-depot p.success a:hover { color: #e8d7ad; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .f_input { display: block; color: #ffffff!important; float: left; font-size: 16px; line-height: 24px; margin: 0 4px 15px 10px; text-align: left; } span.f_input.amountTphrase { padding-top: 9px!important; } div#middle div#contenu div.cadre-depot span.checkbox { padding-right: 8px; float: left; width: 16px; height: 25px; background: url(/images/t_checkbox2.png) no-repeat; display: block; cursor: pointer; margin: -4px 0 0 10px; } div#middle div#contenu div.cadre-depot .state { display: block; float: left; width: auto; margin-left: 10px; } div#middle div#contenu div.cadre-depot .state.error { background: url("/images/picto-error.png") left top no-repeat; } div#middle div#contenu div.cadre-depot .state.valid { background: url("/images/picto-valid.png") left top no-repeat; } div#middle div#contenu div.cadre-depot .error_description { display: block; width: 350px; font-size: 12px; color: #ba0403; margin-top: 5px; float: left; } div#middle div#contenu div.cadre-depot select { float: left; height: 26px; font-size: 15px; text-align: left; padding: 0 0; color: #641E02; background: #FBF3DF; border: 2px solid #300F00; } div#middle div#contenu div.cadre-depot input[type="submit"], input[type="submit"].valider { } div#middle div#contenu div.cadre-depot input[type="submit"], input[type="submit"].valider { font-weight: bold; font-size: 14px; border: 0; cursor: pointer; margin: 20px 0 0 40%; } div#middle div#contenu div.cadre-depot input[type="submit"]:hover, input[type="submit"]:hover.valider { background-position: left bottom; } div#middle div#contenu div.cadre-depot a.tTip, div#middle div#contenu div.cadre-depot a.tTipNopad { background: url("/images/info2.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 20px; width: 20px; } div#middle div#contenu div.cadre-depot .infoBulle { background: url(/images/bulle-info.png) no-repeat; font-size: 12px; color: #4d0b03; width: 125px; height: 110px; display: none; position: relative; left: 165px; position: relative; top: 15px; } .tinyTip { width: 165px; padding: 5px 0 0 0; display: block; background: url(/images/bulle-info-top2.png) 0 0 no-repeat; } .tinyTip .content { padding: 0 15px 0 15px; font-size: 12px; color: #4d0b03; background: url(/images/bulle-info2.png) 0 0 repeat-y; } .tinyTip .content.nopad { padding: 0; } .tinyTip .bottom { height: 17px; background: url(/images/bulle-info-bas2.png) 0 0 no-repeat; } div.bg_cadre_bottom .depositLimit { margin: 20px 0; } div.bg_cadre_bottom .depositLimitDay, div#middle div#contenu div.cadre-depot .depositLimitWeek, div#middle div#contenu div.cadre-depot .depositLimitMonth { } div.bg_cadre_bottom .depositLimitDay > p, div.bg_cadre_bottom .depositLimitWeek > p, div.bg_cadre_bottom .depositLimitMonth > p { width: auto; float: none; margin: 0; font-size: 16px; cursor: pointer; display: inline-block; padding: 5px; } div#middle div#contenu div.cadre-depot .depositLimitDay form, div#middle div#contenu div.cadre-depot .depositLimitWeek form, div#middle div#contenu div.cadre-depot .depositLimitMonth form { border: 1px solid #B57B4C; padding: 5px; } div#middle div#contenu div.cadre-depot .depositLimitDay form p, div#middle div#contenu div.cadre-depot .depositLimitWeek form p, div#middle div#contenu div.cadre-depot .depositLimitMonth form p { width: auto; float: none; margin: 0; } div#middle div#contenu div.cadre-depot .depositLimitDay form p label, div#middle div#contenu div.cadre-depot .depositLimitWeek form p label, div#middle div#contenu div.cadre-depot .depositLimitMonth form p label { margin: 0; float: none; display: block; width: auto; text-align: left; padding-top: 10px; } div#middle div#contenu div.cadre-depot .depositLimitDay form p input, div#middle div#contenu div.cadre-depot .depositLimitWeek form p input, div#middle div#contenu div.cadre-depot .depositLimitMonth form p input { margin: 0; } .depositLimitDay form input#supprimer, .depositLimitWeek form input#supprimer, .depositLimitMonth form input#supprimer { background: none; text-indent: 0!important; color: red; margin: 0 0 0 50px; padding: 0; float: none; font-size: 12px; width: auto; height: auto; } /* --- homeBonus --- */ #homeBonus_lobby { position: relative; width: 730px; background: url(/images/bg-promo-lobby-v2.png) no-repeat; float: left; margin-bottom: 10px; font-size: 15px; color: #4d0b03; height: 275px; margin-left: 7px; margin-top: -22px; } #homeBonus_lobby p { margin-left: 40px; margin-right: 250px; } #homeBonus_lobby p.bottom { margin-left: 80px; margin-right: 250px; } #homeBonus_lobby p.top_fr { margin-right: 246px; } #homeBonus_lobby h2 { font-size: 26px; color: #9c1102; font-weight: bold; height: 40px; padding-left: 40px; padding-top: 45px; padding-bottom: 5px; } /* --- homeBonus - Sidebar --- */ #homeBonus_sidebar a.top { width: 300px; height: 194px; display: block; top: 184px; margin-top: 40px; margin-bottom: 40px; border: 0; outline: none; } #promo_sidebar, #promo_sidebaruk, #promo_sidebarsv { width: 210px; /*height: 300px;*/ display: block; margin-bottom: 15px; border: 0; outline: none; } #promo_sidebar .topText, #promo_sidebaruk .topText, #promo_sidebarsv .topText { display: block; position: absolute; width:210px; /*height:300px;*/ text-align: center; } #sidebar.promouk #homeBonus_sidebar, #sidebar.promosv #homeBonus_sidebar { height:300px; } #sidebar.promouk #homeBonus_sidebar a.top, #sidebar.promosv #homeBonus_sidebar a.top { height:300px; } /* --- homeBonus - Sidebar 2 (Duplicate) --- */ #promo_sidebar a.top, #promo_sidebaruk a.top, #promo_sidebarsv a.top { width: 210px; height: 300px; display: block; top: 184px; border: 0; outline: none; } div#sidebar.promo.logged { width: 210px; height: 300px; display: block; } #homeBonus_sidebar a.block { margin-top: 20px; display: block; height: 186px; width: 197px; } div#sidebar.promo2 #homeBonus_sidebar a.bt, div#sidebar.promo2uk #homeBonus_sidebar a.bt { max-width:200px!important; min-width:120px!important; margin-left: 48px; margin-bottom: -15px; } .langue_de #promo_sidebar a.bt{ margin-left:20px!important; } .langue_en #promo_sidebar a.bt{ margin-left:35px!important; } .langue_es #promo_sidebar a.bt{ margin-left:45px!important; } .langue_fi #promo_sidebar a.bt{ margin-left:30px!important; } .langue_fr #promo_sidebar a.bt{ margin-left:45px!important; } .langue_nl #promo_sidebar a.bt{ margin-left:30px!important; } .langue_no #promo_sidebar a.bt{ margin-left:70px!important; } .langue_sv #promo_sidebar a.bt{ margin-left:35px!important; } .langue_sv #promo_sidebarsv a.bt.notlogged{ margin-left:37px!important; } .langue_sv #promo_sidebarsv a.bt{ margin-left:60px!important; } .langue_de #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_en #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_en #sidebar.promo2uk a.bt{ margin-left:70px!important; } .langue_es #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_fi #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_fr #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_nl #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_no #sidebar.promo2 a.bt{ margin-left:70px!important; } .langue_sv #sidebar.promo2 a.bt{ margin-left:70px!important; } #homeBonus_sidebar a.bt { text-align: center; font-size: 14px; color: #FFFFFF; text-shadow: #634039 0 1px 0; border-radius: 6px; behavior: url(/PIE.htc); max-width: 137px; display: block; margin: 240px auto 0 50px; padding: 13px 15px; position: absolute; background: #88181d; text-transform: uppercase; font-weight: bold; /* background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjYmEyNzJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88181d), color-stop(2%,#ba272d), color-stop(100%,#88181d)); background: -webkit-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -o-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -ms-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: linear-gradient(to bottom, #88181d 0%,#ba272d 2%,#88181d 100%); /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88181d', endColorstr='#88181d',GradientType=0 );*/ -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } #promo_sidebar a.bt, #promo_sidebaruk a.bt, #promo_sidebarsv a.bt { text-align: center; font-size: 14px; color: #FFFFFF; text-shadow: #634039 0 1px 0; border-radius: 6px; behavior: url(/PIE.htc); max-width: 137px; margin-left:30px; display: block; margin-bottom: 20px; padding: 10px 15px 10px; position: relative; background: #88181d; text-transform: uppercase; font-weight: bold; /* background: url(data: image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjYmEyNzJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4MTgxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88181d), color-stop(2%,#ba272d), color-stop(100%,#88181d)); background: -webkit-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -o-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: -ms-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%); background: linear-gradient(to bottom, #88181d 0%,#ba272d 2%,#88181d 100%); /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#88181d', endColorstr='#88181d',GradientType=0 );*/ -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px rgba(0,0,0,0.4); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } .langue_en #promo_sidebaruk a.bt { margin-left:40px!important; } .langue_de #promo_sidebar a.bt { height:28px!important; } #promo_sidebar a.bt, #promo_sidebaruk a.bt, #promo_sidebarsv a.bt { position: absolute; margin-top:-60px; } #homeBonus_sidebar a.bt.sidebar_bonus { } #homeBonus_sidebar a.bt:hover { background-position: bottom left; } #homeBonus_sidebar a.bt_aut { width: 189px; height: 55px; display: block; top: -20px; left: 5px; margin-bottom: 70px; position: relative; margin-top: -80px; } #homeBonus_sidebar a.bt_aut:hover { background-position: bottom left; } /* --- SIDEBAR --- */ div#sidebar { float: left; width: 18%; height: 100%; } div#sidebar .bottom { width: 100%; height: 15px; } .big div#middle div#sidebar { float: right; height: 100%; } .bloc_sidebar { /*padding: 10px;*/ } .bloc_sidebar .content { margin-bottom: 20px; float: left; } .bloc_sidebar b { } .bloc_sidebar span.color { color: #e8d7ad;position:relative; } .bloc_sidebar .content p { color: #f1e7ce; line-height: 18px; font-weight: 200; } .bloc_sidebar .content p.author, .testimonials .cadre p.author{ text-align: right; border-bottom: 1px solid #c39e5e; color: #b58d4c; font-size: 12px; font-weight: 500; padding: 0; } .bloc_sidebar .content p.author { margin: 0 15px; } .testimonials .cadre p.author { margin: 0; } #sidebar #temoignage { float: left; width: 100%; margin-top: 20px; } #sidebar #temoignage .bloc_sidebar { float: left; width: 100%; } #sidebar #temoignage .bloc_sidebar .titre { margin-bottom: 20px; } .testimonials .col { width: 30%; float: left; padding: 0 4% 0 0; } .testimonials .col:last-child { padding-right: 1%; } .testimonials .cadre { width: 100%; float: left; padding-top:40px; } #sidebar #temoignage .bloc_sidebar .content p.testimonial, .testimonials .cadre .testimonial { text-align: left; color: #fae5c0; font-size: 12px; font-weight: 400; position: relative; line-height: 22px; } #sidebar #temoignage .bloc_sidebar .content p.testimonial { padding: 0 10px; } .testimonials .cadre .testimonial { padding: 0; } #sidebar #temoignage .bloc_sidebar .leave-your { float: left; text-align: center; display: block; color: #fae5c0; font-size: 12px; font-weight: 500; margin: 8px 0 0 0; width: 100%; position:relative; line-height: 20px; vertical-align: bottom; } #sidebar #temoignage .bloc_sidebar .leave-your::before { content: url('/assets/dist/img/t_quote_start.png'); position: relative; margin-right: 3px; vertical-align: text-top; } #sidebar #temoignage .bloc_sidebar .leave-your::after{ content: url('/assets/dist/img/t_quote_end.png'); position: relative; margin-left: 3px; vertical-align: text-top; } .testimonials a.leave-your{ float: none; } #sidebar.promo2 #temoignage .bloc_sidebar .content p.testimonial { line-height:20px; overflow-x: auto; color: #fae5c0; font-size: 12px; font-weight: 500; position: relative; padding: 0; } #sidebar #temoignage .bloc_sidebar .content p { border: none; } #sidebar #temoignage .bloc_sidebar .content .comment { margin: 10px!important; } div#middle div#contenu div.cadre_inscrip a.policy:hover, div#middle div#contenu div.cadre_inscrip div.remarque span a:hover, .bloc_sidebar .content a.comment:hover, div.cadre .voir_tous a:hover, #news .comment:hover, .noScroll p a, div#middle div#contenu div.cadre-depot-pretop .abbo a:hover, div#middle div#contenu div.cadre-depot-pretop .reinit a:hover, .news_title:hover, .news_content a:hover { color: #C1272D; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } div#temoin_sidebar { float: left; width: 169px; padding-left: 6px; margin-top: 27px; background: repeat-y 6px 0; font-size: 11px; } .big div#middle div#sidebar div#temoin_sidebar { width: 220px; padding-left: 15px; margin-top: 10px; background: url(/images/bg-temoin-2.png) repeat-y 15px 0; font-size: 12px; } div#temoin_sidebar p { float: left; width: 151px; padding: 0 6px 0 12px; } .big div#middle div#sidebar div#temoin_sidebar p { float: left; width: 189px; padding: 0 9px 0 22px; } div#temoin_sidebar p.tt_temoin { color: #fdf576; font-weight: bold; padding-bottom: 8px; } .big div#middle div#sidebar div#temoin_sidebar p.tt_temoin { font-size: 14px; color: #bf6d33; font-weight: bold; padding-bottom: 8px; } div#temoin_sidebar p.detail { color: #e2bc57; padding-bottom: 5px; } .big div#middle div#sidebar div#temoin_sidebar p.detail { color: #f1cba7; padding-bottom: 5px; } div#temoin_sidebar p.detail .nom { color: #fdf576; } .big div#middle div#sidebar div#temoin_sidebar p.detail .nom { color: #bf6d33; } /* --- SIDEBAR - Support --- */ .sidebar-support { position: relative; display: block; float:left; margin-bottom: 40px; margin-top: 1px; } /* --- Input filter --- */ #clear_input { width: 12px; height: 12px; display: inline-block; position: absolute; right: 8px; top: 6px; text-align: center; color: #FFFFFF; font-size: 10px; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; } .clear_input_c { padding: 4px 26px 3px 6px !important; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; } /* -- Flag Background -- */ /* Contact us Home Page */ div#sidebar.promo2 .sidebar-support { /*background-position: 165px 65px;*/ } /* Contact us Side Bar */ div#sidebar .sidebar-support { /*background-position: 60px 65px;*/ } /* Contact us backgrounds */ /*.sidebar-support.sv { background-image:url("/images/flags/t_flag_sv.png"); } .sidebar-support.fi { background-image:url("/images/flags/t_flag_fi.png"); } .sidebar-support.de { background-image:url("/images/flags/t_flag_de.png"); } .sidebar-support.nl { background-image:url("/images/flags/t_flag_nl.png"); } .sidebar-support.es { background-image:url("/images/flags/t_flag_es.png"); } .sidebar-support.fr { background-image:url("/images/flags/t_flag_fr.png"); } .sidebar-support.en { background-image:url("/images/flags/t_flag_en.png"); } .sidebar-support.no { background-image:url("/images/flags/t_flag_no.png"); }*/ .sidebar-support{ position: relative; display: block; padding: 0; border-radius: 6px; } #sidebar .sidebar-support.logged { margin-top: 66px; } .sidebar-support-photo { position: relative; display: block; text-align: center; float: left; } .sidebar-support-photo .picto-phone { margin: 0 15px 0 15px; } div#sidebar div.text { margin-bottom:0px; } div#sidebar div.text h1 { text-transform: uppercase; font-size: 16px; color: #e7c17f; font-weight: 600; letter-spacing: 2px; margin: 15px 0 15px 0; } div#sidebar div.text h2 { font-size: 12px; color: #e7c17f; font-weight: 400; text-transform: initial; } div#sidebar div.text p { font-size: 14px; color: #c39e5e; text-shadow: 1px 1px 5px #000; margin: 10px 0 10px 0; font-weight: 600; letter-spacing: 1px; } .langue_fr .sidebar-support-photo.claire, .langue_en .sidebar-support-photo.claire, .langue_es .sidebar-support-photo.claire, .langue_de .sidebar-support-photo.claire, .langue_it .sidebar-support-photo.claire, .langue_nl .sidebar-support-photo.claire, .langue_no .sidebar-support-photo.claire, .langue_sv .sidebar-support-photo.claire, .langue_fi .sidebar-support-photo.claire { background: url("/images/support-claire.png") no-repeat scroll right top; } .langue_fr .sidebar-support-photo.clement, .langue_en .sidebar-support-photo.clement, .langue_es .sidebar-support-photo.clement, .langue_de .sidebar-support-photo.clement, .langue_it .sidebar-support-photo.clement, .langue_nl .sidebar-support-photo.clement, .langue_no .sidebar-support-photo.clement, .langue_sv .sidebar-support-photo.clement, .langue_fi .sidebar-support-photo.clement { background: url("/images/support-clement.png") no-repeat scroll right top; } .langue_fr .sidebar-support-photo.laurence, .langue_en .sidebar-support-photo.laurence, .langue_es .sidebar-support-photo.laurence, .langue_de .sidebar-support-photo.laurence, .langue_it .sidebar-support-photo.laurence, .langue_nl .sidebar-support-photo.laurence, .langue_no .sidebar-support-photo.laurence, .langue_sv .sidebar-support-photo.laurence, .langue_fi .sidebar-support-photo.laurence { background: url("/images/support-laurence.png") no-repeat scroll right top; } .langue_fr .sidebar-support-photo.philippe, .langue_en .sidebar-support-photo.philippe, .langue_es .sidebar-support-photo.philippe, .langue_de .sidebar-support-photo.philippe, .langue_it .sidebar-support-photo.philippe, .langue_nl .sidebar-support-photo.philippe, .langue_no .sidebar-support-photo.philippe, .langue_sv .sidebar-support-photo.philippe, .langue_fi .sidebar-support-photo.philippe { background: url("/images/support-philippe.png") no-repeat scroll right top; } .langue_fr .sidebar-support-photo.romuald, .langue_en .sidebar-support-photo.romuald, .langue_es .sidebar-support-photo.romuald, .langue_de .sidebar-support-photo.romuald, .langue_it .sidebar-support-photo.romuald, .langue_nl .sidebar-support-photo.romuald, .langue_no .sidebar-support-photo.romuald, .langue_sv .sidebar-support-photo.romuald, .langue_fi .sidebar-support-photo.romuald { background: url("/images/support-romuald.png") no-repeat scroll right top; } .sidebar-support-photo a span { color: #E8D7AD; padding-left: 8px; font-size: 12px; text-decoration: none; cursor: pointer; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .well { border-radius: 5px; background-color: #4d0e14; box-sizing: border-box; color: #fae5c0; font-size: 12px; font-weight: 500; text-transform: uppercase; margin-top: 20px; float: right; border-color: rgba(231, 193, 126, 0.6); border-width: 1px; border-style: solid; } #setCoolOffPeriod span.well { float: left; } .sidebar-support .well { float: left; width: 100%; } .langue_de .sidebar-support .bt-support-email { margin-top: 0!important; } .langue_fi .sidebar-support .bt-support-email { margin-top: 0!important; } .langue_de div#inscriptionSidebar.promo { background: url(/images/de/t_bonus_home.jpg) no-repeat; } .langue_en div#inscriptionSidebar.promo { background: url(/images/en/t_bonus_home.jpg) no-repeat; } .langue_es div#inscriptionSidebar.promo { background: url(/images/es/t_bonus_home.jpg) no-repeat; } .langue_fi div#inscriptionSidebar.promo { background: url(/images/fi/t_bonus_home.jpg) no-repeat; } .langue_fr div#inscriptionSidebar.promo { background: url(/images/fr/t_bonus_home.jpg) no-repeat; } .langue_nl div#inscriptionSidebar.promo { background: url(/images/nl/t_bonus_home.jpg) no-repeat; } .langue_no div#inscriptionSidebar.promo { background: url(/images/no/t_bonus_home.jpg) no-repeat; } .langue_sv div#inscriptionSidebar.promo { background: url(/images/sv/t_bonus_home.jpg) no-repeat; } #inscriptionBonus{ height: 250px; margin-bottom: -285px; } .sidebar-support a { margin: 15px 5px 15px 20px; text-decoration: none; cursor: pointer; display: block; text-align: left; font-size: 12px; font-weight: 500; letter-spacing: 0.6px; color: #f8e0b3; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } .sidebar-support a:hover{ color: #C1272D } .bloc_sidebar .jackpot { display: block; width: 197px; height: 51px; } .bloc_sidebar .jackpot.EUR { background-position: 0 0; } .bloc_sidebar .jackpot.USD { background-position: 0 -51px; } .bloc_sidebar .jackpot.GBP { background-position: 0 -102px; } .bloc_sidebar .jackpot.EUR:hover { background-position: 0 -153px; } .bloc_sidebar .jackpot.USD:hover { background-position: 0 -204px; } .bloc_sidebar .jackpot.GBP:hover { background-position: 0 -255px; } .bloc_sidebar .jackpot.first { margin-top: -5px; } .bloc_sidebar .jackpot .img { float: left; margin: 5px 0 0 4px; width: 118px; height: 45px; overflow: hidden; } .bloc_sidebar .jackpot .img img { margin: 0; position: relative; left: 4px; top: -4px; } .bloc_sidebar .jackpot .amount { float: left; width: 75px; height: 31px; text-align: center; top: 20px; font-size: 15px; color: #f5e0b0; font-weight: bold; } .bloc_sidebar .content a:hover { text-decoration: underline; } div#sidebar div.text.Sw h2 { text-transform: none; font-size: 11px; } /* --- PROMO --- */ #ban_promo { height:70px; width:100%; cursor:pointer; } #ban_promo a { margin-right:400px; font-size:34px; position:relative; top:10px; text-transform:capitalize; font-style: italic; text-align: right; } #ban_promo a.light { color:#FFFFFF; } #ban_promo a.dark { color:#000000; } #ban_promo.closed { background-position:center bottom; height:0px; } #ban_promo.closed .closeContainer { display:none; } #ban_promo .closeContainer { width:958px; height:32px; top:5px; position:relative; margin:0 auto; } #ban_promo .closeContainer span { display:block; width:33px; height:32px; right:0; position:absolute; } #ban_promo .closebar { width:100%; height:6px; top:32px; position:relative; } #ban_promo.closed .closebar { top:0; } /* --- RESPONSIBLE GAMING --*/ /* Tabs */ div#middle div#contenu div.cadre-depot-pretop .abbo.rgTab, div#middle div#contenu div.cadre-depot-pretop .reinit.rgTab { background: none; text-transform: uppercase; color: #e0b46c; font-size: 14px; font-weight: 500; border-radius: 0; } div#middle div#contenu div.cadre-depot-pretop #mailconfig.reinit.rgTab, div#middle div#contenu div.cadre-depot-pretop #accountEditPassword.reinit.rgTab, div#middle div#contenu div.cadre-depot-pretop #limitDepot.reinit.rgTab { border-right: 2px solid #e0b46c; } #depositDayLimitDiv, #depositWeekLimitDiv, #depositMonthLimitDiv { width: 235px; display: inline-block; vertical-align:top; text-align: center; margin-top:0; } #depositDayLimitDiv, #depositWeekLimitDiv {border-right: 1px solid #3F060A;} #depositDayLimitDiv .rgTitle, #depositWeekLimitDiv .rgTitle, #depositMonthLimitDiv .rgTitle {text-transform:uppercase;} div.cadre div.bg_cadre_top .depositLimitDay { margin-top: 20px; text-align: center; margin-bottom: 40px; } div.cadre div.bg_cadre_top #dayLimitDepositValue, div.cadre div.bg_cadre_top #weekLimitDepositValue, div.cadre div.bg_cadre_top #monthLimitDepositValue {margin:10px 0;} .depositLimitDay input[type="submit"] {float:none;} .depositLimitDay .error {color:#C1272D; border-top:1px solid #C1272D; border-bottom:1px solid #C1272D; padding: 5px;} .depositLimitDay .dayLimitDepositValue, .depositLimitDay .weekLimitDepositValue, .depositLimitDay .monthLimitDepositValue {margin-top: 2px; margin-bottom: 10px;} .depositLimitDay #removeWeekLimitDeposit, .depositLimitDay #removeDayLimitDeposit, .depositLimitDay #removeMonthLimitDeposit {display: inline-block;} #dayLimitDeposit, #weekLimitDeposit, #monthLimitDeposit {display:block; margin: 10px auto;} .depositLimit .limit {color: #FBE4A1; font-size: 15px; text-transform:uppercase;} #setCoolOff {margin-bottom:25px; float:none;} .bg_cadre_bottom.coolOff {text-align:center;} div.cadre div.bg_cadre_top #modifyDayLimit {margin-top:24px;} #coolOffError {display:none; color: rgb(193, 39, 45); margin-top: -13px; margin-bottom: 9px;} /* Table */ table.depositLimitTable {width: 100%;} table.depositLimitTable tr.first, table.depositLimitTable tr.second {height:30px;} table.depositLimitTable tr td { width: 20%; box-sizing: border-box; padding: 0; } table.depositLimitTable tr td .budget_limit_desc { color: #ffffff; font-size: 10px; font-weight: 600; letter-spacing: 1px; text-align: center; display: block; margin: 24px; float: left; } table.depositLimitTable tr td .budget_limit_btn { float: left; text-align: center; margin: 0 10px; } table.depositLimitTable tr td .budget_limit_btn .well { margin:0; } .budget_limit_btn .well #bt-support-chat:hover { color: #C1272D; } table.depositLimitTable tr td .budget_limit_container { border-radius: 10px; border: 2px solid #c39e5e; padding: 15% 5%; color: #e7c17f; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; text-align: center; float: left; width: 85%; } table.depositLimitTable tr td .budget_limit_container .budget_subtitle { font-size: 10px; display: block; margin-bottom: 10px; } table.depositLimitTable tr td .budget_limit_container .budget_limit { font-size: 18px; display: block; margin-bottom: 10px; } table.depositLimitTable tr td .budget_limit_container .budget_tx { color: #f8e0b3; font-size: 28px; font-weight: 700; display: block; } table.depositLimitTable tr.first {background-color:#efe2c1; color:#634039; text-transform: uppercase;} table.depositLimitTable tr.first td:first-child {text-transform: none; width:100px;} table.depositLimitTable tr.first td {border:none;} table.depositLimitTable tr.first td:first-child, table.depositLimitTable tr.second td:first-child {text-align:left; padding-left:15px; font-size:12px; font-weight:normal;} table.depositLimitTable tr.second {background-color:#3f060a;} table.depositLimitTable tr.second td:first-child {width:100px;} table.depositLimitTable tr.first, table.depositLimitTable tr.second {font-size:15px; font-weight:bold;} table.depositLimitTable tr.third, table.depositLimitTable tr.fourth {height:55px;} table.depositLimitTable tr.third td:last-child, table.depositLimitTable tr.third td:first-child, table.depositLimitTable tr.fourth td:last-child, table.depositLimitTable tr.fourth td:first-child, table.depositLimitTable tr.fifth td:last-child, table.depositLimitTable tr.fifth td:first-child {border:none;} input.removeBudget {padding: 10px 15px;font-size:14px;text-shadow:none;color:#fff;} div.cadre div.bg_cadre_top div.error {margin-top:0;} div.cadre div.bg_cadre_top.deposit {padding:10px 0 0 0;} div.cadre .bg_cadre_top.deposit div.bg_cadre_bottom {float:none;} #setDayLimitDeposit, #setWeekLimitDeposit, #setMonthLimitDeposit {margin-bottom:10px;} .recent-game { float: left; margin-top: 15px; position: relative; margin: 0 16px; /*overflow:hidden;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:160px; height:160px; -webkit-border-radius:110px; -moz-border-radius:110px; border-radius:110px; } .recent-game .container { overflow: hidden; position: relative; /* height: 100%; width: 100% !important; */ width:160px; height:160px; -webkit-border-radius:110px; -moz-border-radius:110px; border-radius:110px; } .recent-game:hover .container { /*border: 1px solid #fff;*/ } .border-overlay-game{ position: absolute; top: -2px; left: -2px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; width:128px; height:83px; border: 17px solid rgba(0,0,0, .3); } .recent-game .container .border-overlay { position: absolute; top: -2px; left: -2px; -webkit-border-radius:110px; -moz-border-radius:110px; border-radius:110px; width:122px; height:122px; border: 20px solid rgba(0,0,0, .3); } .recent-game .container img.perso_new_game { position: absolute; max-width: none; left: -140px; top: -135px; padding-top: 0; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } .recent-game .container img.perso_new_game.C, .recent-game .container img.perso_new_game.CF { margin-left: 23%; } .recent-game .container img.perso_new_game.RF, .recent-game .container img.perso_new_game.RL { margin-top: 5%; } .recent-game img.logo { max-width: 130%; position: absolute; left: 22px; bottom: -32px; } .recent-game img.logo.C { /*max-height: 131px;*/ max-width: 130%; } .recent-game img.logo.RF { max-width: 110%; left: -16px; bottom: -32px; } .recent-game img.logo.RL { max-width: 110%; left: -6px; bottom: -32px; } .new-game { width: 100%; } #depositForm { margin-top: 30px; float: left; width: 100%; } div#middle div#contenu div.cadre-depot #depositForm label { text-align: left; color: #fae5c0; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; width: auto; } div#middle div#contenu div.cadre-depot #depositForm p { width: auto; color: #b58d4c; font-size: 12px; font-weight: 600; letter-spacing: 1px; font-style: italic; margin-left: 20px; } div#middle div#contenu div.cadre-depot #depositForm p a { text-transform: uppercase; } div#middle div#contenu div.cadre-depot #depositForm input[type="submit"]{ margin: 20px 0 0 0; padding: 10px 30px; } div#middle div#contenu div.cadre-depot #depositForm div.bonusSubmit { float: left; width: 100%; border-top: 1px solid #c39e5e; margin-top: 15px; } #gatewayFrameContainer { /*margin-top: 15px;*/ } /*BANNER*/ .new-game a.link-game, .new-game, .new-game-background, .home div#middle .left-bloc.full{ /*min-height: 180px;*/ width: 100%; display:block; } .new-game a.link-game{ cursor:pointer; position: absolute; left:0; top:0; z-index:999; } .new-game{ float:left; position: relative; } .new-game-background{ float:left; -webkit-filter: blur(0.2px); -moz-filter: blur(0.2px); -o-filter: blur(0.2px); -ms-filter: blur(0.2px); filter: blur(0.2px); background-position: center center; -webkit-background-size: cover; background-size: cover; box-sizing: border-box; border: 1px solid #150709; } .new-game.cursor{ cursor:pointer; } .slider-white-overlay { position: absolute; top: 0; left: 0; /* background-color: rgba(21, 7, 9, 0.4);*/ background-image: linear-gradient(to right, #150709 0%, rgba(21, 7, 9, 0) 33%, rgba(21, 7, 9, 0) 67%, #150709 100%); /*margin: -4px 0px 0px -4px;*/ height: 100%; width: 100%; float:left; /*padding: 0 8px 8px 0;*/ overflow: hidden; } /*Perso*/ .new-game .part1 { position: relative; width: 50%; height: 100%; float: left; } .new-game .part1 .rounded { margin: 26px 0px 0px 144px; width: 230px; height: 230px; border-radius: 50%; box-shadow: 0 0 20px #fae5c0; background-color: rgba(0, 0, 0, 0.2); background-position: 18% 0%; background-size: 160%; } /*Logo*/ .new-game .part2 { position: relative; width: 50%; height: 100%; float: left; } .new-game .centered { text-align: center; width: 100%; box-sizing: border-box; display: inline-block; vertical-align: middle; text-shadow: 1px 0 0 #666; margin: 25px auto; } .new-game p{ text-align: center; } .new-game .intro { color: #fae5c0; font-family:'BeautySchoolDropoutII'; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; margin-top: 15px; text-shadow: 1px 1px 1px #000; } .new-game .subintro { color: #ffffff; font-size: 12px; font-weight: 400; letter-spacing: 1.7px; margin-top: 6px; } .new-game .newWat { color: #fae5c0; font-size: 48px; letter-spacing: 4.8px; text-transform: uppercase; font-family:'BeautySchoolDropoutII'; text-shadow: 1px 1px 1px #000; } .new-game .play { margin:0 !important; padding:0 !important; } .new-game .play a { margin:14px 0 0 0 !important; display: inline-block; padding: 8px 0; width: 187px; font-size: 14px; font-weight: 700; letter-spacing: 3px; cursor: pointer; text-transform: uppercase; } .new-game .type{ max-width: 100%; height: 100px; background-repeat: no-repeat; } .new-game .type_C{ background-size: 50%; background-position: 70% 0%; } .new-game .type_CF{ background-size: 65%; background-position: 88% 0%; } .new-game .type_RF{ background-size: 70%; background-position: 47% 0%; } .new-game .type_RL{ background-size: 60%; background-position: 47% 0%; } /*Logged specific*/ .new-game.logged .new-game a.link-game, .new-game.logged, .new-game.logged .new-game-background { margin-bottom: 20px; } /*Perso*/ .new-game.logged .part1 .rounded { margin: 25px 0px 0px 130px; width: 150px; height: 150px; } /*Logo*/ .new-game.logged .centered { /*padding: 0px;*/ /*width: 320px;*/ /*margin-left: 90px;*/ } .new-game.logged .intro, .new-game.logged .subintro{ /*display: none;*/ } .new-game.logged .type_C{ /* background-size: 61%; background-position: 82% 0%;*/ } .new-game.logged .type_CF{ /* background-size: 85%; background-position: 170% 30%;*/ } .new-game.logged .type_RF{ /*background-size: 90%;*/ } .new-game.logged .type_RL{ /*background-size: 73%;*/ } #bannerGameDefer { height: 238px; } #newGamesHomeDefer { min-height: 400px; } #newGamesHomeDefer { min-height: 400px; } #topGamesHomeDefer { min-height: 250px; } /*No deposit specific*/ .new-game.noDeposit .part1 { width: 40%; } .new-game .part1 .thumb { border: 1px solid rgba(231, 193, 126, 0.6); border-radius: 5px; } .new-game.noDeposit .part2 { width: 60%; } .new-game.noDeposit .centered { /*padding: 45px 0px;*/ } .new-game.noDeposit .subintro { margin-top: 0px; } .new-game.noDeposit .part1 .rounded { margin: 10px auto; width: 150px; height: 150px; } .new-game.noDeposit .welcome_1 { color: #fae5c0; font-family:'BeautySchoolDropoutII'; font-size: 46px; letter-spacing: 6.7px; text-transform: uppercase; text-shadow: 1px 1px 1px #333; margin-bottom: 5px; } .new-game.noDeposit .welcome_2 { color: #fae5c0; font-size: 15px; font-weight: 400; text-transform: uppercase; text-shadow: 1px 1px 1px #555; margin-bottom: 5px; } .new-game.noDeposit .welcome_3 { color: #ffffff; font-size: 43px; font-weight: 400; text-shadow: 1px 1px 1px #555; } /*Logged / No deposit specific*/ .new-game.noDeposit.logged .part1 .rounded { margin: 15px auto; width: 125px; height: 125px; } .new-game.noDeposit.logged .type_C{ background-size: 45%; background-position: 66% 0%; } .new-game.noDeposit.logged .type_CF{ background-size: 55%; background-position: 80% 0%; } .new-game.noDeposit.logged .type_RF{ background-size: 60%; } .new-game.noDeposit.logged .type_RL{ background-size: 50%; } .new-game.noDeposit.logged .centered { /*padding: 20px;*/ width: 100%; } .new-game.noDeposit.logged .welcome_2 { font-size: 13px; } .new-game.noDeposit.logged .welcome_3 { font-size: 35px; } /*Register specific*/ .new-game.register, .new-game a.link-game, .new-game.register, .new-game.register .new-game-background{ width: 100%; height: 100%; /*min-height: 200px;*/ margin-bottom: 10px; } .new-game.register .play, .new-game.register .intro, .new-game.register .subintro{ display: none; } .new-game.register .slider-white-overlay { } .new-game.register .part1 .rounded { margin: 10px 0px 0px 55px; width: 125px; height: 125px; } .new-game.register .type_C{ background-size: 60%; background-position: 70% 0%; } .new-game.register .type_CF{ background-size: 55%; background-position: 80% 0%; } .new-game.register .type_RF{ background-size: 60%; } .new-game.register .type_RL{ background-size: 50%; } .new-game.register .centered { padding: 10px; width: 100%; } .new-game.register .welcome_1 { font-size: 35px; letter-spacing: 5.47px; } .new-game.register .welcome_2 { font-size: 13px; } .new-game.register .welcome_3 { font-size: 35px; } /*NEW CAMPAIGN*/ .new-campaign{ cursor:pointer; margin-bottom: 15px; width: 100%; display:block; background-size: cover; -webkit-background-size: cover; background-position: center; position: relative; } .new-campaign.logged{ /*height: 200px;*/ background-position: 0% 64%; } .new-campaign .slider-white-overlay { position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, #150709 0%, rgba(21, 7, 9, 0) 33%, rgba(21, 7, 9, 0) 67%, #150709 100%); width: 100%; float:left; overflow: hidden; } .new-campaign.logged .slider-white-overlay { /*height: 200px;*/ } .mobiloumenu { display: none; } /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("../../jqueryui/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../../jqueryui/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../../jqueryui/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../../jqueryui/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-pnotify .ui-state-default { border: 1px solid #0B610B; background: #E0F8E0; font-weight: normal; color: #0B610B; } .ui-pnotify .ui-state-default h4{ color: #0B610B; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../../jqueryui/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../../jqueryui/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../../jqueryui/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../../jqueryui/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-state-error h4, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(../../jqueryui/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(../../jqueryui/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../../jqueryui/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../../jqueryui/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon { background-image: url(../../jqueryui/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url(../../jqueryui/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../../jqueryui/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../../jqueryui/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../../jqueryui/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3/*{opacityShadow}*/; filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } #chat{ height:100%; position:fixed; right:0; top:0; z-index: 99999999; text-align:left; border-radius: 6px 6px; } .chatPadder{ } #chat span.toggle { position:absolute; top:210px; } .help { position: absolute; background: #fae5c0; padding: 14px 6px 14px 10px; cursor: pointer; top:30px; right: 0; border-radius: 15px 0 0 15px; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; overflow: auto; z-index:99999999; } /*.helpRotate { position:absolute; -webkit-transform:rotate(-90deg)!important; -moz-transform:rotate(-90deg)!important; -o-transform:rotate(-90deg)!important; -ms-transform:rotate(-90deg)!important; }*/ .help a { color: #4d0e14; font-size: 14px; font-weight: 500; text-transform: uppercase; overflow:hidden; text-align: center; width: 100%; float: left; line-height: 15px; display: bock; } .help a svg { margin-bottom: 6px; } .help:hover { background: #c5b37a; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .ui-tabs .ui-tabs-nav li a:hover { background: #c5b37a; color: #4d0e14; text-decoration: none; background-position: bottom; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; border-top-right-radius: 4px; border-top-left-radius: 4px; } .help .collapse { float:left; position:relative; left:0; height: 20px; width:20px; color: #4d0e14; padding:0!important; margin:0 0 0 -2px!important; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .help .collapse img.static { position:absolute; height:21px; width:21px; box-shadow:none!important; } .help .collapse img.hover { position:absolute; height:21px; width:21px; box-shadow:none!important; } .help_contact { background-color: #4d0e14; float:left; width: 100%; } #chat.noright{ right:0; } #chat #header_chat{ background: #3F060A; height:35px; width : 297px; float:left; padding: 0 3px 0 0; } .help_collapse { width:100%; height:34px; background:#4d0e14; cursor: pointer; } .help_collapse .collapse img { position:absolute; left:0; top:0; margin: 5px 0 0 15px; } .help_collapse a { float:left; margin:10px 0 10px 45px; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; color: #ffffff; text-transform: uppercase; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat h1 { width:80%; float:left; position:absolute; margin:10px 0 0 10px; color: #fbf3df; font-size:16px; text-transform: uppercase; } #chat #header_chat #toggle{ cursor:pointer; display:block; float:right; width:26px; height:25px; margin: 5px 5px 0 0; background: url('/images/popup/t_reduce.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat.affiche #header_chat #toggle{ background: url('/images/popup/t_reduce.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat.masque #header_chat #toggle{ background: url('/images/popup/t_reduce_up.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat.masque #header_chat #toggle:hover{ background: url('/images/popup/t_reduce_up_h.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #toggle:hover{ background: url('/images/popup/t_reduce_h.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #popup{ cursor:pointer; display:block; float:right; width:26px; height:25px; margin: 5px 10px 0 0; background: url('/images/popup/t_resize.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #popup.reduce{ background: url('/images/popup/t_reduce.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #popup:hover{ background: url('/images/popup/t_resize_h.png') top right no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #close{ cursor:pointer; display:block; float:right; width:25px; height:25px; margin: 5px 3px 0 0; background: url('/images/popup/t_popupClose.png') top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #chat #header_chat #close:hover{ background: url('/images/popup/t_popupClose_h.png') top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease;} #chat .jspContainer { width:100%!important; } #chat #chat_bottom { width:280px; float:left; padding:10px!important; height:100%; position:absolute; } #chat #chat_middle { position:relative; width:100%; height:100%; height: -webkit-calc(100% - 240px); height: -moz-calc(100% - 240px); height: calc(100% - 240px); display:block; float:left; } #chat_bottom #chat_history { width: 100%!important; height: 100%!important; border-bottom-left-radius: 6px; behavior: url(/PIE.htc); } .jspVerticalBar {width:12px!important;} .jspHorizontalBar {visibility: hidden!important;} #chat #chat_history_msg{ display:block; float:left; margin: 0 0 0 0; width: 100%!important; behavior: url(/PIE.htc); height: 100%; overflow-y: auto; overflow-x: hidden; } #chat #chat_history_msg .c_msgDiv{ height:auto; width:100%; float:left; word-wrap: break-word; margin-bottom: 5px; } #chat #chat_history_msg .c_msgDiv.user{ color: #290200; float:right; } #chat #chat_history_msg .c_msgDiv .c_message{ width: auto; height: auto; border-radius: 5px 5px 5px 5px; padding: 6px; background-color: #ffffff; color: #4d0e14; font-family: "Fira Sans"; position: relative; font-size: 12px; font-weight: 500; float:left; margin-left: 6px; } #chat #chat_history_msg .c_msgDiv.showName .c_message:before { content: url("data:image/svg+xml; utf8, "); width:6px; height:9px; position:absolute; left: -5px; top: 0; right: auto; } #chat #chat_history_msg .c_msgDiv.user .c_message{ border-radius: 5px 5px 5px 5px; background-color: #e7c17f; float:right; margin-right: 6px; position: relative; } #chat #chat_history_msg .c_msgDiv.user.showName .c_message:before { content: url("data:image/svg+xml; utf8, "); width:6px; height:9px; position:absolute; right: -5px; top: 0; left: auto; } #chat #chat_history_msg .c_msgDiv.log{ font-style: italic; width: 100%; height: 14px; color: #b58d4c; font-family: "Fira Sans"; font-size: 12px; font-weight: 500; } #chat #chat_history_msg .c_msgDiv .c_username{ height: 12px; color: #b58d4c; font-family: "Fira Sans"; font-size: 10px; font-weight: 500; font-style: italic; margin:6px 0 3px 10px; display:none; float:left; width: 100%; text-align: left; } #chat #chat_history_msg .c_msgDiv.user .c_username{ margin:6px 10px 3px 0; float:right; text-align: right; } #chat #chat_history_msg .c_msgDiv.showName .c_username{ display:block; } #chat #chat_msg{ float:left; width:100%; height: 50px; margin-top:5px; } #chat #chat_msg .input{ border: none; cursor:text; font-size:13px; color:#4d0e14; padding:6px; border-radius: 10px; border: 2px solid #c39e5e; width: 215px; height: 32px; background-color: #ffffff; } #chat #chat_msg .submit{ cursor:pointer; margin: 0px; float:right!important; height:38px; width:38px; border: 1px solid #b4091e; background-image: url("data:image/svg+xml; utf8, "); display:block; border-radius: 50px; } #chat #chat_msg .submit:hover{ background-position: bottom left; border: 1px solid #e7c17f; background-image: url("data:image/svg+xml; utf8, "); } /* ---- TABS --- */ .ui-tabs{ position:relative; padding: 0 !important; } .ui-tabs .ui-tabs-nav{ margin:0!important; padding:0!important; overflow: auto; background:#4d0e14; max-height:35px!important; display: table; box-sizing: border-box; width: 100%; border: none; } .ui-tabs .ui-tabs-nav li{ list-style:none; display: table-cell; float: none; white-space:nowrap; border-radius: 5px 5px 0 0; border-right:1px solid #4d0e14; border-left:1px solid #4d0e14; border-bottom: none; border-top: none; box-sizing: border-box; background-color: #c39e5e; text-align: center; background-image: none; } .ui-tabs .ui-tabs-nav li:first-child { border-left:0; } .ui-tabs .ui-tabs-nav li:last-child { border-right:0; border-left:0; } .ui-tabs .ui-tabs-nav li a{ float:left; text-decoration:none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ background: #fae5c0; border-radius: 5px 5px 0 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{ cursor:text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{ cursor:pointer; } .ui-tabs .ui-tabs-panel{ display:block; border-width:0; background:none; } li.ui-tabs-active img.chat, li.ui-tabs-active img.fono, li.ui-tabs-active img.email { opacity:0!important; } #tabs img.email {} #tabs img.chat {} #tabs img.fono { margin-top:1px!important; } #tabs span.callText, #tabs span.chatText { margin-left:4px; } .ui-tabs .ui-tabs-nav li a { color: #4d0e14; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 8px 0 !important; margin: auto; width: 100%; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .emailTab.offline { padding-left:30px!important; } .ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel { padding:0!important; margin:0!important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:0!important; font-family: "Fira Sans"; margin:0!important; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #b4091f; border-radius: 5px 5px 0 0; background-color: #fae5c0; font-weight: 700; font-size: 10px!important; text-transform: uppercase; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } /* ---- TABS -- CONTACT --- */ div#chat.affiche div.sidebar-support-photo { } div#chat.affiche div.sidebar-support-photo a { width: 200px!important; } div#chat.affiche div.sidebar-support div.text { padding-left: 0; } div#chat.affiche div.sidebar-support div.text h1 { padding: 10px 10px 10px 0; background: #000; } div#chat.affiche div.sidebar-support div.text h2 { padding: 10px 0 0 10px; } div#chat.affiche div.sidebar-support div.text p { padding-left: 10px; } div#chat.affiche .helpRotate { /*display:none;*/ } div#chat.masque .helpRotate { display:block; } #chat .chat_h, #chat .email_h {padding-right: 10px;} div#chat.affiche .helpRotate { /*display:none;*/ } .help_contact .ContactImage { display: none; } .help_contact .ContactImage.philippe { background: url(/images/support-philippe.png) right bottom no-repeat; float: left; background-size: 100px 100px; } .help_contact .ContactImage.laurence { background: url(/images/support-laurence.png) right bottom no-repeat; background-size: 100px 100px; } .help_contact .ContactImage.romuald { background: url(/images/support-romuald.png) right bottom no-repeat; background-size: 100px 100px; } .help_contact .ContactImage.claire { background: url(/images/support-claire.png) right bottom no-repeat; background-size: 100px 100px; } .help_contact .ContactImage.clement { background: url(/images/support-clement.png) right bottom no-repeat; background-size: 100px 100px; } .help_contact .text { float:left; height:40px!important; margin: 20px 40px 20px 40px; text-align: left; } .help_contact .text h1 { color: #c39e5e; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom:5px; } .help_contact .text h2 { color: #f8e0b3; font-size: 12px; font-weight: 500; } .help_contact .text p { visibility: hidden; } @charset "UTF-8"; .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3; } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Navigation arrows */ .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: 0.6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3; } /* Loading indicator */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; } /* Thumbs */ .fancybox-thumbs { display: none; } .fancybox-button--thumbs { display: none; } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } } .ui-effects-transfer { border: 2px dotted gray; } #closeGame.close{ cursor:pointer; display:block; float:right; position:relative; width:25px; height:25px; background: url('/images/popup/t_popupClose.png') top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #closeGame.close:hover{ background: url('/images/popup/t_popupClose_h.png') top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .fancybox-skin .fancybox-close { top: 0px !important; right: 5px !important; } .fancybox-skin .fancybox-fs { top: 0px !important; right: 40px !important; } .popupHolder { height:70px; } .popupButton { /*height:70px;*/ } .popupButtonPadding { height:70px; } .popupButtons { float:right; position: relative; margin:0 0 10px 0; } .gameTop{ position:relative; float:left; height: 30px; width:100%; } .gameTopLeft{ float:left; width: 300px; height: 30px; text-align: left; } .gameTopMiddle{ float:left; position:absolute; width:100%!important; text-align: center; } .gameTopMiddle h2{ float: left; width: 100%; color: #fae5c0; font-size: 18px; font-weight: 700; letter-spacing: 2.7px; text-transform: uppercase; line-height: 24px; } .mode{ color: #c39e5e; font-size: 18px; font-weight: 500; letter-spacing: 2.7px; text-transform: uppercase; width:100%; position: relative; line-height: 24px; } .gameTopMiddle .mode.free{ color:#ffffff; } .gameTopRight{ float:right; width: 300px; height: 30px; text-align: right; } .gameMiddleLeft{ float:left; width: 30px; } #game { background: #000000; padding: 10px; border-radius: 10px; height: 100%; } .gameContent { height: calc(100% - 30px); width: 100%; float:left; } .gameContent.freePlayMode { height: calc(100% - 86px); width: 100%; } .gameMiddle{ height: 100%; } .gameMiddle iframe{ position: relative; left:0; } .gameMiddleRight{ float:left; width: 30px; } .gameBottom{ float: left; width: 100%; overflow: hidden; /*margin-top: 30px;*/ text-align: center; } .gameBottom .buttonHolder{ text-align: center; width: 100%; } .gameBottom .popupButtonRegOuter { float: left; width: 100%; } .gameBottom .popupButton { float: left; width: 100%; } .gameBottomLeft{ float:left; width: 113px; height: 30px; } .gameBottomLeft .wing-left{ margin-top:17px; } .popup-bottom{ float:left; height: 16px; } .gameBottomRight{ float:left; width: 113px; height: 30px; } .gameBottomRight .wing-right{ margin-top:17px; } .left-wing, .right-wing { width:100%; } .gameBottomFree{ float:left; position: relative; height: 63px; padding-bottom:20px; margin-left:10px; margin-bottom: 20px; } .gameBottom a { padding: 10px 40px 8px 40px; font-size: 24px; float: none; line-height: 56px; } .gameBottomFree a { width: 260px; height: 42px; top: 5px; font-size: 20px; text-transform: uppercase; text-align: center; padding-top: 20px; } .langue_fr .gameBottomFree a {width:340px;} .gameBottomFree .popupButtonRegOuter { height: 70px; } .fullScreenBottom .popupButtonRegOuter { margin-top:0px; } .fullScreenBottom .popupButtonRegOuter a { height:38px!important; width:540px!important; } .buttonHolder { float:left; } .fullScreenBottom a { width: 300px; height: 42px; position: relative; font-size: 20px; text-transform: uppercase; text-align: center; padding-top: 10px; } .wing-left { width: 115px; margin-top: 0px; float: left; height: 23px; margin-right:0px; } .wing-right { width: 115px; margin-top:0px; height: 23px; float:right; margin-left:0px; } .langue_de #cadre_game .subscribe {margin-left:80px;width:700px;} .langue_en #cadre_game .subscribe {margin-left:120px;width:700px;} .langue_es #cadre_game .subscribe {margin-left:90px;width:700px;} .langue_fi #cadre_game .subscribe {margin-left:90px;width:700px;} .langue_fr #cadre_game .subscribe {margin-left:60px;width:700px;} .langue_nl #cadre_game .subscribe {margin-left:110px;width:700px;} .langue_no #cadre_game .subscribe {margin-left:80px;width:700px;} .langue_sv #cadre_game .subscribe {margin-left:120px;width:700px;} .subscribe .wing-left { margin-left:40px; } .subscribe .wing-right { float:left!important; } .subscribe .popupButtonRegOuter a { padding-top:10px; } .subscribe .popupButtonRegOuter a, #gameContainer .popupButtonRegOuter a { font-size: 24px; } .popup-free-bottom-left{ float:left; width: 119px; height: 63px; } .popup-free-bottom{ float:left; height: 63px; text-align:center; } .popup-free-bottom-right{ float:left; width: 119px; height: 63px; } a.playReal {top:0px!important;} .popupfreebottom a.playReal, .popupfreebottom a.subscribe, .fullScreenBottom a.register, a.playReal{ background-position: center; background-repeat: no-repeat; width:422px; height:42px; display:block; font-size:20px; left: 24%; position: relative; text-transform: uppercase; border-radius:5px;padding:20px 15px 0; text-align: center; color:#fbf3df; background: #88181d; background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88181d), color-stop(2%,#ba272d), color-stop(100%,#88181d));background: -webkit-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%);background: -o-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%);background: -ms-linear-gradient(top, #88181d 0%,#ba272d 2%,#88181d 100%);background: linear-gradient(to bottom, #88181d 0%,#ba272d 2%,#88181d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88181d', endColorstr='#88181d',GradientType=0 );} .popupchat{ float:left; width: 181px; padding:0 10px; position:relative; right:-4px; top:-1px; background-color: rgba(84, 10, 3, 1); } .popup-chat-top{ float:left; width: 181px; height: 91px; } .popup-chat-top span, .fullScreenMiddle .popup-chat-top span{ float:left; width: 171px!important; height: 80px; color: #f5e0b0; font-size: 18px; font-weight:bold; display: block; margin: 10px 0 0!important; padding:10px 0 0 10px!important; text-align: left; background-position-x: 100px!important; background-position-y: -10px!important; background-position: 100px -10px!important; background-color:#000000!important; } .popup-chat-top span.laurence, .fullScreenMiddle .popup-chat-top span.laurence{ background: url("/images/gamepopup/laurence.png") no-repeat; } .popup-chat-top span.philippe, .fullScreenMiddle .popup-chat-top span.philippe{ background: url("/images/gamepopup/philippe.png") no-repeat; } .popup-chat-top span.romuald, .fullScreenMiddle .popup-chat-top span.romuald{ background: url("/images/gamepopup/romuald.png") no-repeat; } .popup-chat-top span.claire, .fullScreenMiddle .popup-chat-top span.claire{ background: url("/images/gamepopup/claire.png") no-repeat; } .popup-chat-top span.clement, .fullScreenMiddle .popup-chat-top span.clement{ background: url("/images/gamepopup/clement.png") no-repeat; } .popup-chat-top span.jeanpierre, .fullScreenMiddle .popup-chat-top span.jeanpierre{ background: url("/images/gamepopup/jeanpierre.png") no-repeat; } .popup-chat{ float:left; width: 181px; } .popup-chat-bottom{ float:left; width: 185px; /*height: 71px;*/ height: auto; position: relative; bottom:0; background-color: rgba(84, 10, 3, 0.6); } .popup-chat-bottom-top{ float:left; width: 181px; height: 3px; } .popup-chat-bottom-middle{ float:left; width: 100%; left:-1px; position: relative; } .popup-chat-bottom-bottom{ float:left; width: 161px; height: 9px; } #popup-chat_history_msg{ display:block; float:left; margin: 0 15px 0 2px; width: 164px; color:#FFF999; font-size:13px; } #popup-chat_history_msg .c_msgDiv{ color: #07021b; width:161px; height:auto; float:left; text-align: left; padding-left: 5px; word-wrap: break-word; } #popup-chat_history_msg .c_msgDiv.user{ color: #290200; } #popup-chat_history_msg .c_msgDiv.log{ color: #556b2f; font-style: italic; } #popup-chat_history_msg .c_msgDiv .c_username{ font-size:14px; font-weight:bold; margin:6px 0 3px 0; display:block; color:#033a68; } #popup-chat_history_msg .c_msgDiv.user .c_username{ color:#30809d; } #popup-chat_msg .input{ width:163px; height:18px; border: none; cursor:text; border:1px solid #dbb095; margin: 5px 0 0 0; padding:3px; font-size:13px; color:#430a07; max-height: 250px; } #gameContainer{margin:auto; width: 100%;} .fullScreenTop{display:block; float:left; height:40px; width:100%;margin-bottom:5px;} .fullScreenTop.noChat{display:block; float:left; height:40px; width:100%;margin-bottom:5px;margin-left:160px;} .fullScreenTop.noChat .reduce {margin-right:-170px;} .fullScreenMiddle{display:block; float:left; width:100%;} .fullScreenBottom{display:block; float:left; height:0px; width:100%;} .fullScreenBottom.free{height:82px;width:100%;} .fullScreenTop #closeGame {margin-top: 0px!important;} .fullScreenTop h2{color: #F5E0B0;text-align: center;float: left; font-size: 18px; font-weight: bold; height:18px; width: 100%; margin: 0 0 0 0; text-transform:uppercase;margin-left:-150px;} .fullScreenMiddle #popupgamechat.popupchat { margin-right: 40px; padding: 0 10px; position: relative; background-color: rgba(84, 10, 3, 1);} .fullScreenMiddle #popup-chat_history_msg {padding:2px 2px 2px 0;margin:10px 0px;} .fullScreenTop .mode {margin-left:9%;margin-top:15px;width:140px;margin-bottom:-20px;} .playFullscreen { width: 25px; height: 25px; position: absolute; cursor: pointer; margin: 0 3px 0 0; float:left; background: url(/images/popup/t_fullscreen.png) no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .playFullscreen:hover { position: absolute; background: url(/images/popup/t_fullscreen_h.png) no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .fullScreenTop .close{display:block; background: url(/images/popup/t_poupClose.png) top left no-repeat; width:25px; height:25px; position: absolute; right: 24%; margin-top: -23px!important; cursor:pointer; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .fullScreenTop .close:hover{background: url(/images/popup/t_popupClose_h.png) top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .fullScreenTop .reduce{display:block; background: url(/images/popup/t_reduce.png) top left no-repeat; width:25px; height:25px; position: absolute; right: 26%;cursor:pointer; margin-top:0px; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } .fullScreenTop .reduce:hover{background: url(/images/popup/t_reduce_h.png) top left no-repeat; -webkit-transition-property: background; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: background; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: background; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: background; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: background; transition-duration: 400ms; transition-timing-function: ease; } #frameContainer{ float:left; } .fullScreenMiddle #frameContainer { } .popupchat{ float:right; width: 181px; position:relative; right:-4px; top:-4px; } .popup-chat-top{ float:left; width: 181px; height: 91px; } .popup-chat-top span{ float:left; width: 171px; height: 60px; color: #f5e0b0; font-size: 18px; font-weight:bold; display: block; padding: 30px 0 0 10px; text-align: left; } .popup-chat{ float:left; width: 181px; } .popup-chat-bottom{ float:left; width: 181px; /*height: 71px;*/ height: auto; position: relative; bottom:0; } .popup-chat-bottom-top{ float:left; width: 181px; height: 3px; } .popup-chat-bottom-middle{ float:left; width: 181px; } .popup-chat-bottom-bottom{ float:left; width: 181px; height: 9px; } #popup-chat_history_msg{ display:block; float:left; margin: 0 15px 0 2px; width: 164px; color:#FFF999; font-size:13px; } #popup-chat_history_msg .c_msgDiv{ color: #07021b; width:161px; height:auto; float:left; text-align: left; padding-left: 5px; } #popup-chat_history_msg .c_msgDiv.user{ color: #290200; } #popup-chat_history_msg .c_msgDiv.log{ margin-top:20px; color: #556b2f; font-style: italic; } #popup-chat_history_msg .c_msgDiv .c_username{ font-size:14px; font-weight:bold; margin:6px 0 3px 0; display:block; color:#033a68; } #popup-chat_history_msg .c_msgDiv.user .c_username{ color:#30809d; } #popup-chat_msg .input{ width:173px; height:18px; border: none; cursor:text; border:1px solid #dbb095; margin: 0; padding:3px; font-size:13px; color:#430a07; background-color: #FBF3DF; max-height: 250px; } #popup-chat_msg .submit{ cursor:pointer; margin: 4px 35px 0 0; height:36px; width : 90px; display:block; float:right; } #popup-chat_msg .submit:hover{ background-position: bottom left; } @media screen and (max-width: 640px) { .gameBottom a { width: 160px; height: 22px; top: 5px; font-size: 14px; text-transform: uppercase; text-align: center; padding-top: 10px; } .langue_fr .gameBottom a { margin:0 10px!important; padding:10px!important; width:160px; font-size: 14px; } .wing-left { width: 115px; margin-top: 0px; float: left; height: 23px; margin-right:0px; } .wing-right { width: 115px; margin-top:0px; height: 23px; float:right; margin-left:0px; } } /* ALEAPOP - POPUP/MODAL STYLING */ #popupTest { position: fixed; left: 10px; bottom: 10px; font-size: 14px; color: #CFDBC5; padding: 20px; background: #629632; border-radius: 6px; behavior: url(/PIE.htc); text-decoration: none!important; overflow: visible!important; width: 300px; } #popupTest h1 { font-size: 16px; margin: 0 0 10px 0; } #popupTest h2 { margin: 0 0 10px 0; } #popupTest a { color: #CFDBC5; } #popupTest span { color: #435D36!important; } #popupTest a:active { color: #435D36!important; } #popupTest a:hover { color: #435D36!important; } #popupTest a:visited { color: #CFDBC5; } /* --- CUSTOM STYLING --- */ /* --- Bonus Conditions --- */ #popupWrapper.bonusConditions ul#main li { list-style-type: circle; /*max-width: 670px!important;*/ } /* --- Login --- */ #popupWrapper.login { max-width: 400px!important; } #popupWrapper.login .medium { color: #C1272D; text-align: center; font-weight: bold; } #popupWrapper.login .title { width: 100!important; } .langue_fi #popupWrapper.login input.btForm { width: 194px!important; } #popupWrapper.login input.btForm, #popupWrapper.login .error_sf { float: right; margin-right: 16px; margin-top: 8px; } #popupWrapper.login input.btForm { padding: 7px 15px; } #popupWrapper.login form#login { display: block; height: 160px; } #popupWrapper.login .small { text-align: center; } #popupWrapper.login span.label { margin-top: 6px; } /* --- Register --- */ #popupWrapper.register ul#main li { list-style-type: circle; } #popupWrapper.register { max-width: 450px!important; } #popupWrapper.register a.bt { margin-left: 110px!important; padding-bottom: 10px; height: 20px!important; } /* --- Account Activation --- */ #popupWrapper.activationReminder { max-width: 800px!important; } /* --- Contact --- */ #popupWrapper.contactUs { max-width: 700px!important; min-width: 480px!important; } #popupWrapper.contactUs #popupContent { padding:0 10px 10px 10px!important; } #popupWrapper.contactUs input.btForm { margin-top: 10px!important; } #popupWrapper.contactUs span.medium { text-align: center; } #popupWrapper.contactUs .subhead { overflow: auto; width: 60%; float: right; padding-top: 10px; } #popupWrapper.contactUs #popupHeader { padding: 20px 20px 0; border-top-left-radius: 6px; } #popupWrapper.contactUs label.error, #popupWrapper.contactUs .error_sf { float: right!important; width: 46%!important; text-align: left!important; margin:0!important; } #popupWrapper .liveChat { width: 100%; float: right; cursor: pointer; } #popupWrapper .liveChat span { color: #1A1A1A; padding: 0 0 0 5px; float: left; text-align: right; font-size: 14px; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #popupWrapper .chat_us { cursor: pointer; float: left; margin: 0 4px 0 11px; } #popupWrapper .chat_us img.pChat_h { margin: 0 -14px 0 0; opacity: 0; position: absolute; } #popupWrapper .chat_us img.pChat { margin: 0 0 0 0; } /* --- Forbidden Country --- */ #popupWrapper.forbiddenCountry { } #popupWrapper.forbiddenCountry #popupContent { padding: 60px!important; } #popupWrapper.forbiddenCountry span.small { font-size: 22px!important; line-height: 34px; text-align: center; } /* --- Question --- */ #popupWrapper.question { max-width: 600px!important; } #popupWrapper.question #popupContent { padding:0 10px 10px 10px!important; } #questionForm submit.btForm { margin: 0 0 0 120px; } #popupWrapper.question span.small { padding-top: 15px; padding-left: 10px; } #popupWrapper.question span.medium { padding-left: 10px; } #popupWrapper.question textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FAF2DE; border-image: initial; border: 1px solid rgba(99, 64, 57, 0.7); margin-top: 20px; float: left; color: #000000; display: block; font-size: 14px; margin: 0 0 00; height: 120px; width: 65%; overflow: hidden; padding: 6px 0 0 4px; } /* --- SMS BONUS --- */ #popupWrapper.freeBonusDepositPage { max-width: 450px!important; } #popupWrapper.freeBonusDepositPage .error_sf { margin-bottom: 5px; } #popupWrapper.freeBonusDepositPage .btForm { padding: 0 15px; } /* --- Password --- */ #popupWrapper.lostPassword { max-width: 440px!important; } #popupWrapper.lostPassword span.small { margin: 0 0 10px 20px; } #lostPasswordForm span.label { width: 40px!important; } #lostPasswordForm input#email { width: 50%; height: 23px; margin: 0 0 0 70px!important; } #lostPasswordForm submit.btForm { margin: 15px 0 0 70px; } #lostPassword .error_sf, #lostPassword .error_sf, #lostPassword label.error, #lostPassword label.error { width: 100%; margin:0!important; text-align: center; padding:0!important; margin:0!important; } /* --- Privacy Policy --- */ #popupWrapper.privacyPolicy { max-width: 700px!important; height: 80%; } #popupWrapper.privacyPolicy #popupContent { height: 100%; overflow: auto; padding:0 20px; } #popupWrapper.privacyPolicy #popupContent label.error { padding: 20px 0; } /* --- Terms & Conditions --- */ #popupWrapper.termsAndConditions { max-width: 700px!important; height: 80%; } #popupWrapper.termsAndConditions #popupContent { height: 100%; overflow: auto; padding:0 20px; } #popupWrapper.termsAndConditions p { margin-bottom: 20px; } #popupWrapper.termsAndConditions #popupContent span.small { padding: 20px 0; } table.terms { margin: 20px 0 0 0; } /* --- Terms & Conditions Bonus --- */ #popupWrapper.termsAndConditionsBonus { max-width: 700px!important; height: 80%; } #popupWrapper.termsAndConditionsBonus #popupContent { height: 100%; overflow: auto; padding:0 20px; } #popupWrapper.termsAndConditionsBonus p { margin-bottom: 20px; } #popupWrapper.termsAndConditionsBonus #popupContent span.small { padding: 20px 0; } table.terms { margin: 20px 0 0 0; } /* --- Buttons -- */ .fancybox-is-open .fancybox-bg { opacity: 1; } fancybox-fullscreen { position: absolute; top: -15px; right: 15px; width: 30px; height: 30px; background-position:00; cursor: pointer; display: none; } .fullScreen { top: 20px!important; width: auto!important; } .fullScreen .fancybox-inner { width: 100%!important; } /* --- CONTACT IMAGE --- */ #popupWrapper .ContactImage { height: 110px; width: 110px; float: right; margin-top: -60px; margin-right: -20px; } #popupWrapper .ContactImage.philippe { background: url(/images/support-philippe.png) top left no-repeat; background-size: 110px 110px; } #popupWrapper .ContactImage.laurence { background: url(/images/support-laurence.png) top left no-repeat; background-size: 110px 110px; } #popupWrapper .ContactImage.romuald { background: url(/images/support-romuald.png) top left no-repeat; background-size: 110px 110px; } #popupWrapper .ContactImage.claire { background: url(/images/support-claire.png) top left no-repeat; background-size: 110px 110px; } #popupWrapper .ContactImage.clement { background: url(/images/support-clement.png) top left no-repeat; background-size: 110px 110px; } /* --- GENERAL STYLING --- */ #popupWrapper { border-radius: 6px; behavior: url(/PIE.htc); } h1.popupListTitle { width: 100%!important; margin-bottom: 30px!important; } #popupWrapper form#contactUs span.field { overflow: auto; display: block; padding: 0 0 7px 0; } #popupWrapper span.label { text-align: right; margin-right: 10px; font-weight: bold; font-size: 14px; width: 100px; } #popupWrapper textarea { width: 65%; height: 120px; display: block; overflow: hidden; font-size: 14px; color: rgb(0, 0, 0); background: rgb(250, 242, 222); padding: 6px00 4px; border: 1px solid rgba(99, 64, 57, 0.7); border-image: initial; margin:000 95px; } #popupWrapper .important { color: #C1272D; font-weight: bold; } #popupWrapper input.fields.error { border: 1px #c1272d solid!important; background-color: #fbecec; } #popupWrapper input.fields .error { border: 1px #c1272d solid!important; background-color: #fbecec; } #popupWrapper input { display: block; font-size: 14px; color: rgb(0, 0, 0); background: rgb(250, 242, 222); width: 220px; height: 25px; padding: 2px0 2px 4px; text-align: left; border: 1px solid rgba(99, 64, 57, 0.7); border-image: initial; float: left; } #popupBody { background-color: #fffaf1; height: inherit; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left: 4px solid #c39e5e; border-bottom: 4px solid #c39e5e; border-right: 4px solid #c39e5e; color: #b58d4c; } #popupHeader { overflow: auto; padding: 12px 20px; border-radius: 10px 10px 0 0; background-color: #c39e5e; } #popupWrapper input[readonly] { background: #634039 !important; color: #c4a09c !important; } #popupWrapper .bt, #popupWrapper .btForm { height: 34px!important; width: 174px; margin-top: 15px; } #popupWrapper .bt, #popupWrapper .btForm { margin-left: 120px; font-weight: bold; font-size: 18px; border: 0; float: left; cursor: pointer; border-radius: 6px; padding: 10px 15px; text-align: center; color: #FFFFFF; text-transform: uppercase; background: #88181d; background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88181d), color-stop(2%, #ba272d), color-stop(100%, #88181d)); background: -webkit-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -o-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -ms-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: linear-gradient(to bottom, #88181d 0%, #ba272d 2%, #88181d 100%); text-shadow:000 #3B3131,000 #150517; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #popupWrapper:hover .bt, #popupWrapper .btForm:hover { text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff!important; background: #cc1416!important; background: -moz-linear-gradient(top, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc1416), color-stop(59%, #a80e18), color-stop(87%, #9a0c1d), color-stop(92%, #960b1b), color-stop(100%, #930d1d))!important; background: -webkit-linear-gradient(top, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; background: -o-linear-gradient(top, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; background: -ms-linear-gradient(top, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; background: linear-gradient(to bottom, #cc1416 0%, #a80e18 59%, #9a0c1d 87%, #960b1b 92%, #930d1d 100%)!important; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } #popupWrapper:active .bt, #popupWrapper .btForm:active { text-shadow: -1px 1px 8px #c6606b, 1px -1px 8px #d68e95!important; color: #eed1d4; background: #ae1d2c!important; background: -moz-linear-gradient(top, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae1d2c), color-stop(29%, #891521), color-stop(29%, #86131f), color-stop(30%, #871520), color-stop(67%, #78111c), color-stop(78%, #710d19), color-stop(79%, #720f1a), color-stop(90%, #6b0c17), color-stop(100%, #680c17))!important; background: -webkit-linear-gradient(top, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; background: -o-linear-gradient(top, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; background: -ms-linear-gradient(top, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; background: linear-gradient(to bottom, #ae1d2c 0%, #891521 29%, #86131f 29%, #871520 30%, #78111c 67%, #710d19 78%, #720f1a 79%, #6b0c17 90%, #680c17 100%)!important; -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } .popupDivider { width: 100%; } #popupHeader img { position: absolute; float: right; right:0; margin-top: -8px; height: 110px; width: 110px; } span.title { color: #ffffff; font-size: 16px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-align: left; width: 75%; float: left; left: 0; } span.label { float: left; top:0; margin: 0 5px 0 10px; } span.error { width: 100%; float: right; right:0; } label.error { float: right; right:0; } span.subtitle { color: #e8d7ad; font-size: 16px; text-align: left; padding-top: 20px; float: left; left:0; margin-right: 110px; } input.error, select.error, textarea.error { border: 1px #c1272d solid!important; } #popupContent { font-size: 14px; color: #1a1a1a; padding: 20px; overflow: auto; border-radius: 6px; } #popupContent .subhead { overflow: auto; } #popupContent span.medium { font-size: 14px; width: 100%; float: left; left:0; text-align: left; margin: 0 0 20px 0; } #popupContent span.small { font-size: 12px; color: #4d0e14; float: left; margin-bottom: 10px; text-align: left; line-height: 14px; width: 100%; } #popupContent span.small strong { color: #b58d4c; font-weight: 500; } #popupContent span.small h3 { color: #4d0e14; font-weight: 500; text-transform: uppercase; } #popupBody ul#main { list-style-type: circle!important; width: 100%; overflow: auto; } #popupBody ul#main li { text-align: left; margin-left: 40px; } span.small a { color: #c1272d; text-decoration: none; cursor: pointer; font-weight: bold; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } span.small a:hover { color: #ffffff; -webkit-transition-property: color; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: color; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: color; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: color; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: color; transition-duration: 400ms; transition-timing-function: ease; } label.error { color: #c1272d; float: left; margin: 9px 0 0 10px; font-size: 12px; } .error_sf { color: #c1272d; float: left; margin: 9px 0 0 10px; font-size: 12px; } #textarea.error_sf { position: absolute; color: #c1272d; right: 0; margin: 9px 60px 0 10px; font-size: 12px; text-align: right; } /* --- EXAMPLE LAYOUT --- */ #popupTestHolder { width: 100%; min-height: 100px; margin: 10px 0; padding: 20px 0 0; } #popupTestHolder .title { font-size: 20px; text-align: center; width: 100%; margin: 10px 0 20px 0; } .popupOld { width: 33%; float: left; left:0; text-align: center; } .popupCurrent { width: 33%; float: left; left:0; text-align: center; } .popupNew { width: 33%; float: left; left:0; text-align: center; } .popupOld a, .popupCurrent a, .popupNew a { font-weight: bold; font-size: 14px; height: 38px; border: 0; cursor: pointer; border-radius: 6px; behavior: url(/PIE.htc); padding: 10px 15px; text-align: center; color: #FFFFFF; background: #88181d; text-transform: uppercase; text-shadow:000 #3B3131,000 #150517; background: -moz-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88181d), color-stop(2%, #ba272d), color-stop(100%, #88181d)); background: -webkit-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -o-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: -ms-linear-gradient(top, #88181d 0%, #ba272d 2%, #88181d 100%); background: linear-gradient(to bottom, #88181d 0%, #ba272d 2%, #88181d 100%); -webkit-transition-property: all; -webkit-transition-duration: 400ms; -webkit-transition-timing-function: ease; -moz-transition-property: all; -moz-transition-duration: 400ms; -moz-transition-timing-function: ease; -o-transition-property: all; -o-transition-duration: 400ms; -o-transition-timing-function: ease; -ms-transition-property: all; -ms-transition-duration: 400ms; -ms-transition-timing-function: ease; transition-property: all; transition-duration: 400ms; transition-timing-function: ease; } @media screen and (max-width: 800px) { #popupWrapper textarea { width: 50%; } } /* --- FULLSCREEN LAYOUT --- */ .fullscreen { width: 640px; height: 360px; } /* Mozilla proposal (dash) */ .fullscreen:full-screen { width: 100%; height: 100%; } /* W3C proposal (no dash) */ .fullscreen:fullscreen { width: 100%; height: 100%; } /* currently working vendor prefixes */ .fullscreen:-webkit-full-screen, .my-container:-moz-full-screen { width: 100%; height: 100%; } .fancybox-slide { overflow: hidden; } .fancybox-slide > * { background-color: transparent; padding: 0; border-radius: 10px; } .fancybox-toolbar { visibility: hidden !important; } #game .fancybox-toolbar { visibility: visible !important; opacity: 1; } #game .fancybox-button { height: 40px; line-height: 40px; background: none; border-radius: 20px; } #game .fancybox-button::before, #game .fancybox-button::after { color: #c39e5e; }