@media only screen and (min-device-width :320px) and (max-device-width :480px) { .no-responsive { width: 1024px } } @media only screen and (min-device-width :320px) and (max-device-width :568px) { .no-responsive { width: 1024px } } @media only screen and (min-device-width :768px) and (max-device-width :1024px) { .no-responsive { width: 1024px } } a:focus { outline: 0 } ::-moz-selection { background: none repeat scroll 0 0 #312D27; color: #CDC6B5 } ::selection { background: none repeat scroll 0 0 #312D27; color: #CDC6B5 } * { margin: 0; padding: 0 } a { text-decoration: none; border: 0 } img { border: 0; text-decoration: none } html, body { margin: 0; padding: 0 } .displayBlock { display: block } .displayNone { display: none } .clear { clear: both } .clearfix:before, .clearfix:after { content: ""; display: table } .clearfix:after { clear: both } .clearfix { zoom: 1 } @font-face { font-family: SSSocial; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.svg#SSSocialCircle) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: SSSocialRegular; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.svg#SSSocialRegular) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: SSStandard; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.svg#SSStandard) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: SSPika; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-pika.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-pika.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-pika.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-pika.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-pika.svg#SSPika) format('svg'); font-weight: 400; font-style: normal } .gras { font-weight: 700 } .italic { font-style: italic } .majuscule { text-transform: uppercase } .noMajuscule { text-transform: none } .rouge { color: #FF264B; font-size: 40px } .jaune { color: #FFC026; font-size: 34px } .vert { color: #55BF80; font-size: 29px } .bleu { color: #2A7CFF; font-size: 13px } .blanc { color: #fff } .orange { color: #E25B00 } .violet { color: #E20096 } div#feedback { height: 120px; left: -1px; position: fixed; top: 300px; width: 43px } @media only screen and (max-width:1111px) { div#feedback { display: none } } div#contenu { width: 990px; margin: 0 auto; position: relative } div#footerwrapper { width: 990px; margin: 0 auto; padding: 20px 0; position: relative; line-height: 1.5 } div#footerhome, div#footer-stats, div#footer-viewer { bottom: 0; clear: both; font-size: 12px; margin: 100px auto 0; color: #63605A; background: #23201D; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .4); -moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .4); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .4) } div#footerhome { margin: 0 auto } .partner, .footer-support, .contact-about, .footer-legal, .footer-about, .footer-features, .footer-social { display: inline-block; width: 22%; vertical-align: top } .partner { width: 10% } .partner ul, .footer-support ul, .contact-about ul, .footer-legal ul, .footer-about ul, .footer-features ul, .footer-social ul { list-style: none; padding: 0; margin: 0 } p.title-footer { text-transform: uppercase; font-weight: 700; line-height: 1.5; margin-bottom: 10px; color: #D8D2C5 } #footerhome a, div#footer-stats a, div#footer-viewer a { color: #63605A; font-weight: 400 } #footerhome a:hover, div#footer-stats a:hover, div#footer-viewer a:hover { text-decoration: underline; color: #D8D2C5 } .social-icons li { margin-right: 5px; display: inline } .social-h-fb, .social-h-tw, .social-h-ig { font-size: 25px; font-family: SSSocial } #footerhome a.social-h-fb:hover, div#footer-stats a.social-h-fb:hover, div#footer-viewer a.social-h-fb:hover { color: #7488B5; text-decoration: none } #footerhome a.social-h-tw:hover, div#footer-stats a.social-h-tw:hover, div#footer-viewer a.social-h-tw:hover { color: #73D4F9; text-decoration: none } #footerhome a.social-h-ig:hover, div#footer-stats a.social-h-ig:hover, div#footer-viewer a.social-h-ig:hover { color: #4C799E; text-decoration: none } #line { border-top: 1px solid #e1ddd4 } div#footerhome .donate-bloc, div#footer-stats .donate-bloc, div#footer-viewer .donate-bloc { margin-top: 5px } #resultatSearch { float: left; color: #ADA799; width: 100% } div#searchSeparation { border-right: 1px dashed #202629; float: left; height: 100%; width: 1px } #resultatSearch img.loader { margin: 0 0 0 160px } #resultatSearch .titleSearch { color: #bababa; margin: 0 0 25px; font-weight: 700 } #resultatSearch .titleSearch .searchWord { color: #fff } #resultatSearch #resultatSearchUser ul, #resultatSearch #resultatSearchTag ul { list-style-type: none; padding: 0; margin: 0 } #resultatSearch #resultatSearchUser { float: left; height: 100%; min-height: 400px } #resultatSearch #resultatSearchUser .detailUserResult {} #resultatSearch #resultatSearchUser .detailUserResult .list-photo-user { float: left; margin: 0 20px 15px 0 } #resultatSearch #resultatSearchUser .detailUserResult .list-photo-user img { width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #resultatSearch #resultatSearchUser .detailUserResult .list-username-user { color: #fff; font-size: 13px; font-weight: 700 } #resultatSearch #resultatSearchUser { width: 40%; padding: 15px 4% 0 0 } #resultatSearch #resultatSearchTag { width: 40%; padding: 15px 4% 0 6% } #resultatSearch #resultatSearchTag { float: left; height: 100%; min-height: 400px } #resultatSearch #resultatSearchTag .detailTagResult { clear: both; float: left; margin: 0; padding: 5px 0 0; width: 100% } #resultatSearch #resultatSearchTag .detailTagResult .ss-tag { float: left; margin-right: 10px; color: #465058; margin-top: 4px } #resultatSearch #resultatSearchTag a.name { float: left; padding: 7px 5px 3px; margin-right: 6px; margin-bottom: 6px; color: #fff; background-color: #202629; text-align: center; font-size: 12px; font-weight: 700; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #resultatSearch #resultatSearchTag a.name:hover { background-color: #465058 } #resultatSearch #resultatSearchTag span.count { font-size: 11px; float: left; padding: 7px 0 0 5px; color: #52585b } #resultatSearch .usersSearchResult .noResultSearch { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/user.png); background-position: 0 5px; background-repeat: no-repeat; clear: both; float: left; margin: 0; padding: 7px 0 5px 30px; font-size: 13px; font-style: normal; font-weight: 300; color: #bababa } #resultatSearch .tagsSearchResult .noResultSearch { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/tag.png); background-position: 0 5px; background-repeat: no-repeat; clear: both; float: left; margin: 0; padding: 7px 0 5px 30px; font-size: 13px; font-style: normal; font-weight: 300; color: #bababa } #thankyouConteneurNonConnecte { float: left; margin: 0 0 100px } #thankyouConteneur { float: left; margin: 100px 0 } #thankyouBackHome { clear: both; float: left; margin: 30px 0; width: 990px } #thankyouConteneur #thankyouBackHome { clear: both; float: left; margin: 0 0 30px; width: 990px } #thankyouBackHome a { color: #312D27; float: left; font-size: 13px; font-weight: 700; margin-right: 10px; padding: 5px 10px 3px } #thankyouBackHome a span { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/back-brown.png); background-repeat: no-repeat; display: inline-block; height: 16px; margin-right: 5px; width: 27px } #thankyouSnapshot { float: left; width: 345px } #thankyouSnapshot img { border: 5px solid #312D27; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } #thankyouActions { float: left; width: 645px } #thankyouActions h2 { font-size: 18px; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; font-style: italic; font-weight: 700; font-family: georgia, serif } #thankyouActions h1 { font-size: 65px; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; margin: 15px 0 30px } #thankyouSeparation { width: 100%; height: 0; border-top: 1px dashed #ADA799; border-bottom: 1px dashed #FFF; margin: 0 0 30px } #thankyouIntroMail { font-size: 14px; font-weight: 700; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; font-style: italic; font-family: georgia, serif } #thankyouActions .blocSaisieMail { margin: 15px 0 0 } #our-donators-logue { width: 100%; height: 50px } #our-donators-intro { float: left; width: 560px; margin: 0 0 10px } #our-donators-intro a { color: #167fce } #our-donators-intro h1 { font-size: 20px; font-style: italic; font-family: Georgia, serif; color: #312D27; text-shadow: 0 1px 1px #F5F3F0; line-height: 30px } #our-donators-intro p { font-style: italic; font-family: Georgia, serif; color: #312D27; text-shadow: 0 1px 1px #F5F3F0; width: 450px; line-height: 30px } #donation-be-hero { background-repeat: no-repeat; width: 357px; height: 165px; float: right; margin-right: 15px; font-size: 11px; font-size: 12px } .donation-be-hero_en { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-be-a-hero-too.png) } .donation-be-hero_jp { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-be-a-hero-too_jp.png) } #donation-be-hero #support { color: #fff; font-weight: 700; float: left; margin: 65px 0 0 90px } #donation-be-hero .donate { float: left; margin: 62px 0 0 8px } #donation-be-hero #tour { color: #fff; font-weight: 700; float: left; clear: both; width: 250px; margin: 26px 0 0 90px } #donation-be-hero #tour a#take-tour { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_next.png); background-repeat: no-repeat; text-decoration: none; color: #FFC026; padding: 0 0 0 10px; background-position: 0 4px; margin-left: 5px } #donation-be-hero #tour a#take-tour:hover { text-decoration: underline } .donator-line { width: 100%; float: left; margin-top: 20px } .donator-line:last-child { margin-bottom: 40px } .donator-line .avatar img { width: 100px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset } .donator-line .mediaUser a img { width: 150px; height: 150px } .donator-line .donator-separation { width: 100%; height: 1px; border-top: 1px solid #9E988A; background-color: #E6E3DA; margin-bottom: 20px } .donator-line .user-bloc { float: left; width: 410px } .donator-line .avatar { width: 110px; float: left } .donator-line .who { width: 300px; float: left } .donator-line .who .username { font-size: 18px; font-weight: 700 } .donator-line .who .username a { color: #312D27 } .donator-line .who .fullname { font-size: 11px; font-style: italic } .donator-line .extra { width: 410px; clear: both; float: left; margin: 10px 0 0 } .donator-line .extra .user_bio, .donator-line .extra .user_site { font-size: 11px; font-style: italic } .donator-line .extra .user_site a { color: #312D27 } .donator-line .last-medias { float: right; width: 545px; margin-bottom: 0 } .donator-line .last-medias .photoTop5 { width: 150px } .donator-line .last-medias .photoTop5 .mediauserLegend .legendComment, .donator-line .last-medias .photoTop5 .mediauserLegend .legendLike { min-width: 50px } .donator-line .last-medias .photoTop5 .mediauserLegend .legendPopular { display: none; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/populaire.png); float: right; height: 18px; width: 17px; margin-top: 2px } .paginationDonator { margin: 25px 0 40px } #conteneur-diapo-donate { background-color: #23201D; width: 100%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; margin-top: 30px; margin-bottom: 30px } #conteneur-diapo-donate table { margin-top: 30px } #conteneur-diapo-donate #why-donate { background-repeat: no-repeat; width: 232px; height: 128px; float: left; position: absolute; top: -30px; left: 50px } #conteneur-diapo-donate #why-donate.why-donate_en { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-why-donate_en.png) } #conteneur-diapo-donate #why-donate.why-donate_jp { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-why-donate_jp.png) } #conteneur-diapo-donate #truely-now { background-repeat: no-repeat; width: 232px; height: 128px; float: left; position: absolute; top: -30px; left: 50px } #conteneur-diapo-donate #truely-now.truely-now_en { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-truly-now_en.png) } #conteneur-diapo-donate #truely-now.truely-now_jp { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation-truly-now_jp.png) } #conteneur-diapo-donate #conteneur-photo { position: relative; width: 469px; margin: 0 auto } #conteneur-diapo-donate #conteneur-photo img {} #conteneur-diapo-donate #conteneur-photo #legend { color: #F2F2F2; font-style: italic; font-family: Georgia, serif; background: #23201d; background: rgba(35, 32, 29, .8); position: absolute; bottom: 0; width: 100%; padding: 15px 0; text-align: center } #conteneur-diapo-donate .jaune { color: #FFC026 } #conteneur-diapo-donate .bleu { color: #6CC } #conteneur-diapo-donate .gris { color: #ADA799 } #conteneur-diapo-donate a.nav { font-size: 11px; font-style: italic; font-weight: 700; font-family: Georgia, serif } #conteneur-diapo-donate a.nav:hover { background-color: #312D27; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } #conteneur-diapo-donate a#link-donator-list { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_back_list.png); background-repeat: no-repeat; text-decoration: none; padding: 4px 30px 4px 10px; background-position: 95px 8px; margin-left: 5px } #conteneur-diapo-donate a#link-donator-testim { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_back_list1.png); background-repeat: no-repeat; text-decoration: none; padding: 4px 30px 4px 10px; background-position: 105px 8px; margin-left: 5px } #conteneur-diapo-donate a#link-donator-back { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_back.png); background-repeat: no-repeat; text-decoration: none; padding: 4px 20px 4px 10px; background-position: right 7px; margin-left: 5px } #conteneur-diapo-donate a#link-donator-next { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_next.png); background-repeat: no-repeat; text-decoration: none; padding: 4px 10px 4px 20px; background-position: 10px 7px; margin-left: 5px } #conteneur-diapo-donate .align-bottom { vertical-align: bottom; padding-bottom: 16px } #conteneur-diapo-donate #col-1 { width: 140px; text-align: center } #conteneur-diapo-donate #col-2 { width: 110px; text-align: center } #conteneur-diapo-donate #col-3 {} #conteneur-diapo-donate #col-4 { width: 100px; text-align: center } #conteneur-diapo-donate .donate { text-align: center; margin: 30px 0 } #conteneur-diapo-donate #conteneur-photo-big { width: 874px; margin: 105px auto 0 } #conteneur-diapo-donate.final-slide #conteneur-photo-big img {} #conteneur-diapo-donate.final-slide #conteneur-photo-big #legend { color: #F2F2F2; font-style: italic; font-family: Georgia, serif; width: 100%; padding: 15px 0 0; text-align: center; font-size: 14px } #conteneur-diapo-donate.final-slide #conteneur-link-donator-list-big { float: left; text-align: center; margin: 32px 0 30px 50px } #conteneur-diapo-donate.final-slide #conteneur-link-donator-back-big { float: left; text-align: center; margin: 32px 0 30px 50px } #conteneur-diapo-donate.final-slide .donate { margin: 30px auto; width: 70px } #conteneur-diapo-donate.final-slide #dons-moyen { text-align: center; color: #ADA799; font-style: italic; font-family: Georgia, serif; clear: both; font-size: 12px; margin-bottom: 25px } #leaderboard { max-width: 770px; width: 100% } #leaderboard iframe { max-width: 728px } #adclose-block { text-align: right; visibility: hidden; margin-left: 5px; display: inline } #adclose { width: 100%; font-size: 11px; color: #474b4d } #adclose:hover { color: #bababa } #why-donate-bloc { float: left; font-family: Georgia, serif; font-style: italic; text-shadow: 0 1px 0 #fff; margin-top: 55px; width: 500px } #why-donate-bloc p { margin: 0 0 10px } #why-donate-bloc a, #why-donate-bloc a:visited { text-decoration: none; color: #2A7CFF } #why-donate-bloc a:hover { text-decoration: underline } #why-donate-bloc h3 { font-weight: 700; margin: 0 0 10px; font-size: 20px } #become-donor-bloc { float: right; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/donation_testimonials.png) no-repeat; height: 168px; width: 357px; margin-top: 30px; color: #fff; font-size: 13px; font-weight: 700 } #become-donor-bloc .donate { margin-left: 115px; margin-top: 62px } #become-donor-bloc .donate span { margin-right: 10px; line-height: 23px; position: relative; top: -5px } #become-donor-bloc a#take-tour { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/donation_next.png); background-repeat: no-repeat; text-decoration: none; color: #FFC026; padding: 0 0 0 10px; background-position: 0 4px; margin-left: 5px } #become-donor-bloc a#take-tour:hover { text-decoration: underline } #storytelling-1 { float: left; width: 48%; margin-top: 30px } #storytelling-2 { float: right; width: 48%; margin-top: 30px } .bloc-story { padding: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 100%; line-height: 1.48; background: #F2F2F2; font-family: Georgia, serif; font-size: 13px; text-shadow: 0 1px 0 #fff; width: 434px; padding: 20x; margin-bottom: 20px } .bloc-story .avatar-story { float: left; width: 70px } .bloc-story .avatar-story img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .bloc-story .text-story { float: right; font-style: italic; width: 363px } .bloc-story .text-story ol { margin-left: 30px; margin-bottom: 10px } .username-donate { color: #aaa; text-decoration: none; border-bottom: 1px dotted #aaa; font-style: italic; margin-top: 10px; display: inline-block } .username-donate:hover { color: #000; text-decoration: none; border-bottom: 1px dotted #000 } pre { font-family: Museo, Consolas, monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; font-size: 12px } pre code { border: 1px solid #D8D2C5; padding: .6em; line-height: 1.48em; display: block; margin-top: 10px; background: #fff } .follow-choice-wrapper { width: 25%; float: left; text-align: center; margin-bottom: 20px; position: relative; left: -54px; margin-top: 15px } #square span.statigram-link { width: 24px; height: 25px; background: url(/web/20140408000908im_/http://static.statigr.am/images/follow-square.png) no-repeat 0 0 transparent; display: block; outline: 0; margin: 0 auto; margin-bottom: 15px } #follow_us span.statigram-link, #follow_me span.statigram-link { width: 62px; height: 25px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); font-weight: 700; font-family: Arial, Helvetica, sans-serif; background: url(/web/20140408000908im_/http://static.statigr.am/images/follow-long.png) no-repeat 0 0 transparent; display: block; text-decoration: none; font-size: 11px; padding-left: 22px; padding-right: 7px; line-height: 25px; outline: 0; margin: 0 auto; margin-bottom: 15px } #follow span.statigram-left { display: block; outline: 0; background: url(/web/20140408000908im_/http://static.statigr.am/images/follow-flex1.png) no-repeat 0 0 transparent; width: 22px; height: 25px } #follow span.statigram-link { display: block; outline: 0; height: 25px; background: url(/web/20140408000908im_/http://static.statigr.am/images/follow-flex2.png) repeat-x 0 0 transparent; text-decoration: none; font-size: 11px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4); font-weight: 700; font-family: Arial, Helvetica, sans-serif; padding: 0 3px; line-height: 25px } #follow span.statigram-right { outline: 0; display: block; height: 25px; width: 2px; background: url(/web/20140408000908im_/http://static.statigr.am/images/follow-flex3.png) no-repeat 0 0 transparent } #follow table { border-spacing: 0; border-collapse: collapse; margin: 0 auto; margin-bottom: 15px } pre.follow-button { height: 75px } #square { height: 25px } .bloc-photo {} #join-wrapper { padding: 30px 0 70px; font-size: 13px; line-height: 1.4; color: #585858 } #join-wrapper h1 { font-weight: 100; font-size: 26px; color: #252525 } #join-wrapper .join-intro1 { font-weight: 700; font-size: 13px; margin-top: 25px } #join-wrapper .join-intro2 { margin-top: 25px } #join-wrapper .one-job { -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; margin-top: 20px; padding: 20px } #join-wrapper .one-job H2 { font-weight: 300; font-size: 20px; color: #3b96d4; margin-bottom: 10px } #join-wrapper .one-job UL { margin-left: 15px } #join-wrapper .one-job LI {} #join-wrapper .one-job .join-application { margin-top: 20px; color: #bababa } .sous-menu-about { text-align: center; padding-top: 20px; height: 40px } .sous-menu-about a { margin: 0 25px; color: #bababa; font-size: 13px; font-weight: 700; padding: 0 0 17px; height: 20px; line-height: 26px; display: inline-block } .sous-menu-about a.selected { border-bottom: 3px solid #3b96d4; color: #fff } .sous-menu-about a:hover { color: #fff } .about-header { background: url(/web/20140408000908im_/http://static.statigr.am/images/about/bg-countryside.jpg) repeat center top #000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; height: 153px } .about-header h1 { font-weight: 100; font-size: 44px; color: #fff; padding-top: 35px } .about-header p { color: #fff; font-size: 13px; margin-top: 14px; padding: 0 5% } #our-story-wrapper { background: #fff; display: inline-block; width: 100%; padding-bottom: 50px; color: #585858 } #our-story-wrapper .left { font-weight: 300; font-size: 15px; display: inline-block; width: 59%; padding: 45px 5% 0 0; float: none; vertical-align: top } #our-story-wrapper .right { display: inline-block; width: 35%; padding: 45px 0 0; font-size: 13px; float: none; vertical-align: top } #our-story-wrapper p, #our-story-wrapper ul { margin-bottom: 25px; line-height: 1.5em } #our-story-wrapper ul li { margin-left: 19px } #our-story-wrapper .about-bold { font-weight: 700 } #our-story-wrapper .about-blue { color: #3B96D4 } #our-team-wrapper { background: #f5f5f5 } #our-team-wrapper table { width: 85%; margin: 0 auto } #our-team-wrapper td { text-align: center; padding-bottom: 50px; width: 33%; vertical-align: top } #our-team-wrapper h1 { font-weight: 100; font-size: 34px; color: #252525; padding: 75px 0 65px; text-align: center } #our-team-wrapper h2 { font-weight: 700; font-size: 14px; color: #252525; margin-top: 20px } #our-team-wrapper h3 { font-size: 13px; color: #3B96D4; font-weight: 300 } #our-team-wrapper a { position: relative } #our-team-wrapper a span.username { position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 84px; width: 134px; display: inline-block; z-index: 3; left: 0; color: #fff; font-weight: 700; font-size: 13px; padding-top: 50px; background-color: transparent; background-color: rgba(0, 0, 0, .0); -webkit-transition-property: background-color; -webkit-transition-duration: 1s; -moz-transition-property: background-color; -moz-transition-duration: 1s; transition-property: background-color; transition-duration: 1s } #our-team-wrapper a:hover>span.username { background-color: #63ca60; background-color: rgba(99, 202, 96, .7) } #our-team-wrapper a:hover>span.username span.hide { display: block } #our-team-wrapper a span.username.careers { height: 75px; padding-top: 60px } #our-team-wrapper a span.username .picto { font-size: 25px; margin-right: 5px; display: inline; top: 4px; position: relative } #our-team-wrapper img { max-width: 134px; width: 100% } #milestones-wrapper { background: #fff } #milestones-wrapper .green { color: #63ca60 } #milestones-wrapper h1 { font-weight: 100; font-size: 34px; color: #252525; padding: 75px 0 65px; text-align: center } #milestones-wrapper .left { padding: 0 23px 75px 0; text-align: right; max-width: 487px; width: 100%; position: relative; float: left } #milestones-wrapper .right { padding: 0 0 75px 22px; text-align: left; max-width: 487px; width: 100%; position: relative; float: left } #milestones-wrapper .left-container { border-right: 1px solid #f5f5f5; float: left; max-width: 509px; height: 3570px } #milestones-wrapper .right-container { border-left: 1px solid #f5f5f5; float: left; max-width: 509px; height: 3250px } #milestones-wrapper .left-1 { margin-top: 143px } #milestones-wrapper .left .dot, #milestones-wrapper .left .star { position: absolute; right: -11px; top: -3px; max-width: 21px } #milestones-wrapper .right .star, #milestones-wrapper .right .dot { position: absolute; left: -11px; top: -3px; max-width: 21px } #milestones-wrapper .left.first .dot { top: 141px } #milestones-wrapper .date-blue { font-weight: 300; font-size: 13px; color: #3B96D4 } #milestones-wrapper .date-red { font-weight: 300; font-size: 13px; color: #DE2154 } #milestones-wrapper .title-feature { text-transform: uppercase; font-weight: 700; font-size: 16px; color: #585858; margin: 7px 0 10px } #milestones-wrapper .title-number { text-transform: uppercase; font-weight: 100; font-size: 36px; color: #585858 } #milestones-wrapper .title-number b { font-weight: 700 } #milestones-wrapper .left-1 img, #milestones-wrapper .left-4 img, #milestones-wrapper .left-7 img, #milestones-wrapper .left-12 img, #milestones-wrapper .left-14 img, #milestones-wrapper .left-16 img, #milestones-wrapper .left-17 img, #milestones-wrapper .left-19 img, #milestones-wrapper .left-21 img, #milestones-wrapper .left-23 img, #milestones-wrapper .right-2 img, #milestones-wrapper .right-5 img, #milestones-wrapper .right-6 img, #milestones-wrapper .right-8 img, #milestones-wrapper .right-9 img, #milestones-wrapper .right-13 img, #milestones-wrapper .right-15 img, #milestones-wrapper .right-18 img, #milestones-wrapper .right-20 img, #milestones-wrapper .right-22 img, #milestones-wrapper .right-23 img { max-width: 492px; width: 100% } .wrapper-map { position: relative } .link-wrapper-map { position: absolute; display: block; height: 31.983%; width: 14.706%; border-radius: 50%; left: 40.3%; top: 9.2% } #location-wrapper { padding-bottom: 75px; background: #f5f5f5 } #location-wrapper h1 { font-weight: 100; font-size: 34px; color: #252525; padding: 75px 0 70px; text-align: center } #location-wrapper img { width: 100%; max-width: 1030px } #press-wrapper { background: #fff; padding-bottom: 75px; text-align: center } #press-wrapper h1 { font-weight: 100; font-size: 34px; color: #252525; padding: 75px 0 45px; text-align: center } #press-wrapper a.download { display: inline-block; display: inline-block; margin: 0 15px } #press-wrapper p { margin-top: 45px; font-size: 13px; color: #585858 } #press-wrapper p a { color: #3B96D4 } #press-wrapper p a:hover { color: #056cb2 } #press-wrapper img { max-width: 238px; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in } #press-wrapper img:hover { opacity: .6 } #thanks-instagram-wrapper { background: #202629; padding: 75px 0; text-align: center } #thanks-instagram-wrapper h2 { font-weight: 100; font-size: 26px; color: #fff; margin: 35px 0 12px } #thanks-instagram-wrapper img:first-child { margin-right: 23px } #thanks-instagram-wrapper img { width: 76px } #thanks-instagram-wrapper h2 span.blue { color: #3B96D4 } #thanks-instagram-wrapper p { color: #bababa; font-size: 13px } body.about-page footer { margin-top: 0 } .wrapper-dropdown { max-width: 190px; float: right; color: #ADA799; font-size: 12px; width: 100%; padding-top: 9px; position: relative; margin-top: 6px; max-width: 170px } .wrapper-share { max-width: 190px; float: none; margin: 0; padding: 0; color: #ADA799; font-size: 10px; width: 100%; position: relative; max-width: 170px } .wrapper-share .u, #menu-viewer-concours-smaller .u, .wrapper-dropdown .u { cursor: pointer; text-overflow: ellipsis; white-space: nowrap; max-width: 130px; display: block; overflow: hidden } #menu-viewer-concours-smaller .u .fleche { margin-left: 5px } .wrapper-share li, #menu-viewer-concours-smaller li, .wrapper-dropdown li { list-style: none } .wrapper-share li a, #menu-viewer-concours-smaller li a, .wrapper-dropdown li a { color: #ADA799 } #menu-viewer-concours-smaller li a:hover, .wrapper-dropdown li a:hover { text-decoration: underline } .wrapper-share ul, #menu-viewer-concours-smaller ul, .wrapper-dropdown ul { display: block; text-align: left } .wrapper-dropdown .dat-menu { padding: 15px; float: right; border: 1px solid transparent; padding-top: 8px; padding-bottom: 8px; position: absolute; right: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } #menu-viewer-concours-smaller .dat-menu { padding: 5px 15px; float: left; border: 1px solid transparent; position: absolute; left: 0; margin-left: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #42403C; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .wrapper-share .dat-menu { padding: 1px 5px 3px; float: left; border: 1px solid transparent; position: absolute; left: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .wrapper-share .sous-menu-dropdown, #menu-viewer-concours-smaller .sous-menu-dropdown, .wrapper-dropdown .sous-menu-dropdown { z-index: 100000; line-height: 20px; padding-top: 5px; display: none } .wrapper-share.open .dat-menu, #menu-viewer-concours-smaller.open .dat-menu, .wrapper-dropdown.open .dat-menu { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ADA799; border: 1px solid rgba(255, 255, 255, .2); background: #42403C; color: #CDC6B5; box-shadow: 0 0 3px 2px rgba(0, 0, 0, .2); z-index: 1000000 } .wrapper-share.open .dat-menu li a { color: #ADA799 } #menu-viewer-concours-smaller.open .dat-menu li a, .wrapper-dropdown.open .dat-menu li a { color: #CDC6B5 } .wrapper-share span.title { font-size: 11px; margin: 0 3px; line-height: 18px } .activites .share-grid { float: left; text-shadow: 0 -1px #000; color: #bababa; position: relative; top: 2px } .wrapper-share.open .sous-menu-dropdown, #menu-viewer-concours-smaller.open .sous-menu-dropdown, .wrapper-dropdown.open .sous-menu-dropdown { display: block; color: #CDC6B5; clear: both } .wrapper-share.open .sous-menu-dropdown span.label { font-family: Helvetica, arial; margin-left: 5px } #mobile-menu { display: none; padding-left: 2%; padding-right: 2% } .search-mobile-wrapper, .links-mobile-wrapper { display: none } .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(3n), .photos-wrapper:nth-child(4n) { display: inline-block; padding: 1%; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .3); margin-top: 30px; width: 14.7%; margin-right: 4.1%; position: relative; background: #202629; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .photos-wrapper:nth-child(5n) { margin-right: 0 } #gallerie-concours .photos-wrapper { background: 0 } .photos-wrapper:hover { background: rgba(255, 255, 255, .05) } .conteneurPhotoListGauche .PhotoListGauchePhoto { border: 0; background-color: transparent; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .3); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .image-wrapper img { width: 100% } .photos-wrapper div.nouveau-commentaire { position: absolute; z-index: 1000; display: none; background-color: #000; background-color: rgba(0, 0, 0, .7); padding: 10px; bottom: -88px; left: -1px; width: 378px } #general-content .photos-wrapper div.nouveau-commentaire .textareaCommentaire { height: 50px; color: #585858; border: 1px solid #000; resize: none } .photos-wrapper .detailCommentAlignRight div.nouveau-commentaire { left: -221px } .photos-wrapper div.nouveau-commentaire textarea.textareaCommentaire { background-color: #ADA799; border: 1px solid #000; color: #312D27; font-style: normal; width: 360px; padding: 10px; height: 50px; margin: 0; resize: none } .photos-wrapper div.nouveau-commentaire a.commentAction { float: right; padding: 5px 15px 2px; margin-top: 5px; color: #fff; background-color: #63ca60; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .photos-wrapper div.nouveau-commentaire a.commentAction:hover { background-color: #53bb50 } .photos-wrapper div.nouveau-commentaire .commentLoading { float: right; width: 16px; height: 16px; margin: 13px -40px 0 0; display: none } .photos-wrapper .pseudo, .photos-wrapper .source { font-size: 11px; line-height: 1.5; margin-bottom: 5px; color: #bababa } .photos-wrapper .pseudo { float: left } .photos-wrapper .source { float: none; margin-right: 6px } .photos-wrapper .pseudo a, .photos-wrapper .pseudo .nolink { color: #bababa; max-width: 80%; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 14px; font-size: 13px } .photos-wrapper .pseudo a.source { font-size: 11px; line-height: 1.5; margin-bottom: 5px; display: inline } .mobile { display: none !important } .desktop { display: block !important } .decal { position: relative; top: -5px } .super-sharing { float: left; width: 100%; text-align: right } .super-sharing.mobile { float: left } .social-click, .social-share { margin-right: 10px } .social-links-viewer a { color: #52585b; position: relative; top: 12px } .social-links-viewer a:hover { color: #465058 } a.lien-repost:hover { background-color: #465058; color: #111518 } .social-links-viewer .lien-repost { margin-left: 10px; top: 10px } .lien-repost.mobile { position: relative; top: 6px } .super-sharing.mobile { position: relative; top: -5px; margin-top: 15px } .social-links-viewer .ss-tumblr { margin-right: 0 } .separation-repost { margin: 0 15px 0 10px; display: inline-block; vertical-align: bottom; line-height: 10px; color: #63605A } .title-repost { font-size: 12px; vertical-align: text-top; margin-left: 5px } div.last-item { margin-right: 0 !important } @font-face { font-family: Statifont; src: url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.eot?4); src: url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.eot?4#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.woff?4) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.ttf?4) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.svg?4#statifont-light) format('svg'); font-weight: 400; font-style: normal } html:hover [class^=ss-] { -ms-zoom: 1 } .ss-icon, .ss-icon.ss-stati, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-].ss-stati:before, [class*=" ss-"].ss-stati:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-].ss-stati.right:after, [class*=" ss-"].ss-stati.right:after { font-family: Statifont; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } .ss-icon, .ss-icon.ss-pika, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-].ss-pika:before, [class*=" ss-"].ss-pika:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-].ss-pika.right:after, [class*=" ss-"].ss-pika.right:after { font-family: SSPika; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } [class^=ss-].right:before, [class*=" ss-"].right:before { display: none; content: '' } .ss-cursor:before, .ss-cursor.right:after { content: '' } .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖' } .ss-search:before, .ss-search.right:after { content: '🔎' } .ss-zoomin:before, .ss-zoomin.right:after { content: '' } .ss-zoomout:before, .ss-zoomout.right:after { content: '' } .ss-screenshot:before, .ss-screenshot.right:after { content: '' } .ss-binoculars:before, .ss-binoculars.right:after { content: '' } .ss-view:before, .ss-view.right:after { content: '👀' } .ss-attach:before, .ss-attach.right:after { content: '📎' } .ss-link:before, .ss-link.right:after { content: '🔗' } .ss-move:before, .ss-move.right:after { content: '' } .ss-write:before, .ss-write.right:after { content: '✎' } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '' } .ss-erase:before, .ss-erase.right:after { content: '✐' } .ss-compose:before, .ss-compose.right:after { content: '📝' } .ss-draw:before, .ss-draw.right:after { content: '✏' } .ss-lock:before, .ss-lock.right:after { content: '🔒' } .ss-unlock:before, .ss-unlock.right:after { content: '🔓' } .ss-key:before, .ss-key.right:after { content: '🔑' } .ss-backspace:before, .ss-backspace.right:after { content: '⌫' } .ss-ban:before, .ss-ban.right:after { content: '🚫' } .ss-nosmoking:before, .ss-nosmoking.right:after { content: '🚭' } .ss-trash:before, .ss-trash.right:after { content: '' } .ss-target:before, .ss-target.right:after { content: 'â—Ž' } .ss-new:before, .ss-new.right:after { content: '🆕' } .ss-tag:before, .ss-tag.right:after { content: 'î„€' } .ss-pricetag:before, .ss-pricetag.right:after { content: 'î„‚' } .ss-flowertag:before, .ss-flowertag.right:after { content: '' } .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖' } .ss-flag:before, .ss-flag.right:after { content: 'âš‘' } .ss-like:before, .ss-like.right:after { content: '👍' } .ss-dislike:before, .ss-dislike.right:after { content: '👎' } .ss-heart:before, .ss-heart.right:after { content: '♥' } .ss-halfheart:before, .ss-halfheart.right:after { content: 'î† ' } .ss-emptyheart:before, .ss-emptyheart.right:after { content: '♡' } .ss-star:before, .ss-star.right:after { content: '⋆' } .ss-halfstar:before, .ss-halfstar.right:after { content: '' } .ss-medal:before, .ss-medal.right:after { content: '' } .ss-ribbon:before, .ss-ribbon.right:after { content: '🎀' } .ss-bullseye:before, .ss-bullseye.right:after { content: '🎯' } .ss-sample:before, .ss-sample.right:after { content: '' } .ss-crop:before, .ss-crop.right:after { content: '' } .ss-layers:before, .ss-layers.right:after { content: '' } .ss-gridlines:before, .ss-gridlines.right:after { content: '' } .ss-pen:before, .ss-pen.right:after { content: '✒' } .ss-feather:before, .ss-feather.right:after { content: 'îˆ ' } .ss-rubbereraser:before, .ss-rubbereraser.right:after { content: '' } .ss-paintroller:before, .ss-paintroller.right:after { content: '' } .ss-rubberstamp:before, .ss-rubberstamp.right:after { content: '' } .ss-checkclipboard:before, .ss-checkclipboard.right:after { content: '' } .ss-linechartclipboard:before, .ss-linechartclipboard.right:after { content: '' } .ss-clockwise:before, .ss-clockwise.right:after { content: '⥁' } .ss-phone:before, .ss-phone.right:after { content: '📞' } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '' } .ss-headset:before, .ss-headset.right:after { content: '' } .ss-megaphone:before, .ss-megaphone.right:after { content: '📢' } .ss-rss:before, .ss-rss.right:after { content: '' } .ss-facetime:before, .ss-facetime.right:after { content: 'îŒ ' } .ss-reply:before, .ss-reply.right:after { content: '↩' } .ss-send:before, .ss-send.right:after { content: '' } .ss-mail:before, .ss-mail.right:after { content: '✉' } .ss-inbox:before, .ss-inbox.right:after { content: '📥' } .ss-outbox:before, .ss-outbox.right:after { content: '📤' } .ss-wifimail:before, .ss-wifimail.right:after { content: '' } .ss-chat:before, .ss-chat.right:after { content: '💬' } .ss-user:before, .ss-user.right:after { content: '👤' } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧' } .ss-users:before, .ss-users.right:after { content: '👥' } .ss-usergroup:before, .ss-usergroup.right:after { content: '' } .ss-adduser:before, .ss-adduser.right:after { content: '' } .ss-removeuser:before, .ss-removeuser.right:after { content: '' } .ss-deleteuser:before, .ss-deleteuser.right:after { content: '' } .ss-userprofile:before, .ss-userprofile.right:after { content: '' } .ss-businessuser:before, .ss-businessuser.right:after { content: '' } .ss-cart:before, .ss-cart.right:after { content: '' } .ss-addcart:before, .ss-addcart.right:after { content: '' } .ss-removecart:before, .ss-removecart.right:after { content: '' } .ss-deletecart:before, .ss-deletecart.right:after { content: '' } .ss-downloadcart:before, .ss-downloadcart.right:after { content: 'î”…' } .ss-emptycart:before, .ss-emptycart.right:after { content: '' } .ss-basket:before, .ss-basket.right:after { content: '' } .ss-gift:before, .ss-gift.right:after { content: '🎁' } .ss-apple:before, .ss-apple.right:after { content: '🍏' } .ss-cashregister:before, .ss-cashregister.right:after { content: 'î”°' } .ss-store:before, .ss-store.right:after { content: '🏬' } .ss-searchbarcode:before, .ss-searchbarcode.right:after { content: 'î”±' } .ss-notepad:before, .ss-notepad.right:after { content: '' } .ss-creditcard:before, .ss-creditcard.right:after { content: '💳' } .ss-safe:before, .ss-safe.right:after { content: 'î•€' } .ss-digitalsafe:before, .ss-digitalsafe.right:after { content: '' } .ss-atm:before, .ss-atm.right:after { content: '🏧' } .ss-dispensecash:before, .ss-dispensecash.right:after { content: 'î•‚' } .ss-banknote:before, .ss-banknote.right:after { content: '💵' } .ss-coins:before, .ss-coins.right:after { content: '' } .ss-bankcheck:before, .ss-bankcheck.right:after { content: 'î•„' } .ss-piggybank:before, .ss-piggybank.right:after { content: 'î•…' } .ss-moneybag:before, .ss-moneybag.right:after { content: '💰' } .ss-tip:before, .ss-tip.right:after { content: '' } .ss-calculator:before, .ss-calculator.right:after { content: 'î•‘' } .ss-percent:before, .ss-percent.right:after { content: '%' } .ss-bank:before, .ss-bank.right:after { content: '🏦' } .ss-scales:before, .ss-scales.right:after { content: 'âš–' } .ss-piechart:before, .ss-piechart.right:after { content: 'î•°' } .ss-piechartthirds:before, .ss-piechartthirds.right:after { content: '' } .ss-barchart:before, .ss-barchart.right:after { content: '📊' } .ss-upwardsbarchart:before, .ss-upwardsbarchart.right:after { content: '' } .ss-downwardsbarchart:before, .ss-downwardsbarchart.right:after { content: '' } .ss-horizontalbarchart:before, .ss-horizontalbarchart.right:after { content: 'î•´' } .ss-analytics:before, .ss-analytics.right:after { content: '' } .ss-upwardslinechart:before, .ss-upwardslinechart.right:after { content: '📈' } .ss-downwardslinechart:before, .ss-downwardslinechart.right:after { content: '📉' } .ss-linecharts:before, .ss-linecharts.right:after { content: '' } .ss-scatterchart:before, .ss-scatterchart.right:after { content: '' } .ss-stock:before, .ss-stock.right:after { content: '' } .ss-form:before, .ss-form.right:after { content: 'î–‚' } .ss-box:before, .ss-box.right:after { content: '📦' } .ss-crate:before, .ss-crate.right:after { content: 'î—˜' } .ss-deliveryvan:before, .ss-deliveryvan.right:after { content: 'î— ' } .ss-deliverytruck:before, .ss-deliverytruck.right:after { content: 'î—¡' } .ss-forklift:before, .ss-forklift.right:after { content: 'î—¢' } .ss-cargoship:before, .ss-cargoship.right:after { content: 'î—£' } .ss-hook:before, .ss-hook.right:after { content: 'î—¤' } .ss-weight:before, .ss-weight.right:after { content: 'î—¥' } .ss-containers:before, .ss-containers.right:after { content: 'î—¦' } .ss-fragile:before, .ss-fragile.right:after { content: 'î—§' } .ss-thissideup:before, .ss-thissideup.right:after { content: 'î—¨' } .ss-home:before, .ss-home.right:after { content: '⌂' } .ss-building:before, .ss-building.right:after { content: '🏢' } .ss-lodging:before, .ss-lodging.right:after { content: '🏨' } .ss-earth:before, .ss-earth.right:after { content: '🌎' } .ss-globe:before, .ss-globe.right:after { content: '🌐' } .ss-garage:before, .ss-garage.right:after { content: '' } .ss-warehouse:before, .ss-warehouse.right:after { content: '' } .ss-floorplan:before, .ss-floorplan.right:after { content: '' } .ss-address:before, .ss-address.right:after { content: '' } .ss-searchhouse:before, .ss-searchhouse.right:after { content: '' } .ss-housesale:before, .ss-housesale.right:after { content: '' } .ss-navigate:before, .ss-navigate.right:after { content: 'î™°' } .ss-compass:before, .ss-compass.right:after { content: 'î™±' } .ss-signpost:before, .ss-signpost.right:after { content: '' } .ss-map:before, .ss-map.right:after { content: '' } .ss-gps:before, .ss-gps.right:after { content: 'î™´' } .ss-compassnavigate:before, .ss-compassnavigate.right:after { content: '' } .ss-compassarrow:before, .ss-compassarrow.right:after { content: '' } .ss-location:before, .ss-location.right:after { content: '' } .ss-pin:before, .ss-pin.right:after { content: '📍' } .ss-pushpin:before, .ss-pushpin.right:after { content: '📌' } .ss-maplocation:before, .ss-maplocation.right:after { content: '' } .ss-globelocation:before, .ss-globelocation.right:after { content: 'î›’' } .ss-puzzle:before, .ss-puzzle.right:after { content: '' } .ss-floppydisk:before, .ss-floppydisk.right:after { content: '💾' } .ss-firewall:before, .ss-firewall.right:after { content: 'îœ ' } .ss-database:before, .ss-database.right:after { content: 'îž ' } .ss-hdd:before, .ss-hdd.right:after { content: 'îž°' } .ss-music:before, .ss-music.right:after { content: '♫' } .ss-eighthnote:before, .ss-eighthnote.right:after { content: '♪' } .ss-mic:before, .ss-mic.right:after { content: '🎤' } .ss-volume:before, .ss-volume.right:after { content: '🔈' } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉' } .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊' } .ss-radio:before, .ss-radio.right:after { content: '📻' } .ss-stereo:before, .ss-stereo.right:after { content: 'î ' } .ss-airplay:before, .ss-airplay.right:after { content: 'î €' } .ss-vinylrecord:before, .ss-vinylrecord.right:after { content: 'î ' } .ss-disc:before, .ss-disc.right:after { content: '💿' } .ss-camera:before, .ss-camera.right:after { content: '📷' } .ss-picture:before, .ss-picture.right:after { content: '🌄' } .ss-video:before, .ss-video.right:after { content: '📹' } .ss-playvideo:before, .ss-playvideo.right:after { content: '' } .ss-play:before, .ss-play.right:after { content: 'â–¶' } .ss-pause:before, .ss-pause.right:after { content: 'î¢ ' } .ss-stop:before, .ss-stop.right:after { content: 'â– ' } .ss-record:before, .ss-record.right:after { content: '●' } .ss-rewind:before, .ss-rewind.right:after { content: '⏪' } .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩' } .ss-skipback:before, .ss-skipback.right:after { content: '⏮' } .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭' } .ss-eject:before, .ss-eject.right:after { content: '⏏' } .ss-repeat:before, .ss-repeat.right:after { content: '🔁' } .ss-replay:before, .ss-replay.right:after { content: '↺' } .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀' } .ss-index:before, .ss-index.right:after { content: '' } .ss-page:before, .ss-page.right:after { content: '' } .ss-book:before, .ss-book.right:after { content: '📕' } .ss-books:before, .ss-books.right:after { content: '📚' } .ss-openbook:before, .ss-openbook.right:after { content: '📖' } .ss-heartbook:before, .ss-heartbook.right:after { content: '' } .ss-downloadbook:before, .ss-downloadbook.right:after { content: '' } .ss-musicopenbook:before, .ss-musicopenbook.right:after { content: '' } .ss-searchbook:before, .ss-searchbook.right:after { content: '' } .ss-notebook:before, .ss-notebook.right:after { content: '📓' } .ss-newspaper:before, .ss-newspaper.right:after { content: '📰' } .ss-notice:before, .ss-notice.right:after { content: '' } .ss-rows:before, .ss-rows.right:after { content: '' } .ss-columns:before, .ss-columns.right:after { content: '' } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '' } .ss-pagecurl:before, .ss-pagecurl.right:after { content: '' } .ss-desktop:before, .ss-desktop.right:after { content: '💻' } .ss-laptop:before, .ss-laptop.right:after { content: '' } .ss-tablet:before, .ss-tablet.right:after { content: '' } .ss-smartphone:before, .ss-smartphone.right:after { content: '' } .ss-cell:before, .ss-cell.right:after { content: '📱' } .ss-walkytalky:before, .ss-walkytalky.right:after { content: '' } .ss-ereader:before, .ss-ereader.right:after { content: '' } .ss-ebook:before, .ss-ebook.right:after { content: '' } .ss-wifibook:before, .ss-wifibook.right:after { content: '' } .ss-wifiopenbook:before, .ss-wifiopenbook.right:after { content: '' } .ss-battery:before, .ss-battery.right:after { content: '🔋' } .ss-highbattery:before, .ss-highbattery.right:after { content: '' } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '' } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '' } .ss-emptybattery:before, .ss-emptybattery.right:after { content: '' } .ss-chargingbattery:before, .ss-chargingbattery.right:after { content: '' } .ss-heartmobile:before, .ss-heartmobile.right:after { content: '' } .ss-phonemobile:before, .ss-phonemobile.right:after { content: '' } .ss-lockmobile:before, .ss-lockmobile.right:after { content: '' } .ss-textmobile:before, .ss-textmobile.right:after { content: '' } .ss-dollarmobile:before, .ss-dollarmobile.right:after { content: '' } .ss-euromobile:before, .ss-euromobile.right:after { content: '' } .ss-rssmobile:before, .ss-rssmobile.right:after { content: '' } .ss-navigationmobile:before, .ss-navigationmobile.right:after { content: '' } .ss-batterymobile:before, .ss-batterymobile.right:after { content: '' } .ss-powermobile:before, .ss-powermobile.right:after { content: '' } .ss-browseonline:before, .ss-browseonline.right:after { content: '' } .ss-shoponline:before, .ss-shoponline.right:after { content: '' } .ss-bankonline:before, .ss-bankonline.right:after { content: '' } .ss-realtyonline:before, .ss-realtyonline.right:after { content: '' } .ss-readonline:before, .ss-readonline.right:after { content: '' } .ss-weatheronline:before, .ss-weatheronline.right:after { content: '' } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡' } .ss-lightbulbon:before, .ss-lightbulbon.right:after { content: '' } .ss-cfl:before, .ss-cfl.right:after { content: '' } .ss-hairdryer:before, .ss-hairdryer.right:after { content: '' } .ss-picnictable:before, .ss-picnictable.right:after { content: '' } .ss-flame:before, .ss-flame.right:after { content: '' } .ss-campfire:before, .ss-campfire.right:after { content: '🔥' } .ss-bonfire:before, .ss-bonfire.right:after { content: '' } .ss-balloon:before, .ss-balloon.right:after { content: '🎈' } .ss-christmastree:before, .ss-christmastree.right:after { content: '🎄' } .ss-sweep:before, .ss-sweep.right:after { content: '' } .ss-chess:before, .ss-chess.right:after { content: '♞' } .ss-onedie:before, .ss-onedie.right:after { content: '⚀' } .ss-twodie:before, .ss-twodie.right:after { content: '⚁' } .ss-threedie:before, .ss-threedie.right:after { content: 'âš‚' } .ss-fourdie:before, .ss-fourdie.right:after { content: '⚃' } .ss-fivedie:before, .ss-fivedie.right:after { content: 'âš„' } .ss-sixdie:before, .ss-sixdie.right:after { content: 'âš…' } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '' } .ss-download:before, .ss-download.right:after { content: '' } .ss-downloadbox:before, .ss-downloadbox.right:after { content: '' } .ss-downloadcrate:before, .ss-downloadcrate.right:after { content: '' } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: 'î­€' } .ss-upload:before, .ss-upload.right:after { content: '' } .ss-uploadbox:before, .ss-uploadbox.right:after { content: 'î­‚' } .ss-uploadcrate:before, .ss-uploadcrate.right:after { content: 'î­ƒ' } .ss-fork:before, .ss-fork.right:after { content: '' } .ss-merge:before, .ss-merge.right:after { content: '' } .ss-refresh:before, .ss-refresh.right:after { content: '↻' } .ss-sync:before, .ss-sync.right:after { content: '' } .ss-loading:before, .ss-loading.right:after { content: '' } .ss-wifi:before, .ss-wifi.right:after { content: '' } .ss-connection:before, .ss-connection.right:after { content: 'î®…' } .ss-reload:before, .ss-reload.right:after { content: '' } .ss-file:before, .ss-file.right:after { content: '📄' } .ss-addfile:before, .ss-addfile.right:after { content: '' } .ss-removefile:before, .ss-removefile.right:after { content: 'î°‚' } .ss-deletefile:before, .ss-deletefile.right:after { content: 'î°„' } .ss-downloadfile:before, .ss-downloadfile.right:after { content: 'î°†' } .ss-uploadfile:before, .ss-uploadfile.right:after { content: 'î°‡' } .ss-importfile:before, .ss-importfile.right:after { content: 'î°ˆ' } .ss-exportfile:before, .ss-exportfile.right:after { content: 'î°‰' } .ss-settingsfile:before, .ss-settingsfile.right:after { content: 'î°Š' } .ss-lockfile:before, .ss-lockfile.right:after { content: 'î°‘' } .ss-userfile:before, .ss-userfile.right:after { content: 'î°•' } .ss-picturefile:before, .ss-picturefile.right:after { content: 'î°—' } .ss-textfile:before, .ss-textfile.right:after { content: 'î°™' } .ss-exe:before, .ss-exe.right:after { content: 'î°°' } .ss-zip:before, .ss-zip.right:after { content: 'î°±' } .ss-doc:before, .ss-doc.right:after { content: 'î°²' } .ss-ppt:before, .ss-ppt.right:after { content: 'î°³' } .ss-pdf:before, .ss-pdf.right:after { content: 'î°´' } .ss-jpg:before, .ss-jpg.right:after { content: 'î°µ' } .ss-png:before, .ss-png.right:after { content: 'î°¶' } .ss-folder:before, .ss-folder.right:after { content: '📁' } .ss-openfolder:before, .ss-openfolder.right:after { content: '📂' } .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: '' } .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: 'î±·' } .ss-cloudfolder:before, .ss-cloudfolder.right:after { content: 'î²€' } .ss-lockfolder:before, .ss-lockfolder.right:after { content: '' } .ss-securefolder:before, .ss-securefolder.right:after { content: '' } .ss-picturefolder:before, .ss-picturefolder.right:after { content: '' } .ss-moviefolder:before, .ss-moviefolder.right:after { content: '' } .ss-quote:before, .ss-quote.right:after { content: '“' } .ss-text:before, .ss-text.right:after { content: 'î´€' } .ss-font:before, .ss-font.right:after { content: '' } .ss-highlight:before, .ss-highlight.right:after { content: 'î´‘' } .ss-print:before, .ss-print.right:after { content: '⎙' } .ss-fax:before, .ss-fax.right:after { content: '📠' } .ss-list:before, .ss-list.right:after { content: '' } .ss-layout:before, .ss-layout.right:after { content: 'î¶ ' } .ss-action:before, .ss-action.right:after { content: '' } .ss-redirect:before, .ss-redirect.right:after { content: '↪' } .ss-expand:before, .ss-expand.right:after { content: '⤢' } .ss-contract:before, .ss-contract.right:after { content: '' } .ss-help:before, .ss-help.right:after { content: '❓' } .ss-info:before, .ss-info.right:after { content: 'ℹ' } .ss-alert:before, .ss-alert.right:after { content: 'âš ' } .ss-caution:before, .ss-caution.right:after { content: 'â›”' } .ss-logout:before, .ss-logout.right:after { content: '' } .ss-login:before, .ss-login.right:after { content: '' } .ss-scaleup:before, .ss-scaleup.right:after { content: '' } .ss-scaledown:before, .ss-scaledown.right:after { content: '' } .ss-plus:before, .ss-plus.right:after { content: '+' } .ss-hyphen:before, .ss-hyphen.right:after { content: '-' } .ss-check:before, .ss-check.right:after { content: '✓' } .ss-delete:before, .ss-delete.right:after { content: '␡' } .ss-bearface:before, .ss-bearface.right:after { content: '🐻' } .ss-bird:before, .ss-bird.right:after { content: '🐦' } .ss-fishes:before, .ss-fishes.right:after { content: 'î¼ ' } .ss-tropicalfish:before, .ss-tropicalfish.right:after { content: '' } .ss-tree:before, .ss-tree.right:after { content: '🌳' } .ss-evergreen:before, .ss-evergreen.right:after { content: '🌲' } .ss-palmtree:before, .ss-palmtree.right:after { content: '🌴' } .ss-leaf:before, .ss-leaf.right:after { content: '🍂' } .ss-seedling:before, .ss-seedling.right:after { content: '🌱' } .ss-grass:before, .ss-grass.right:after { content: 'î½°' } .ss-settings:before, .ss-settings.right:after { content: 'âš™' } .ss-dashboard:before, .ss-dashboard.right:after { content: '' } .ss-dial:before, .ss-dial.right:after { content: '' } .ss-notifications:before, .ss-notifications.right:after { content: '🔔' } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕' } .ss-flash:before, .ss-flash.right:after { content: '⌁' } .ss-wrench:before, .ss-wrench.right:after { content: '🔧' } .ss-tapemeasure:before, .ss-tapemeasure.right:after { content: '' } .ss-clock:before, .ss-clock.right:after { content: '⏲' } .ss-watch:before, .ss-watch.right:after { content: '⌚' } .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱' } .ss-alarmclock:before, .ss-alarmclock.right:after { content: '⏰' } .ss-calendar:before, .ss-calendar.right:after { content: '📅' } .ss-addcalendar:before, .ss-addcalendar.right:after { content: '' } .ss-removecalendar:before, .ss-removecalendar.right:after { content: '' } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: '' } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: '' } .ss-sausage:before, .ss-sausage.right:after { content: '' } .ss-burger:before, .ss-burger.right:after { content: '🍔' } .ss-pizza:before, .ss-pizza.right:after { content: '🍕' } .ss-fish:before, .ss-fish.right:after { content: '🐟' } .ss-shrimp:before, .ss-shrimp.right:after { content: '🍤' } .ss-turkey:before, .ss-turkey.right:after { content: 'ï„…' } .ss-steak:before, .ss-steak.right:after { content: '' } .ss-sidedish:before, .ss-sidedish.right:after { content: '🍚' } .ss-noodles:before, .ss-noodles.right:after { content: '🍜' } .ss-spaghetti:before, .ss-spaghetti.right:after { content: '🍝' } .ss-corn:before, .ss-corn.right:after { content: '' } .ss-carrot:before, .ss-carrot.right:after { content: 'ï„‘' } .ss-icecream:before, .ss-icecream.right:after { content: '🍨' } .ss-mug:before, .ss-mug.right:after { content: '☕' } .ss-beer:before, .ss-beer.right:after { content: '🍺' } .ss-bottle:before, .ss-bottle.right:after { content: 'ï„¢' } .ss-wineglass:before, .ss-wineglass.right:after { content: '🍷' } .ss-cocktail:before, .ss-cocktail.right:after { content: '🍸' } .ss-tea:before, .ss-tea.right:after { content: '🍵' } .ss-teapot:before, .ss-teapot.right:after { content: '' } .ss-waterbottle:before, .ss-waterbottle.right:after { content: '' } .ss-wineglasssparkle:before, .ss-wineglasssparkle.right:after { content: 'ï„©' } .ss-salt:before, .ss-salt.right:after { content: 'ï„°' } .ss-pepper:before, .ss-pepper.right:after { content: '' } .ss-oliveoil:before, .ss-oliveoil.right:after { content: '' } .ss-hotsauce:before, .ss-hotsauce.right:after { content: '' } .ss-coal:before, .ss-coal.right:after { content: '' } .ss-oven:before, .ss-oven.right:after { content: 'ï…€' } .ss-stove:before, .ss-stove.right:after { content: '' } .ss-cook:before, .ss-cook.right:after { content: '🍳' } .ss-bbq:before, .ss-bbq.right:after { content: 'ï…‚' } .ss-utensils:before, .ss-utensils.right:after { content: '🍴' } .ss-spoonfork:before, .ss-spoonfork.right:after { content: '' } .ss-knife:before, .ss-knife.right:after { content: '🔪' } .ss-cookingutensils:before, .ss-cookingutensils.right:after { content: 'ï…‘' } .ss-measuringcup:before, .ss-measuringcup.right:after { content: 'ï…¢' } .ss-colander:before, .ss-colander.right:after { content: 'ï…£' } .ss-scale:before, .ss-scale.right:after { content: 'ï…¤' } .ss-eggtimer:before, .ss-eggtimer.right:after { content: 'ï…¥' } .ss-platter:before, .ss-platter.right:after { content: 'ï…¦' } .ss-apron:before, .ss-apron.right:after { content: 'ï…°' } .ss-bbqapron:before, .ss-bbqapron.right:after { content: 'ï…±' } .ss-chef:before, .ss-chef.right:after { content: 'ï…²' } .ss-handbag:before, .ss-handbag.right:after { content: '👜' } .ss-briefcase:before, .ss-briefcase.right:after { content: '💼' } .ss-hanger:before, .ss-hanger.right:after { content: 'ï† ' } .ss-weathervane:before, .ss-weathervane.right:after { content: '' } .ss-thermometer:before, .ss-thermometer.right:after { content: '' } .ss-weather:before, .ss-weather.right:after { content: '' } .ss-cloud:before, .ss-cloud.right:after { content: '☁' } .ss-droplet:before, .ss-droplet.right:after { content: '💧' } .ss-sun:before, .ss-sun.right:after { content: '☀' } .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: 'â›…' } .ss-rain:before, .ss-rain.right:after { content: '☔' } .ss-thunderstorm:before, .ss-thunderstorm.right:after { content: '⛈' } .ss-umbrella:before, .ss-umbrella.right:after { content: '☂' } .ss-rainbow:before, .ss-rainbow.right:after { content: '🌈' } .ss-fog:before, .ss-fog.right:after { content: '' } .ss-wind:before, .ss-wind.right:after { content: '' } .ss-tornado:before, .ss-tornado.right:after { content: '' } .ss-snowflake:before, .ss-snowflake.right:after { content: '❄' } .ss-fan:before, .ss-fan.right:after { content: '' } .ss-solarpanel:before, .ss-solarpanel.right:after { content: '' } .ss-plug:before, .ss-plug.right:after { content: '🔌' } .ss-outlet:before, .ss-outlet.right:after { content: '' } .ss-car:before, .ss-car.right:after { content: '🚘' } .ss-taxi:before, .ss-taxi.right:after { content: '🚖' } .ss-locomotive:before, .ss-locomotive.right:after { content: '🚂' } .ss-train:before, .ss-train.right:after { content: '🚆' } .ss-traintunnel:before, .ss-traintunnel.right:after { content: '🚇' } .ss-bus:before, .ss-bus.right:after { content: '🚍' } .ss-truck:before, .ss-truck.right:after { content: '🚚' } .ss-caravan:before, .ss-caravan.right:after { content: '🚐' } .ss-tractor:before, .ss-tractor.right:after { content: '🚜' } .ss-tunnel:before, .ss-tunnel.right:after { content: '' } .ss-plane:before, .ss-plane.right:after { content: '✈' } .ss-arrival:before, .ss-arrival.right:after { content: '' } .ss-departure:before, .ss-departure.right:after { content: '' } .ss-helicopter:before, .ss-helicopter.right:after { content: '🚁' } .ss-bike:before, .ss-bike.right:after { content: '🚲' } .ss-motorcycle:before, .ss-motorcycle.right:after { content: '' } .ss-boat:before, .ss-boat.right:after { content: '🚢' } .ss-sailboat:before, .ss-sailboat.right:after { content: '⛵' } .ss-schooner:before, .ss-schooner.right:after { content: '' } .ss-skylift:before, .ss-skylift.right:after { content: '🚡' } .ss-rocket:before, .ss-rocket.right:after { content: '🚀' } .ss-steeringwheel:before, .ss-steeringwheel.right:after { content: '' } .ss-trafficcamera:before, .ss-trafficcamera.right:after { content: '' } .ss-fuel:before, .ss-fuel.right:after { content: '⛽' } .ss-jerrycan:before, .ss-jerrycan.right:after { content: '' } .ss-passport:before, .ss-passport.right:after { content: '' } .ss-trafficlight:before, .ss-trafficlight.right:after { content: '🚦' } .ss-highway:before, .ss-highway.right:after { content: 'ïŒ ' } .ss-road:before, .ss-road.right:after { content: '' } .ss-intersection:before, .ss-intersection.right:after { content: '' } .ss-wheelchair:before, .ss-wheelchair.right:after { content: '♿' } .ss-elevator:before, .ss-elevator.right:after { content: '' } .ss-golf:before, .ss-golf.right:after { content: '' } .ss-hockey:before, .ss-hockey.right:after { content: '' } .ss-iceskate:before, .ss-iceskate.right:after { content: '⛸' } .ss-billiards:before, .ss-billiards.right:after { content: '🎱' } .ss-baseballglove:before, .ss-baseballglove.right:after { content: '' } .ss-tennis:before, .ss-tennis.right:after { content: '🎾' } .ss-tabletennis:before, .ss-tabletennis.right:after { content: '' } .ss-badminton:before, .ss-badminton.right:after { content: '' } .ss-boxing:before, .ss-boxing.right:after { content: '' } .ss-bowling:before, .ss-bowling.right:after { content: '' } .ss-football:before, .ss-football.right:after { content: '🏈' } .ss-soccer:before, .ss-soccer.right:after { content: 'âš½' } .ss-hiker:before, .ss-hiker.right:after { content: '' } .ss-pool:before, .ss-pool.right:after { content: '' } .ss-shower:before, .ss-shower.right:after { content: '🚿' } .ss-exercise:before, .ss-exercise.right:after { content: '' } .ss-exercisebike:before, .ss-exercisebike.right:after { content: '' } .ss-dumbbell:before, .ss-dumbbell.right:after { content: '' } .ss-jumprope:before, .ss-jumprope.right:after { content: '' } .ss-yoga:before, .ss-yoga.right:after { content: '' } .ss-suitcase:before, .ss-suitcase.right:after { content: 'î ' } .ss-luggage:before, .ss-luggage.right:after { content: '' } .ss-donotdisturb:before, .ss-donotdisturb.right:after { content: '' } .ss-sunscreen:before, .ss-sunscreen.right:after { content: '' } .ss-callbell:before, .ss-callbell.right:after { content: '' } .ss-hospital:before, .ss-hospital.right:after { content: '⛨' } .ss-medicalcross:before, .ss-medicalcross.right:after { content: 'ï’°' } .ss-ambulance:before, .ss-ambulance.right:after { content: '🚑' } .ss-bandage:before, .ss-bandage.right:after { content: 'ï’²' } .ss-medicalthermometer:before, .ss-medicalthermometer.right:after { content: 'ï’³' } .ss-stethoscope:before, .ss-stethoscope.right:after { content: 'ï’´' } .ss-syringe:before, .ss-syringe.right:after { content: '💉' } .ss-pill:before, .ss-pill.right:after { content: '💊' } .ss-pillbottle:before, .ss-pillbottle.right:after { content: 'ï’µ' } .ss-supplements:before, .ss-supplements.right:after { content: 'ï’¶' } .ss-bathroomscale:before, .ss-bathroomscale.right:after { content: 'ï’·' } .ss-dna:before, .ss-dna.right:after { content: 'ï“‚' } .ss-anatomicalheart:before, .ss-anatomicalheart.right:after { content: '' } .ss-checkheart:before, .ss-checkheart.right:after { content: 'ï“‘' } .ss-eyesurgery:before, .ss-eyesurgery.right:after { content: 'ï“ ' } .ss-brokenbone:before, .ss-brokenbone.right:after { content: 'ï“¡' } .ss-up:before, .ss-up.right:after { content: '⬆' } .ss-upright:before, .ss-upright.right:after { content: '⬈' } .ss-right:before, .ss-right.right:after { content: 'âž¡' } .ss-downright:before, .ss-downright.right:after { content: '⬊' } .ss-down:before, .ss-down.right:after { content: '⬇' } .ss-downleft:before, .ss-downleft.right:after { content: '⬋' } .ss-left:before, .ss-left.right:after { content: '⬅' } .ss-upleft:before, .ss-upleft.right:after { content: '⬉' } .ss-navigateup:before, .ss-navigateup.right:after { content: '' } .ss-navigateright:before, .ss-navigateright.right:after { content: 'â–»' } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '' } .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'â—…' } .ss-directup:before, .ss-directup.right:after { content: 'â–´' } .ss-directright:before, .ss-directright.right:after { content: 'â–¹' } .ss-dropdown:before, .ss-dropdown.right:after { content: 'â–¾' } .ss-directleft:before, .ss-directleft.right:after { content: 'â—ƒ' } .ss-leftright:before, .ss-leftright.right:after { content: '⬌' } .ss-rightward:before, .ss-rightward.right:after { content: '' } .ss-leftward:before, .ss-leftward.right:after { content: 'ï”…' } .ss-previouspage:before, .ss-previouspage.right:after { content: '⎗' } .ss-nextpage:before, .ss-nextpage.right:after { content: '⎘' } .ss-retweet:before, .ss-retweet.right:after { content: '' } .ss-share:before, .ss-share.right:after { content: '' } .picto-play { color: #F2F2F2; text-shadow: 0 0 2px #000; cursor: pointer } .picto-play-grid { font-size: 30px } .ss-stati-play:before, .ss-stati-play.right:before { content: "" } .ss-stati-pause:before, .ss-stati-pause.right:before { content: "" } .picto-play-list { font-size: 56px; line-height: 37px } .toggle-video { position: absolute; right: 15px; top: 15px } #jquery_jplayer_1 { position: relative } .staticlose { font-family: Statifont; padding-right: 5px } #erase-history { font-size: 13px; color: #3b96d4 } #popupErreurFollow { z-index: 500000000; position: fixed; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-size: 13px; color: #6F6151; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; display: none; opacity: 0; width: 300px; height: 100px; top: 50%; left: 50%; margin-left: -150px; margin-top: -50px } #popupErreurFollow .wrapper-popin { position: relative } #popupErreurFollow .ferme-popin-erreur-follow { position: absolute; right: 15px; top: 10px; color: #6F6151 } div.header-homepage { width: 990px; margin: 0 auto } #signin { text-align: right; padding: 25px 0 0 } #signin2 { text-align: right; padding: 5px 0 0 } body.darkBody { background-color: #23201D } div#bandeau { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/bandeau-accueil.jpg); height: 470px; margin: 25px 0 60px; position: relative; -moz-box-shadow: -5px 5px 5px #222; -webkit-box-shadow: -5px 5px 5px #222; box-shadow: -5px 5px 5px #222 } div#bandeau div#bandeau-centre { width: 990px; margin: 0 auto } div#logo { height: 92px } div#logo h1 { float: left } div#placement-logo { padding-top: 25px } div#contain-home { width: 990px; margin: 0 auto; color: #C1C1C1 } div.claim { padding: 5px 0 15px 82px; -moz-text-shadow: 0 2px 1px #000; -webkit-text-shadow: 0 2px 1px #000; text-shadow: 0 2px 1px #000 } div.claim h1, div.claim h2 { font-size: 21px; font-weight: 700; font-family: georgia, serif; font-style: italic } div.claim h1 span.claim-webviewer, div.claim h2 span.claim-webviewer { color: #F2F2F2 } div#texte-accueil-descriptif { float: left; font-size: 14px; color: #f2f2f2; margin: 30px 0 0 70px; width: 400px; -moz-text-shadow: 0 2px 1px #000; -webkit-text-shadow: 0 2px 1px #000; text-shadow: 0 2px 1px #000 } div#texte-accueil-descriptif ul li { margin-bottom: 6px } div#facebook-accueil { margin-top: 35px; margin-right: 10px; height: 35px; float: left } div#twitter-accueil { margin: 35px 10px 0 5px; height: 20px; float: left } div#google-accueil { margin: 35px 0 0 5px; height: 20px; float: left } div#slide-accueil { float: left; height: 231px; margin: 30px 25px 0; width: 260px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/homepage/images-hp-stats_en.png); background-repeat: no-repeat } div#slide-accueil.lg_es { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/homepage/images-hp-stats_es.png) } div#slide-accueil.lg_it { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/homepage/images-hp-stats_it.png) } div#slide-accueil.lg_jp { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/homepage/images-hp-stats_jp.png) } #texte-accueil-browse { float: left; height: 231px; margin: 30px 45px 0; width: 269px } #texte-accueil-contact { float: left; height: 179px; margin: 30px 25px 0; width: 269px } div#social-home { float: right } .btn-sign-bandeau { margin-top: 20px; float: right } div.home-socials { width: 990px; margin: 0 auto 60px } div.home-socials .fbLikes { float: left; width: 300px; background-color: #fff } div.home-socials .fbLikes-pub-250 { background-color: #CDC6B5 } div.home-socials .fbLikes-pub-250-inter { height: 345px; background-color: #d8d2c5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } div.home-socials .fbLikes-pub-250-intro { padding: 10px 0 10px 20px; color: #ada799; font-weight: 700; font-size: 15px } div.home-socials #homeAdd300x250 { float: left; width: 300px; height: 250px; background-color: #fff } div.home-socials .tweets { float: left; width: 300px; margin-left: 42px } div.home-socials .title { height: 35px; font-family: ChunkFiveRegular, georgia, serif; font-size: 18px; color: #42403C; font-weight: 400; text-shadow: 0 1px 0 #fff } div.home-socials .title a { color: #42403C; font-decoration: none } div.home-socials .title a:hover { color: #42403C; text-decoration: underline } div#homeShare { height: 50px; width: 990px; margin: 20px auto 0 } div#homeShare #homeShareShares { float: left; width: 295px } div#homeShare #homeShareTitle { float: left; width: 55px; font-family: ChunkFiveRegular, georgia, serif; font-size: 14px; color: #ADA799; padding: 20px 0 0 5px; text-shadow: 0 1px 0 #fff } div#homeShare #homeShareTwitter { float: left; width: 25px; height: 25px; margin: 16px 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/sprite-share.png); background-position: 0 0 } div#homeShare #homeShareTwitter:hover { background-position: 0 -25px } div#homeShare #homeShareFacebook { float: left; width: 25px; height: 25px; margin: 16px 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/sprite-share.png); background-position: -25px 0 } div#homeShare #homeShareFacebook:hover { background-position: -25px -25px } div#homeShare #homeShareGoogle { float: left; width: 25px; height: 25px; margin: 16px 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/sprite-share.png); background-position: -50px 0 } div#homeShare #homeShareGoogle:hover { background-position: -50px -25px } div#homeShare #homeShareTumblr { float: left; width: 25px; height: 25px; margin: 16px 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/sprite-share.png); background-position: -75px 0 } div#homeShare #homeShareTumblr:hover { background-position: -75px -25px } div#homeShare #homeSharePinterest { float: left; width: 25px; height: 25px; margin: 16px 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/sprite-share.png); background-position: -100px 0 } div#homeShare #homeSharePinterest:hover { background-position: -100px -25px } div#homeShare #homeShareSatisfied { float: left; width: 390px; font-family: ChunkFiveRegular, georgia, serif; font-size: 25px; color: #42403C; text-shadow: 0 1px 0 #fff; text-align: center; padding-top: 15px } div#homeShare #homeShareSatisfied span { letter-spacing: 2px } div#homeShare #homeShareSignin { float: right; width: 290px } div.home-socials .homeCommunity { float: left; width: 300px; margin-left: 42px } div.home-socials .homeCommunity .homeCommunityTitle { text-align: center } div.home-socials .homeCommunity .fbLikes { height: 290px; background-color: #f2f2f2; border: 1px solid #D7D1C4; padding: 5px } div.home-socials .homeCommunity .fbLikes div.intro { padding: 10px 10px 5px; line-height: 1.4 } div.home-socials .homeCommunity .fbLikes div.intro p { margin-bottom: 8px; font-size: 13px; color: #42403C } div.home-socials .homeCommunity .fbLikes div.intro p b { color: #23201D } div.home-socials .homeCommunity .fbConnectWidgetTopmost { border-width: 0 } div.home-socials .homePub { float: left; width: 300px; margin-left: 42px } div.home-socials .homePub .homePubTitle { text-align: right } div.home-socials .homePub .homeLastTitle { text-align: right } div.home-socials .homePub .homeLastPhoto { position: relative; width: 300px; height: 300px } div.home-socials .homePub .homeLastPhoto a.homeLastPhotoVisit { position: absolute; left: 0; bottom: 0; text-align: left; display: block; padding: 8px 0 8px 8px; width: 292px; background-color: #f2f2f2; opacity: .92; color: #888; font-size: 12px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/fleche-public-page.png); background-repeat: no-repeat; background-position: 279px 9px } div.home-socials .homePub .homeLastPhoto a.homeLastPhotoVisit:hover { color: #42403C } div.home-socials .homeTags { float: left; width: 300px } div.home-socials .homeTags .homeTagsTitle { padding-left: 3px } div.home-socials .homeTags .homeTagsList { height: 270px; background-color: #f2f2f2; padding: 15px; border: 1px solid #D7D1C4 } div.home-socials .homeTags .homeTagsList a { float: left; padding: 3px 5px; margin-right: 6px; margin-bottom: 6px; color: #42403C; background-color: #D8D6D4; font-size: 12px; font-weight: 700; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } div.home-socials .homeTags .homeTagsList a:hover { background-color: #CDCAC5 } div.home-socials .homeTags .homeTagsSearch { height: 40px } div.home-socials .lastTagStatigram { float: left; width: 306px; margin-left: 42px } div.home-socials .lastTagStatigram .lastTagStatigramTitle { height: 28px; padding: 12px 0 0 15px; background-color: #312D27; font-size: 15px; color: #fff; font-weight: 700; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } div.home-socials .lastTagStatigram .lastTagStatigramTitle a { padding: 3px 5px; color: #F2F2F2; background-color: #42403C; font-weight: 700; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 5px } div.home-socials .lastTagStatigram .lastTagStatigramTitle a:hover { background-color: #63605A } div.home-socials .lastTagStatigram .lastTagStatigramContent { height: 306px; position: relative } div.home-socials .lastTagStatigram .lastTagStatigramContent img { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px } .tag-overlay { position: absolute; background-color: #312D27; opacity: .3; bottom: 0; height: 60px; width: 306px } .inner-tag { position: absolute; width: 266px; height: 40px; margin: 0; padding: 0 20px 10px; bottom: 0; background-color: transparent; font-size: 12px; font-family: Georgia, Arial, Helvetica; color: #fff; font-style: italic; font-weight: 700; text-align: justify; word-wrap: break-word } #homeSocialsWide { background-color: #ebe9e6; background: linear-gradient(to bottom, #ebe9e6, #D7D1C4); padding: 30px 0 10px } #homeSlideWide { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/f1.png); background-position: 0 400px; background-repeat: repeat-x; height: 530px; border-bottom: 1px solid #D7D1C4 } #homeSlide { margin: 0 auto; padding-right: 9px; width: 971px } #slides { z-index: 100; position: relative; min-height: 445px; background-color: #312D27 } .slides_container { width: 971px; overflow: hidden; position: relative; box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; display: none } #slides .prev, #slides .next { display: none } .slide0 { width: 971px; height: 445px; position: relative } .slide0-content { width: 971px; height: 445px } .slide1 { width: 971px; height: 445px; position: relative } .slide1-text { position: absolute; top: 137px; left: 600px } .slide1-text h1 { font-family: ChunkFiveRegular, georgia, serif; font-size: 30px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400 } .slide1-text h1 span { color: #FFC026 } .slide1-text ul { color: #FFF; margin: 33px 0 30px 17px; font-size: 14px; font-weight: 700; text-shadow: 0 -1px 0 #000 } .slide1-text li { margin-top: 8px } .slide1-text img { margin-left: 130px; border: 0 } #slides .bloc-gris { background-color: #23201D; opacity: .92; padding: 17px 33px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer } .slide2 { width: 971px; height: 445px; position: relative } .slide2-text { width: 395px; position: absolute; top: 154px; left: 550px } .slide2-text h2 { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 28px; color: #FFC026; text-shadow: 0 -2px 0 #000; font-weight: bolder } .slide2-text p { font-size: 14px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400; margin: 17px 0 12px; line-height: 1.6 } .slide2-text a { display: block; font-size: 14px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400; margin-bottom: 17px; text-decoration: none; padding-left: 15px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/tri-bl.png); background-repeat: no-repeat; background-position: 0 4px } .slide2-text a:hover { color: #FFF; text-decoration: underline } .slide3 { width: 971px; height: 445px; position: relative } .slide3-text { width: 395px; position: absolute; top: 154px; left: 550px } .slide3-text h2 { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 28px; color: #FFC026; text-shadow: 0 -2px 0 #000; font-weight: bolder } .slide3-text p { font-size: 14px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400; margin: 17px 0 20px; padding-right: 15px; line-height: 1.6 } .slide4 { width: 971px; height: 445px; position: relative } .slide4-text { width: 395px; position: absolute; top: 154px; left: 550px } .slide4-text h2 { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 28px; color: #FFC026; text-shadow: 0 -2px 0 #000; font-weight: bolder } .slide4-text p { font-size: 14px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400; margin: 17px 0 0; padding-right: 15px; line-height: 1.6 } .slide4-text ul { color: #FFF; margin: 0 0 10px 12px; font-size: 14px; font-weight: 400; text-shadow: 0 -1px 0 #000 } .slide4-text li { margin-top: 5px } .slide5 { width: 971px; height: 445px; position: relative } .slide5-text { width: 395px; position: absolute; top: 210px; left: 550px } .slide5-text h2 { font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 28px; color: #FFC026; text-shadow: 0 -2px 0 #000; font-weight: bolder; margin: 0 0 15px } .slide5-text p { font-size: 14px; color: #FFF; text-shadow: 0 -1px 0 #000; font-weight: 400; margin: 0 0 8px; padding-right: 15px; line-height: 1.6 } .pagination { position: absolute; z-index: 200; top: 432px; left: 438px; width: 86px; padding: 9px 7px; background-color: #312D27; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 2px 5px 0 #000; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000 } .pagination li { float: left; list-style: none; width: 11px; margin: 0 3px } .pagination li a { display: block; width: 11px; height: 0; padding: 10px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/pagination-home.png); background-position: 0 0; background-repeat: no-repeat; float: left; overflow: hidden } .pagination li.current a { background-position: 0 -10px } form#searchFormNl { display: inline; float: right; position: relative; margin-top: 18px } form#searchFormNl.searchForm-tag { margin-top: 7px; margin-right: 0 } form#searchFormNl input#getSearch.placeholder { color: #f2f2f2; font-weight: 700; font-size: 12px } form#searchFormNl ::-webkit-input-placeholder { color: #f2f2f2; font-weight: 700; font-size: 12px } form#searchFormNl :-moz-placeholder { color: #f2f2f2; font-weight: 700; font-size: 12px } form#searchFormNl input#getSearch { background-color: #312D27; border: 1px solid #42403C; font-size: 12px; color: #f2f2f2; font-style: normal; margin: 0; padding: 6px 10px; width: 250px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } form#searchFormNl input#getSearch:focus { outline: 0 } form#searchFormNl input#startSearch { background-color: transparent; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/loupe-search.png); background-repeat: no-repeat; border: medium none; cursor: pointer; height: 12px; position: absolute; right: 10px; top: 7px; width: 12px } .btn-sign-up-right { float: right; width: 191px; height: 31px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/sign-in-statigram.png); background-repeat: no-repeat; margin-top: 12px; margin-right: 12px } #signin .btn-sign-up-right { margin-top: 0 } #menu-homepage { float: left; margin-top: 35px } #menu-homepage li { list-style: none; display: inline } #menu-homepage a { color: #63605A; font-weight: 400; text-shadow: 0 1px 1px #FBFAF9; font-size: 11px; text-transform: uppercase } #menu-homepage span { color: #63605A; font-size: 12px; margin: 0 7px } #menu-homepage a.selected { border-bottom: 2px solid #7F7362 } .homeTopSearch { float: left; margin: 30px 0 0 30px } .homeTopSearch .getSearch {} form#searchFormNlTop { position: relative } #searchFormNlConteneur { float: left; margin: 2px 0 0 46px } #menuNl { float: left; width: 600px; margin: 16px 0 3px 6px } #menuNl li { list-style: none; display: inline } #menuNl a { color: #ADA799; font-weight: 400; font-size: 11px; text-transform: uppercase; padding-bottom: 3px } #menuNl a.selected { border-bottom: 2px solid #ADA799 } #menuNl span { color: #63605A; font-weight: 400; font-size: 11px; margin: 0 10px } #socialNl { float: right } #searchFormNlConteneur form#searchFormNl input#getSearch, form#searchFormNlTop input#getSearchTop { background-color: #42403C; border-radius: 5px; font-family: Helvetica, arial; color: #ADA799; font-size: 13px; font-style: normal; font-weight: 400; margin: 0; padding: 3px 10px; width: 160px } form#searchFormNlTop input#getSearchTop.placeholder, #searchFormNlConteneur form#searchFormNl input#getSearch::-webkit-input-placeholder, form#searchFormNlTop input#getSearchTop::-webkit-input-placeholder, #searchFormNlConteneur form#searchFormNl input#getSearch:-moz-placeholder, form#searchFormNlTop input#getSearchTop:-moz-placeholder { color: #63605A } form#searchFormNlTop input#getSearchTop:focus { outline: 0 } #searchFormNlConteneur form#searchFormNl input#getSearch::-webkit-input-placeholder { color: #ADA799; font-size: 13px; font-style: normal; font-weight: 400 } form#searchFormNlTop input#startSearchTop { cursor: pointer; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/loupe.png); background-repeat: no-repeat; width: 19px; height: 19px; background-color: transparent; border: 0; position: absolute; right: 10px; top: 6px } #features-detail-center { max-width: 1020px; margin: 20px auto 0; color: #585858; background: #f5f5f5 } #features-detail-content { padding: 40px; background-color: #f2f2f2; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; font-size: 13px; /* margin-bottom: 50px; */ line-height: 1.7; max-width: 1020px } #features-detail-content h3 { font-size: 13px; font-weight: 700; margin-top: 20px } #features-detail-content h3 span { font-weight: 400 } #features-detail-content p.indent { padding-left: 25px; margin-top: 5px } #features-detail-testimonial { width: 230px; margin: 40px 0 0 60px; float: right; font-family: georgia, serif; font-style: italic; font-size: 12px } #features-detail-testimonial #username-testimonial { color: #63605A; font-weight: 400; text-shadow: 0 1px 1px #FBFAF9; font-size: 14px; margin: 0 0 0 10px; text-transform: capitalize; border-bottom: 1px dotted } #features-detail-testimonial p { text-shadow: 0 1px 1px #FBFAF9; line-height: 1.4; margin-top: 15px } #features-detail-content h1 { font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 100; color: #ADA799 } #features-detail-content h2 { font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 100; font-size: 26px; color: #252525 } #features-detail-content img { margin: 20px auto; display: block; max-width: 733px; width: 100%; height: auto } #features-detail-content ul { margin: 0 } #features-detail-content ul ol { list-style: none; margin: 0 0 0 20px } #features-detail-content ul li { margin: 0 0 0 15px } #features-detail-content p { margin: 10px 0 0 } #features-detail-content p b, #features-detail-content h3 { display: block; margin-bottom: 20px } #features-detail-content p.margin10 { margin: 10px 0 0 } #features-detail-content p a { color: #3b96d4 } #features-detail-content a.lienBleu { color: #3b96d4 } #leaderboardNL { float: right } #socialNlBloc { float: left; padding: 12px 0; background-color: #111518 } #socialNlBloc #facebook-share { float: left; margin: 0 0 0 10px } #socialNlBloc #twitter-share { float: left; margin: 0 0 0 10px } #socialNlBloc #google-share { float: left; margin: 0 10px } div#menu-choix-langue { position: relative; float: left; margin: 13px 0 0 } div#menu-choix-langue.homepage { margin: 34px 15px 0 0 } #menu-choix-langue a#choix-langue { background-repeat: no-repeat; width: 24px; height: 14px; display: inline-block; padding: 5px; background-position: 5px 5px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; color: #F2F2F2 } #menu-choix-langue a#choix-langue.menu_language_off { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/menu_language_off.png) } #menu-choix-langue a#choix-langue.menu_lang_hp_off { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/menu_lang_hp_off.png) } #menu-choix-langue a#choix-langue.selected { background-color: #42403C; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/menu_language_on.png) } #menu-choix-langue.homepage a#choix-langue.selected { background-color: #23201D } #menu-choix-langue #liste-langues { display: none; background-color: #42403C; float: left; position: absolute; z-index: 9999; padding: 5px; border-radius: 0 3px 3px; -moz-border-radius: 0 3px 3px; -webkit-border-radius: 0 3px 3px } #menu-choix-langue.homepage #liste-langues { background-color: #23201D } #liste-langues a { color: #F2F2F2; clear: both; padding: 3px 0 3px 15px; float: left; font-size: 12px; width: 70px } #liste-langues a:hover, #liste-langues a.selected { background-color: #63605A } #features { background-color: #D8D2C5; padding: 30px 0; box-shadow: 0 0 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -o-sbox-shadow: 0 0 5px rgba(0, 0, 0, .5) } .wrapper-features { width: 990px; margin: 20px auto } .first-line { height: 300px } .separation-features { clear: both; height: 1px; width: 100%; background-color: #B8B1A3; border-bottom: 1px solid #ECE9E3 } .separation-verticale { height: 300px; width: 1px; background-color: #B8B1A3; border-right: 1px solid #ECE9E3; float: left } .separation-verticale2 { height: 350px; width: 1px; background-color: #B8B1A3; border-right: 1px solid #ECE9E3; float: left } .first-line h1 { font-size: 16px; color: #312D27; text-shadow: 0 1px 1px F5F3F0; font-weight: 400 } .second-line h1 { font-size: 16px; color: #312D27; text-shadow: 0 1px 1px F5F3F0; font-weight: 400 } div.viewer { float: left; width: 310px } div.search { float: left; width: 310px } div.metrics { float: left; width: 310px; padding-top: 20px } div.managing { float: left; width: 310px; padding-top: 20px } div.private-message { float: left; width: 310px; padding-top: 20px } div.url-public { float: left; width: 310px } .picto-features { text-align: center; position: relative } .picto-news { position: absolute; right: 70px; top: 4px } .titre-features { text-align: center; margin-top: 10px; font-size: 24px } .titre-features h4 a { color: #312D27 } .description-features { margin-top: 10px; font-size: 12px; color: #63605A; text-shadow: 0 1px 1px #FBFAF9; text-align: left } .description-features ul { list-style: none; margin: 5% auto; width: 85%; line-height: 1.48 } .second-line { height: 350px } .claim-login { text-align: left; width: 100%; height: 50px; margin-top: 20px } .claim-login p { font-size: 16px; font-style: italic; font-family: Georgia, serif; color: #312D27; text-shadow: 0 1px 1px #F5F3F0; line-height: 28px; float: left; width: 720px; margin-top: 10px } #tagonline { position: relative; height: 382px; width: 966px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/instagram-webviewer.png); background-repeat: no-repeat; margin: 30px 0 10px 5px; box-shadow: 0 0 5px #000 } #tagonline_intro { position: absolute; left: 460px; top: 65px; width: 500px; height: 100px; font-family: 'Helvetica Neue', Helvetica, Arial; color: #fff; font-size: 28px; font-weight: bolder; text-shadow: 0 -1px 0 #000; letter-spacing: 1px } #tagonline_button { height: 50px; left: 590px; position: absolute; top: 225px; width: 214px } #tagonline_text { position: absolute; left: 68px; top: 310px; width: 800px; height: 50px; color: #fff; font-size: 14px; font-weight: bolder; text-shadow: 0 -1px 0 #000 } #tagonline_text a { color: #FFC026 } a#tagonline_close { display: block; height: 24px; left: 934px; position: absolute; top: 6px; width: 24px } a.hootsuite300 { display: block; width: 300px; height: 300px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/hootsuite300.png); background-repeat: no-repeat; position: relative } a.hootsuite300 div { position: absolute; left: 0; bottom: 0; height: 15px; width: 286px; padding: 7px; opacity: .92; background-color: #F2F2F2; color: #888; font-size: 12px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/home/fleche-public-page.png); background-repeat: no-repeat; background-position: 278px 9px } .left { float: left; width: 85px; padding: 10px 0 0 13px } #ajax { float: left; width: 300px; padding-top: 5px; font-weight: 700 } .empty-space { height: 200px; float: left; width: 100% } div.stats-menu { height: 20px; margin: 0 auto; max-width: 1020px; padding-top: 17px } .sous-menu { background: #465058; height: 60px } .sous-menu2 { height: 57px; background-color: #f5f5f5 } div.stats-menu-item-my-contest { float: right; margin: 7px 20px 0 } div.stats-menu-item-create { float: right; margin: 7px 0 0; margin-left: 20px } div.stats-menu-item-pricing { float: right; margin: 7px 35px 0 0; margin-left: 20px } div.stats-menu-item-feature { float: right; margin: 7px 35px 0 0; margin-left: 20px } div.stats-menu-item-feature a, div.stats-menu-item-my-contest a, div.stats-menu-item-pricing a, div.stats-menu-item-create a { color: #bababa; display: block; font-size: 13px; font-weight: 700; position: relative } div.stats-menu-item-feature a:hover, div.stats-menu-item-my-contest a:hover, div.stats-menu-item-pricing a:hover, div.stats-menu-item-create a:hover { color: #fff } div.stats-menu-item-create a:hover, div.stats-menu-item-create a.selected { border-bottom: 3px solid #fff } div.stats-menu-item a { color: #bababa; font-size: 13px; font-weight: 700; margin-right: 20px; padding: 7px 10px 14px; float: left; height: 19px; text-transform: capitalize } div.stats-menu-item a:hover { color: #fff } div.stats-menu-item-soon a { font-size: 12px; color: #fff; padding-bottom: 1px; font-weight: 700 } div.stats-menu-item-my-contest a.selected, div.stats-menu-item-feature a.selected, div.stats-menu-item-pricing a.selected, div.stats-menu-item a.selected { border-bottom: 3px solid #3b96d4; color: #fff } div.stats-menu-item-my-contest a.selected, div.stats-menu-item-feature a.selected, div.stats-menu-item-pricing a.selected { padding-bottom: 16px; height: 17px } .newsfeedComments { margin-top: 20px } a.sign-up-profil { float: right; margin-top: 15px } div#blocSaisieMailLikeGiven, div#blocSaisieMailTopLike, div#blocSaisieMailTopFollower, div#blocSaisieMailFirstPhoto, div#blocSaisieMail { background-color: #E0D5C7; border: 1px solid #F9F9F9; float: left; height: 43px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/picto-snapshot-seul.png); background-position: 9px 11px; background-repeat: no-repeat; padding-left: 42px } div.blocSaisieMailClose, div.blocSaisieMailLikeGivenClose, div.blocSaisieMailTopLikeClose, div.blocSaisieMailTopFollowerClose, div.blocSaisieMailFirstPhotoClose { display: none } div.blocSaisieMailOpen { position: relative; width: 286px } #lienSaisieMailLikeGiven a, #lienSaisieMailTopLike a, #lienSaisieMailTopFollower a, #lienSaisieMailFirstPhoto a { font-size: 11px; line-height: 17px; padding: 1px 5px 0 } #lienSaisieMailLikeGiven a img, #lienSaisieMailTopLike a img, #lienSaisieMailTopFollower a img, #lienSaisieMailFirstPhoto a img { float: left; width: 15px; margin: 2px 5px 0 0 } #lienSaisieMailLikeGiven { float: left; margin: 15px 0 0 } div.blocSaisieMailLikeGivenOpen { left: 53px; position: absolute; top: 310px; width: 286px } #lienSaisieMailTopLike { position: absolute; right: 44px; top: 310px } div.blocSaisieMailTopLikeOpen { position: absolute; right: 44px; top: 310px; width: 286px } #lienSaisieMailTopFollower { float: right; margin-top: 15px } div.blocSaisieMailTopFollowerOpen { width: 286px; margin-top: 15px; margin-left: 10px } #lienSaisieMailFirstPhoto { float: left; margin-left: 10px; margin-top: 5px } div.blocSaisieMailFirstPhotoOpen { left: 60px; position: absolute; top: 37px; width: 286px } div#blocSaisieMailLikeGiven a#closeBlocSaisieMailLikeGiven, div#blocSaisieMailTopLike a#closeBlocSaisieMailTopLike, div#blocSaisieMailTopFollower a#closeBlocSaisieMailTopFollower, div#blocSaisieMailFirstPhoto a#closeBlocSaisieMailFirstPhoto, div#blocSaisieMail a#closeBlocSaisieMail { position: absolute; right: -14px; top: -12px } .name-logout { padding-top: 10px } #logo-content .donate { float: left; height: 20px; margin: 18px 0 0 125px } #logo-content .donate-non-logue { float: left; height: 20px; margin: 18px 0 0 110px } a#header-lien-settings { float: left; margin: 32px 0 0 30px; position: relative; color: #ADA799; font-size: 11px } a#header-lien-settings:hover { color: #F2F2F2 } div#facebook-stat { float: right; margin: 18px 10px 0 5px; position: relative; opacity: .3; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out } div#facebook-stat:hover { opacity: 1 } div#google-stat { float: right; margin: 18px 10px 0 0; opacity: .3; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out } div#google-stat:hover { opacity: 1 } div#twitter-stat { float: right; height: 20px; margin: 18px 10px 0 0; opacity: .3; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out } div#twitter-stat:hover { opacity: 1 } div#twitter-stat-public { float: right; height: 20px; margin: 18px 10px 0 0; opacity: .3; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out } div#twitter-stat-public:hover { opacity: 1 } div#twitter-stat-public-donate { float: left; height: 20px; margin: 18px 0 0 220px; opacity: .3; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out; -o-transition: opacity .8s ease-in-out } div#twitter-stat-public-donate:hover { opacity: 1 } div#share-public-page-wrapper { float: right; width: 607px; margin-top: 20px } div#share-public-page { background-color: #E0D5C7; border: 1px solid #F9F9F9; height: 43px; width: 604px } div#share-public-page p { background-repeat: no-repeat; clear: none; float: left; font-size: 12px; padding: 15px 0 0 18px } div#share-public-page a { font-weight: 700; color: #312D27 } div#share-public-page a:hover { text-decoration: underline } div#pagepub-share { margin-top: 5px; float: right; width: 510px; border-bottom: 1px solid #f2f2f2; margin-bottom: 15px } div#pagepub-share div.pagepub-share-inter { border-bottom: 1px solid #A89B9B; height: 40px } div#pagepub-share div.pagepub-share-inter div.pagepub-share-text { float: left; padding-top: 15px; font-family: Arial, sans-serif; font-size: 11px; text-shadow: 0 1px 0 #F2F2F2 } div#facebook-share { float: right; margin-top: 12px; margin-right: 10px } div#pagepub-share div#facebook-share { margin-right: 0 } div#twitter-share { float: right; height: 20px; margin: 12px 0 0 } div#google-share { float: right; margin-top: 12px } #lienSaisieMail { font-size: 16px; font-weight: 700; float: right } div#lienSaisieMail a { width: 330px; padding: 8px 0 8px 15px } div#lienSaisieMail a img { float: left } div#lienSaisieMail a span { float: left; margin: 5px 0 0 15px } form#saisieMailLikeGiven, form#saisieMailTopLike, form#saisieMailTopFollower, form#saisieMailFirstPhoto, form#saisieMailRanking, form#saisieMail { display: none; margin-top: 9px } #general-content input#emailLikeGiven, #general-content input#emailTopLike, #general-content input#emailTopFollower, #general-content input#emailFirstPhoto, #general-content input#email { width: 210px; height: 21px; padding: 2px; border: solid 1px #aaa; outline: 0; background: #FFF; background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px); box-shadow: rgba(0, 0, 0, .1) 0 0 8px; -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 8px; font-size: 14px; padding-left: 9px; font-style: italic; font-size: 15px; color: #888 } div#confirmSaisieMailLikeGiven, div#confirmSaisieMailTopLike, div#confirmSaisieMailTopFollower, div#confirmSaisieMailFirstPhoto, div#confirmSaisieMail { display: none; font-size: 12px; margin: 15px 0 0 15px } .picto-valid { margin-left: 10px } div#stats-erreurs { position: absolute; top: 20px; left: 265px; background-color: #FFC026; border: 1px solid #FFF; height: 86px; width: 300px } #closeBlocErreurStat { float: right; margin-right: -11px; margin-top: -15px } #stats-erreurs p { font-size: 12px; padding: 25px 20px 0 } div#stats-erreurs-follower-following { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; color: #D8D2C5; width: 850px; height: 120px; margin-left: 68px; margin-top: 30px } #stats-erreurs-follower-following p { float: left; font-size: 12px; padding: 0 30px } .error-men { float: left; padding-left: 35px; padding-top: 25px } div#stats-erreurs-relation-indirect { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; color: #D8D2C5; width: 850px; height: 120px; float: left; margin-top: 30px } #stats-erreurs-relation-indirect p { float: left; font-size: 12px; padding: 0 30px } div#my-profil { color: #312D27 } div#je-suis { height: 48px } div#je-suis h2 { padding-top: 15px; font-weight: 700; font-size: 22px; color: #312D27 } div#je-suis span { -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#je-suis span a { color: #312D27 } div.bloc-loader1 { float: right; width: 680px; height: 20px; padding-top: 15px; text-align: right } div.bloc-loader2 { float: right; width: 200px; height: 20px; padding-top: 10px; padding-right: 15px; text-align: right } div.bloc-loader3 { width: 200px; height: 20px; margin: 50px auto 200px } div.bloc-loader4 { margin-bottom: 10px; margin-top: 30px; text-align: left; width: 600px; color: #42403C; font-size: 11px; font-style: italic; font-weight: 700; background-color: #ADA799; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px } div.bloc-loader4 img { float: left; margin-right: 5px; margin-bottom: 50px } div.update-status { text-align: right; font-size: 12px; font-weight: 700; color: #63605A; display: none } div.update-status img { margin-left: 10px; margin-bottom: -3px } div#nombre-photo { float: right; height: 175px; margin-top: 15px } .nbr-photo { float: right; font-size: 98px; font-weight: 700; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#nombre-photo p { font-weight: 700; float: right; font-size: 32px; clear: right; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#avatar { height: 175px; width: 133px; float: left; clear: right; z-index: 30 } div#avatar p { color: #CDC6B5; position: absolute; z-index: 22; font-size: 14px; margin: 1px 0 0 20px } .img-avatar { margin: 17px 0 0 15px; position: absolute; z-index: 20 } .img-pola { z-index: 20 } div#follower { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 140px; height: 176px; float: right; margin: 15px 0 0 30px } div#follower h3 { color: #CDC6B5; font-size: 14px; font-weight: 700; margin-top: 12px; text-align: center } div#rond-follower { -moz-border-radius: 93px; -webkit-border-radius: 93px; border-radius: 93px; background-color: #DE2154; width: 93px; height: 93px; margin: 0 auto; margin-top: 30px } div#rond-follower p { font-size: 42px; font-weight: 700; height: 100%; line-height: 93px; text-align: center } div#rond-follower p.gros { font-size: 31px; font-weight: 700; height: 100%; line-height: 93px; text-align: center } div#following h3 { color: #CDC6B5; font-size: 14px; font-weight: 700; text-align: center; margin-top: 3px } div#rond-following { -moz-border-radius: 93px; -webkit-border-radius: 93px; border-radius: 93px; background-color: #FFC026; width: 93px; height: 93px; margin: 54px auto 0 } div#rond-following p { font-size: 42px; padding-top: 24px; text-align: center } div#like-recus { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 170px; height: 176px; float: right; margin: 15px 0 0 30px } div#like-recus h3 { color: #CDC6B5; font-size: 14px; font-weight: 700; text-align: center; margin-top: 12px } .p-like-total { margin: 30px 0 0 80px; font-size: 12px; color: #55BF80; position: absolute } .p-moyenne-photo { margin: 90px 0 0 80px; font-size: 12px; color: #2A7CFF; position: absolute } div#like-total { width: 60px; height: 56px; margin-left: 10px; margin-top: 5px } div#rond-like-total { -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; background-color: #55BF80; width: 60px; height: 60px; margin: 0 auto; margin-top: 2px } div#rond-like-total p { font-size: 19px; height: 100%; line-height: 60px; text-align: center; font-weight: 700 } div#moyen-like-photo { width: 60px; height: 56px; margin-left: 10px; margin-top: 15px } div#rond-moyen-like-photo { -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; background-color: #2A7CFF; width: 60px; height: 60px; margin: 0 auto; margin-top: 2px } div#rond-moyen-like-photo p { font-size: 19px; height: 100%; line-height: 60px; text-align: center; font-weight: 700 } div#com-recus { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 170px; height: 176px; float: right; margin-left: 30px; margin-top: 15px } div#com-recus h3 { color: #CDC6B5; font-size: 14px; font-weight: 700; text-align: center; margin-top: 12px } .p-com-total { margin-left: 80px; margin-top: 30px; font-size: 12px; color: #FFC026; position: absolute } .p-moyenne-com-photo { margin-left: 80px; margin-top: 90px; font-size: 12px; color: #DE2154; position: absolute } div#com-total { width: 60px; height: 56px; margin-left: 10px; margin-top: 5px } div#rond-com-total { -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; background-color: #FFC026; width: 60px; height: 60px; margin: 0 auto; margin-top: 2px } div#rond-com-total p { font-size: 19px; height: 100%; line-height: 60px; text-align: center; font-weight: 700 } div#moyen-com-photo { width: 60px; height: 56px; margin-left: 10px; margin-top: 15px } div#rond-moyen-com-photo { -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; background-color: #DE2154; width: 60px; height: 60px; margin: 0 auto; margin-top: 2px } div#rond-moyen-com-photo p { font-size: 19px; height: 100%; line-height: 60px; text-align: center; font-weight: 700 } div#mes-photos { padding-top: 50px; clear: both } div#my-photos { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#my-photos h2 { color: #312D27; font-size: 18px; font-weight: 700; padding-left: 15px; padding-top: 15px; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; width: 185px; float: left } div#my-photos h2.i-have-liked { width: 300px } div.top-5-margin { margin-left: 38px } div#top-5-like { margin-top: 20px; margin-bottom: 20px; float: left; width: 925px } .carrer-color-1 { width: 19px; height: 16px; padding-top: 3px; background-color: #DE2154; position: absolute; text-align: center; margin-left: -11px; margin-top: -10px; line-height: 14px } .carrer-color-2 { margin-left: -11px; margin-top: -10px; width: 19px; height: 16px; padding-top: 3px; background-color: #FFC026; position: absolute; text-align: center; line-height: 14px } .carrer-color-3 { margin-left: -11px; margin-top: -10px; width: 19px; height: 16px; padding-top: 3px; background-color: #55BF80; position: absolute; text-align: center; line-height: 14px } .carrer-color-4 { margin-left: -11px; margin-top: -10px; width: 19px; height: 16px; padding-top: 3px; background-color: #2A7CFF; position: absolute; text-align: center; line-height: 14px } .carrer-color-5 { margin-left: -11px; margin-top: -10px; width: 19px; height: 16px; padding-top: 3px; background-color: #312D27; position: absolute; text-align: center; color: #CDC6B5; line-height: 14px } .photoTop5 { position: relative; padding: 5px; background-color: #FFF; float: left; margin-left: 15px; border: 1px solid #efefef; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset } .photoTop5:before, .photoTop5:after { content: ''; z-index: -1; position: absolute; left: 10px; bottom: 10px; width: 70%; max-width: 300px; height: 55%; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, .3); box-shadow: 0 8px 16px rgba(0, 0, 0, .3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg) } .photoTop5:after { left: auto; right: 10px; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg) } .nbCommentTop5, .nbLikeTop5 { background-color: transparent; position: relative; text-align: right; height: 20px; color: #666; font-size: 14px } .nbCommentTop5 img, .nbLikeTop5 img { position: relative; top: 2px } .picto-coeur { margin: 4px 5px 0 } .picto-com { margin: 4px 5px 0 } div#top-5-com { margin-top: 20px; float: left; min-width: 800px } div.keepsy { display: block; height: 18px; width: 100% } a.keepsy-link { display: block; float: right; padding: 2px 0 0 25px; height: 16px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/keepsy.png); background-repeat: no-repeat; color: #7F7362; text-shadow: 0 1px 0 #FFF; font-size: 12px; font-weight: 700; margin-right: 70px } div.keepsy-user { float: left; width: 240px; height: 18px; padding-top: 17px } div.keepsy-user a.keepsy-link { margin-right: 0; float: left } div#my-photo-date { padding-top: 50px; clear: both } div#my-date { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#my-date h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; color: #312D27; font-size: 18px; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#calendrier-bloc { float: left; margin-left: 67px; margin-top: 4px } div#conteneurCalendar { float: left; clear: left; margin-top: 40px; display: none; width: 315px } div#conteneurCalendar a { text-decoration: none } #formSelectDate { text-align: center; margin-bottom: 10px; padding: 0 10px } div#calendarActivities { border: 5px solid #312D27; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 0 2px 2px; background-color: #312D27 } table.calendar { border-collapse: collapse } .calendar-day-head { text-align: center; font-size: 13px; background-color: #312D27; color: #D8D2C5 } .calendar-day, .calendar-weekend-day, .calendar-current-day, .calendar-day-np { background-color: #f2f2f2; border: 1px solid #CDC6B5; height: 45px; text-align: center; width: 42px } .calendar-day-np { color: #bbb } .calendar-day-top { margin: 0; padding: 0 } .calendar-day-content { font-weight: 700 } .showQTip { background-color: #CDC6B5 } #prevDay { float: left; font-size: 18px } #nextDay { float: right; font-size: 18px } #year { margin-left: 10px } .calendar-h3 { font-size: 16px; margin-top: 15px; width: 200px } .jour-depot-h3 { color: #CDC6B5; font-size: 14px; margin-left: 25px; margin-top: 15px; width: 280px } div#JourDepot-bloc { float: left; margin-left: 44px; margin-top: 88px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; color: #CDC6B5; padding-bottom: 15px; margin-bottom: 40px } div#conteneurJourDepot { margin-left: 13px; margin-top: 50px; width: 550px } div#JourDepotAction-bloc { float: left; margin-left: 44px; margin-top: 50px; color: #312D27; padding-bottom: 15px; margin-bottom: 40px } h3.jour-depot-action-h3 { color: #312D27; font-size: 14px; margin-left: 25px; margin-top: 15px; width: 100% } div#mes-likes { padding-top: 50px; clear: both; float: left; position: relative; margin-bottom: 50px } div#my-likes { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px; width: 990px } div#my-likes h2 { color: #312D27; font-size: 18px; font-weight: 700; padding-left: 15px; padding-top: 15px; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; width: 600px; float: left } div#nb-likes-given-bloc { float: left; margin-left: 53px; margin-top: 25px; width: 235px } div#nb-likes-given { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; clear: both; float: left; height: 140px; min-width: 138px; color: #CDC6B5; padding: 0 15px } #nb-likes-given-chiffre { height: 95px } div#nb-like-given-legend { color: #CDC6B5; font-size: 20px; font-weight: 700; text-align: right } div#nb-like-given-legend img { margin-right: 5px } div#nb-likes-given-chiffre p { font-size: 65px; font-weight: 700; height: 100%; line-height: 80px; margin: 0; padding-top: 15px; text-align: right } div#nb-likes-given-chiffre p.gros { font-size: 55px } div#top-5-like-given { margin-top: 25px; float: right; width: 680px } div#top-5-like-given h3 { font-size: 14px; margin: 0 0 10px 16px } div#bloc-top-like-given { float: right; margin-right: 43px } div#my-filters { padding-top: 50px } div#filter-user { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#filter-user h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; font-size: 18px; color: #312D27; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#filter-bloc { width: 305px; height: 300px } div#pie-filter { float: right; height: 200px; margin-left: 50px; margin-top: 30px; width: 300px } div#comparaison-filter { float: left; height: 70px; margin-left: 50px; margin-top: 30px; width: 250px } span.grey { color: #7F7362 } div.media-date { text-align: right; width: 140px; background-color: #312D27; padding: 1px; margin-bottom: 2px; float: left } div.media-date p { display: inline; color: #CDC6B5; font-size: 10px; line-height: 16px; margin-right: 5px; font-weight: 700 } div#comparaison-filter .avec-filtre { float: left; font-size: 12px; font-weight: 700 } div#comparaison-filter .sans-filtre { float: right; font-size: 12px; font-weight: 700 } .container-filter-barre { height: 20px; width: 250px; background-color: #F2F2F2; margin-bottom: 15px } .container-filter-progress { height: 20px; background-color: #312D27 } div#pie-filter h3 { font-size: 14px; font-weight: 400; margin-left: -13px; padding-bottom: 13px } div#top-5-filter { clear: left; float: left; margin-left: 48px; margin-top: 0; width: 255px } div#top-5-filter h3 { font-size: 14px; padding-bottom: 10px } div#colonne-nom-filter { float: left; height: 145px; width: 162px } div#filters-no-used h3 { font-size: 14px; padding-bottom: 10px } div#filters-no-used { float: right; width: 564px } div#filtres-used-bg { float: left; height: auto; padding: 10px 10px 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #CDC6B5; background-color: #312D27 } div#filtres-never-used-bg { font-size: 13px; height: 100%; margin-top: 55px; width: 550px } .liste-never-filter { display: inline; margin-right: 7px; width: 80px } .never-used { float: left; line-height: 1.48 } .never-used-list { float: left; line-height: 1.48; margin-left: 10px; width: 450px } div.line-top { float: left; margin-left: 5px; margin-top: 1px; width: 240px } #holder { height: 150px; left: -50px; position: relative; top: -14px; width: 150px } #holder-filter-used { height: 210px; margin: 1em 2em; min-width: 500px } .filter-use { float: right; font-family: Arial; padding-top: 3px } .pictoFilter { float: left; clear: left } .color-top-1 { float: left; padding: 5px 0 0 10px; color: #DE2154; width: 115px } .color-top-2 { float: left; padding: 5px 0 0 10px; color: #FFC026; width: 115px } .color-top-3 { color: #55BF80; padding: 5px 0 0 10px; float: left; width: 115px } .color-top-4 { color: #2A7CFF; padding: 5px 0 0 10px; float: left; width: 115px } .color-top-5, .color-top-6, .color-top-7, .color-top-8, .color-top-9, .color-top-10, .color-top-11, .color-top-12, .color-top-13, .color-top-14, .color-top-15 { float: left; padding: 5px 0 0 10px; color: #D8D2C5; width: 115px } #filtres-used-bg .color-top-1, #filtres-used-bg .color-top-2, #filtres-used-bg .color-top-3, #filtres-used-bg .color-top-4, #filtres-used-bg .color-top-5, #filtres-used-bg .color-top-6 { margin-bottom: 10px } div#filters-get-most-action { float: left } .tag_cloud { padding: 3px } div#tag-bloc { padding-top: 20px; clear: both } div#most-popular-tags { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#my-tags { margin: 30px 0 0 68px } div#my-tags h3 { font-size: 14px } div#most-popular-tags h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; font-size: 18px; color: #312D27; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#my-tag-bg { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #CDC6B5; background-color: #312D27; width: 850px; margin-top: 15px; position: relative; padding: 10px } #nombreMoyenDePhotos { margin-top: 30px; width: 230px } #nombreMoyenDePhotos h3 { font-size: 16px; padding-bottom: 10px; text-align: center } #nombreMoyenDePhotos .graph .barres { width: 230px; margin: 0 auto } #nombreMoyenDePhotos .graph .graph-follower { float: left; width: 115px; background-color: #DE2154; text-align: center } #nombreMoyenDePhotos .graph .graph-following { float: left; width: 115px; background-color: #FFC026; text-align: center } #nombreMoyenDePhotos .graph .graph-follower span, #nombreMoyenDePhotos .graph .graph-following span { display: block; font-weight: 700 } #nombreMoyenDePhotos .legende span { float: left; font-size: 14px; width: 230px; height: 19px; padding-top: 10px; font-weight: 700; text-align: center } div#block-stats-photos-likes { float: left; clear: both; min-height: 200px; width: 100%; margin: 10px 0 40px 68px; width: 875px } div#photoslikes { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px; width: 100%; margin-top: 40px } div#photoslikes h2 { color: #312D27; font-size: 18px; font-weight: 700; padding-left: 15px; padding-top: 15px; text-shadow: 0 1px 0 #FFF } div.media-graph-bar { clear: both } div.media-graph-bar img { float: left } div.media-graph-bar img { float: left } div.media-graph-bar .barre-photo-like-container { background: transparent; float: left; height: 19px; margin-left: 2px; text-align: left; width: 710px } div.media-graph-bar .barre-photo-like { background-color: #c9a19d; height: 19px; font-size: 16px; padding-left: 7px; text-align: left; font-size: 10px; line-height: 20px; color: #c9a19d; font-weight: 700 } div.media-graph-bar .barre-photo-like:hover { color: #CDC6B5; background-color: #DE2154 } a.morePagination2 { background-color: #312D27; clear: both; color: #CDC6B5; font-size: 14px; font-weight: 700; padding: 5px 0; text-align: center; width: 100%; float: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px } a.morePagination2:hover { text-decoration: underline } .container-medias-likes-bar { padding-top: 20px; padding-bottom: 20px } .paginationPhotoLike {} div#community-and-statigram-bloc { float: left; clear: both; min-height: 200px; width: 100% } div#community-and-statigram { width: 100%; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#community-and-statigram h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; font-size: 18px; color: #312D27; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#follower-following-bloc { padding-top: 50px } div#follower-following { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px; width: 100% } div#follower-following h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; font-size: 18px; color: #312D27; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#following { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 115px; height: 192px; float: left; margin-left: 100px; margin-top: 70px } div#bloc-top-follower { position: relative; float: left } div#top-5-followers { float: left; margin-left: 20px; margin-top: 70px; width: 474px } div#top-5-followers h3 { font-size: 14px } div#bloc-top-following { float: left } div#top-5-following { border-left: 1px solid #FFF; float: right; margin-top: 70px; width: 495px } div#top-following-border { border-left: 1px solid #A89B9B; float: left; padding-left: 20px } div#top-5-following h3 { font-size: 14px } div#relation-indirect-bloc { padding: 50px 0 0; clear: both } div#relation-indirect-in { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/titres-bg.png); border-top: 1px solid #A89B9B; height: 48px } div#relation-indirect-in h2 { padding-top: 15px; padding-left: 15px; font-weight: 700; font-size: 18px; color: #312D27; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF } div#relation-indirect-in h3 { font-size: 16px; padding-bottom: 10px } div#relation-indirect-content { margin-left: 68px; margin-top: 20px } div#relation-indirect-content h3 { font-size: 12px; font-style: italic; font-weight: 400 } div#relation-indirect-in-bg { float: left; min-height: 140px; margin-bottom: 140px; margin-top: 15px; padding: 10px 0 0 } div.conteneur-mini-profil { float: left; min-height: 140px; margin-bottom: 140px; margin-top: 15px; padding: 10px 0 0 } div#relation-indirect-in-bg .colonne { float: left; width: auto; padding: 0 15px; padding-bottom: 10px } div#relation-indirect-in-bg .colonne .user:first-child { padding: 0; padding-bottom: 10px } div#relation-follower-following-bloc { float: left; margin-top: 25px } div#relation-follower-following-bloc #relation-follower, div#relation-follower-following-bloc #relation-following { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 180px; height: 180px; float: left; margin: 0 0 0 15px; position: relative } div#relation-follower-following-bloc #relation-follower-only, div#relation-follower-following-bloc #relation-both, div#relation-follower-following-bloc #relation-following-only { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #312D27; width: 170px; height: 140px; float: left; margin: 40px 0 0 15px; position: relative } div#relation-follower-following-bloc #relation-follower h3, div#relation-follower-following-bloc #relation-following h3 { color: #CDC6B5; font-size: 14px; font-weight: 700; margin-top: 12px; text-align: center } div#relation-follower-following-bloc #relation-both h3, div#relation-follower-following-bloc #relation-following-only h3, div#relation-follower-following-bloc #relation-follower-only h3 { color: #CDC6B5; font-size: 12px; font-weight: 700; margin-top: 12px; text-align: center } div#relation-follower-following-bloc #relation-follower #rond-relation-follower { -moz-border-radius: 93px; -webkit-border-radius: 93px; border-radius: 93px; background-color: #2A7CFF; display: block; height: 93px; margin: 30px auto; text-align: center; width: 93px } div#relation-follower-following-bloc #relation-follower #rond-relation-follower.grand { height: 115px; width: 115px } div#relation-follower-following-bloc #relation-following #rond-relation-following { -moz-border-radius: 93px; -webkit-border-radius: 93px; border-radius: 93px; background-color: #55BF80; display: block; height: 93px; margin: 30px auto; text-align: center; width: 93px } div#relation-follower-following-bloc #relation-following #rond-relation-following.grand { height: 115px; width: 115px } div#relation-follower-following-bloc #relation-following #rond-relation-following span, div#relation-follower-following-bloc #relation-follower #rond-relation-follower span { line-height: 93px; font-size: 42px; font-weight: 700; color: #312D27 } div#relation-follower-following-bloc #relation-following #rond-relation-following.grand span, div#relation-follower-following-bloc #relation-follower #rond-relation-follower.grand span { line-height: 115px } div#relation-follower-following-bloc #relation-follower-only #rond-relation-follower-only { background-color: #2A7CFF; -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; display: block; height: 60px; margin: 10px auto 0; text-align: center; width: 60px } div#relation-follower-following-bloc #relation-both #rond-relation-both { background-color: #DE2154; -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; display: block; height: 60px; margin: 25px auto 0; text-align: center; width: 60px } div#relation-follower-following-bloc #relation-following-only #rond-relation-following-only { background-color: #55BF80; -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; display: block; height: 60px; margin: 10px auto 0; text-align: center; width: 60px } div#relation-follower-following-bloc #relation-follower-only #rond-relation-follower-only, div#relation-follower-following-bloc #relation-both #rond-relation-both, div#relation-follower-following-bloc #relation-following-only #rond-relation-following-only { font-size: 19px; font-weight: 700; line-height: 60px; color: #312D27 } div#relation-follower-following-bloc .loupe { bottom: 8px; position: absolute; right: 13px } div#bordel { display: none } div.error { color: #de2154; display: none; float: left; font-size: 12px; margin: 4px 0 0 2px } input.error { border: 1px solid #de2154 } div#loader-refresh-content { position: fixed; top: 30px; z-index: 222222; right: 100px; width: 280px; height: 50px; padding: 10px 25px; display: none; background-color: #3B3630; opacity: .95; filter: alpha(opacity=95) } div#loader-refresh-content-like { z-index: 222222; right: 100px; width: 300px; height: 50px; padding: 10px 25px; background-color: #3B3630; opacity: .95; filter: alpha(opacity=95); margin: 50px auto 0 } div#loader-refresh-content.welcome { width: 330px } p.loadStart { font-size: 13px; font-weight: 700; color: #CDC6B5; float: left; padding: 10px 0 0 10px } p.loadStart a { color: #CDC6B5 } p.loadStart a:hover { text-decoration: underline } p.loadStartSnapshot { font-size: 13px; font-weight: 700; color: #312D27; float: left; padding: 10px 0 0 10px; margin: 50px 0 } p.loadStartSnapshot a { color: #312D27 } p.loadStartSnapshot a:hover { text-decoration: underline } #stats-erreurs-follower-following h4, #stats-erreurs-relation-indirect h4 { float: left; font-size: 14px; font-weight: 700; padding: 45px 0 10px 30px } div#top-5-like-given h4, div#top-5-like h4, div#top-5-com h4 { font-weight: 700; font-size: 14px; margin-left: 70px; margin-bottom: 5px } div#top-5-like-given h4, div#top-5-followers h4, div#top-5-following h4, div#my-tags h4, div#followings-not-on-statigram h4, div#my-following-on-statigram h4, div#my-follower-on-statigram h4 { font-size: 12px; font-style: italic; font-weight: 400; padding-bottom: 5px; padding-top: 5px } div#my-follower-on-statigram { width: 474px; float: left; margin-left: 20px; margin-top: 40px } div#my-follower-on-statigram h3 { font-size: 14px } div#bloc-my-follower-on-statigram { float: left; min-height: 100px; margin-top: 15px; padding: 10px 0 0; margin-bottom: 0 } div#my-following-on-statigram-border { float: left; padding-left: 20px } div#my-following-on-statigram { width: 495px; float: right; margin-top: 40px } div#my-following-on-statigram h3 { font-size: 14px } div#bloc-my-following-on-statigram { float: left; min-height: 100px; margin-top: 15px; padding: 10px 0 0 } div#followings-not-on-statigram { width: 920px; float: left; clear: both; margin-left: 20px; margin-top: 60px } div#followings-not-on-statigram h3 { font-size: 14px } div#bloc-followings-not-on-statigram { float: left; min-height: 100px; margin-bottom: 50px; margin-top: 15px; padding: 10px 0 0 } div#conteneur-media-following { clear: both } div#conteneur-media-following h3 { font-size: 14px } div#followings-not-on-statigram div.mediaFromFollowing { float: left; height: 380px; width: 180px; margin-top: 25px } div#followings-not-on-statigram div.mediaFromFollowing .nbLikeTop5 * { float: left } div.mediaTags .mediaTagLegend *, div.mediaUser .mediauserLegend * { float: right; font-size: 12px } div.mediaTags .mediaTagLegend a.commentMediaTag, div.mediaUser .mediauserLegend a.commentMediaUser { color: #312D27; margin-top: 3px; font-size: 12px; float: left; width: 55px } div.mediaTags .mediaTagLegend a.commentMediaTagCancel, div.mediaUser .mediauserLegend a.commentMediaUserCancel { display: none; color: #312D27; margin-top: 3px; font-size: 12px; float: left; width: 55px } div.mediaTags .mediaTagLegend span.count, div.mediaUser .mediauserLegend span.count { margin-top: 3px } div.mediaTags form.formComment, div.mediaUser form.formComment { display: none; position: absolute; top: 186px; z-index: 90 } textarea.textareaComment { font-size: 13px; font-style: italic; color: #312D27; font-family: Helvetica, arial; border: 1px solid #EFEFEF; height: 155px; margin: 15px 0 0 15px; padding: 5px; width: 150px; border: 1px solid #efefef; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset } div.mediaTags textarea.textareaComment, div.mediaUser textarea.textareaComment { font-size: 13px; font-style: italic; color: #312D27; font-family: Helvetica, arial; border: 1px solid #EFEFEF; height: 125px; margin: 0 0 0 15px; padding: 5px; width: 150px; border: 1px solid #efefef; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 40px rgba(0, 0, 0, .06) inset } a.postCommentMediaTag, a.postCommentMediaUser, a.postComment { background-color: #FFF; color: #666; float: right; font-weight: 700; margin: -4px 50px 0 0; padding: 7px 15px 3px } a.postCommentMediaTag:hover, a.postCommentMediaUser:hover, a.postComment:hover { background-color: #666; color: #FFF } span.confirmCommentPost { float: left; font-size: 13px; margin: 15px 0 0 15px } div#bloc-followings-not-on-statigram .colonne, div#bloc-my-following-on-statigram .colonne, div#bloc-my-follower-on-statigram .colonne { float: left; padding: 0 15px 10px; width: auto } div.conteneur-mini-profil .user, div#top-5-followers .user, div#top-5-following .user, div#relation-indirect-in-bg .user, div#bloc-followings-not-on-statigram .user, div#bloc-my-following-on-statigram .user, div#bloc-my-follower-on-statigram .user { float: left; width: auto; padding: 15px 0 0; width: 229px; min-height: 44px } div.conteneur-mini-profil img, div#top-5-followers img, div#top-5-following img, div#relation-indirect-in-bg img, div#bloc-followings-not-on-statigram img, div#bloc-my-following-on-statigram img, div#bloc-my-follower-on-statigram img { float: left; -webkit-box-shadow: 0 0 5px #312D27; -moz-box-shadow: 0 0 5px #312D27; box-shadow: 0 0 5px #312D27 } div#top-5-followers div.blocSaisieMailTopFollowerOpen img, div#top-5-following div.blocSaisieMailTopFollowerOpen img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } div.conteneur-mini-profil .lien-stats img, div#top-5-followers .lien-stats img, div#top-5-following .lien-stats img, div#relation-indirect-in-bg .lien-stats img, div#bloc-followings-not-on-statigram .lien-stats img, div#bloc-my-following-on-statigram .lien-stats img, div#bloc-my-follower-on-statigram .lien-stats img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 10px 0 0 10px } div.conteneur-mini-profil .lien-stats2 img, div#top-5-followers .lien-stats2 img, div#top-5-following .lien-stats2 img, div#relation-indirect-in-bg .lien-stats2 img, div#bloc-followings-not-on-statigram .lien-stats2 img, div#bloc-my-following-on-statigram .lien-stats2 img, div#bloc-my-follower-on-statigram .lien-stats2 img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0 } div#bloc-followings-not-on-statigram span { float: left; font-size: 12px; font-weight: 700; height: 100%; line-height: 40px; margin: 0 0 0 10px } div.conteneur-mini-profil span, div#top-5-followers span, div#top-5-following span, div#relation-indirect-in-bg span, div#bloc-my-following-on-statigram span, div#bloc-my-follower-on-statigram span { float: left; font-size: 12px; font-weight: 700; height: 100%; margin: 0 0 0 10px; color: #A89B9B; overflow: hidden; width: 150px } div.conteneur-mini-profil a, div#relation-indirect-in-bg a, div#bloc-followings-not-on-statigram a { color: #312D27 } div.conteneur-mini-profil span a, div#top-5-followers span a, div#top-5-following span a, div#relation-indirect-in-bg span a, div#bloc-my-following-on-statigram span a, div#bloc-my-follower-on-statigram span a { color: #312D27 } #bloc-followings-not-on-statigram a.morePagination { color: #E0D5C7; text-decoration: none } #bloc-followings-not-on-statigram a.morePagination:hover { color: #E0D5C7; text-decoration: none } a.startPagination, a.morePagination { background-color: #312D27; border-radius: 5px; clear: both; color: #E0D5C7; float: left; font-size: 12px; font-weight: 700; padding: 5px 0; text-align: center; width: 100% } a.startPagination, a.morePagination:hover { text-decoration: underline } a.paginationUserTwoColonne { margin: 35px 0 0 75px } a.paginationUserFourColonne { margin: 10px 0 0; text-decoration: none } a.morePaginationPhotoByUser { background-color: #E0D5C7; border: 1px solid #F9F9F9; clear: both; color: #312D27; float: left; font-size: 12px; font-weight: 700; padding: 5px 0; text-align: center; width: 294px; margin: 50px 0 0 300px } a.morePaginationPhotoByUser:hover { text-decoration: underline } div#contentMediaUser { padding-bottom: 50px; float: left } div#contentMediaUser .mediaUser a img { width: 150px; height: 150px } div#contentMediaTag { padding-top: 50px; clear: both; padding-bottom: 50px; float: left } .mediaTagSearch { margin-bottom: 15px } .mediaUser { margin-bottom: 15px; float: left; position: relative; width: 175px } .mediaTags { margin-bottom: 15px; float: left; position: relative } #menuTri { float: right; margin-right: 20px; padding-top: 15px } #menuTri span { float: left; margin-right: 10px } #menuTri #lienTri { float: right; width: 380px } #menuTri a { color: #312D27; font-weight: 400 } #menuTri a.selected { font-weight: 700 } #my-profil-left { float: left } #dateOfFirstPhoto { width: 185px; font-size: 14px; float: left; clear: both; margin: 10px 0; position: relative } #phraseFirstPhoto { float: left; font-size: 12px } #tweetBtFirstPhoto { top: 36px; float: left; margin-top: 5px } #blocMyRankOnInstagram { margin-top: 5px; float: left; font-size: 12px; position: absolute; top: 55px; width: 250px } #blocMyRankOnInstagram iframe { margin-top: 5px } #lienSeeAllMyPhotos { clear: both; float: right; font-size: 14px; margin: 10px 2px 0 0; font-weight: 700 } #lienSeeAllMyPhotos a { color: #7F7362; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/view.png); background-repeat: no-repeat } #lienSeeAllMyPhotos a:hover { text-decoration: underline } #lienSeeAllLikeGiven { clear: both; float: right; font-size: 14px; margin: 0 5px 10px 0; font-weight: 700 } #lienSeeAllLikeGiven a { color: #7F7362; -moz-text-shadow: 0 1px 0 #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/view.png); background-repeat: no-repeat } #lienSeeAllLikeGiven a:hover { text-decoration: underline } #img-confirm-unsubscribe { float: left; margin: 50px 0 0 245px } #text-confirm-unsubscribe { float: left; color: #C1C1C1; font-size: 20px; -moz-text-shadow: 0 2px 1px #000; -webkit-text-shadow: 0 2px 1px #000; text-shadow: 0 2px 1px #000; margin: 56px 0 0 25px } #connect-confirm-unsubscribe { clear: both } .depot { float: left; margin-left: 3px } .ligneDepot { height: 80px; width: 75px } .nbDepot { margin: 0 auto } .jourDepot { font-size: 13px; margin-top: 7px; text-align: center } .calendarShowPost { width: 8px; height: 8px; background-color: #312D27; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0 auto; display: block } .calendar-classic-hidden, .calendar-content-hidden { display: none } .showNbPost { color: #f2f2f2; background-color: #312D27 } .button-generique-fc { text-decoration: none; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: 900; background: #3b96d4; padding: 10px 11px; text-transform: uppercase; font-size: 11px } .button-generique-fc:hover { background: #288acc } input.button-generique-fc { padding: 3px 11px } .button-generique-ff { cursor: pointer; border-top: 1px solid #b5b5b5; background: #b5b5b5; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#b5b5b5)); background: -moz-linear-gradient(top, #f0f0f0, #b5b5b5); padding: 5.5px 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 -1px 0; -moz-box-shadow: rgba(0, 0, 0, 1) 0 -1px 0; box-shadow: rgba(0, 0, 0, 1) 0 -1px 0; text-shadow: #FFF 0 1px 0; color: #312d27; font-size: 12px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; font-weight: 700 } .button-generique-ff:hover { background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#b5b5b5)); background: -moz-linear-gradient(top, #bababa, #b5b5b5); text-shadow: #E6E3DA 0 1px 0 } input.button-generique-ff { padding: 3px 11px } .button-generique-fc .fleche, .button-generique-ff .fleche { margin-right: 5px } div.account-growth { position: relative; height: 540px } div.account-growth div.account-growth-title { font-size: 20px; font-weight: 700 } div.account-growth div#graph-evolution { position: absolute; top: 40px; left: 0; width: 650px; height: 500px } div.account-growth div#graph-gain-follow { position: absolute; top: 300px; left: 690px; width: 300px; height: 240px } div.account-growth div#bloc-stats-photos-likecomment { position: absolute; top: 40px; left: 690px; width: 300px; height: 240px } div.optimization-clues1 { position: relative; height: 430px; margin-top: 50px; background-color: #D8D2C5 } div.optimization-clues1 div.graph-titre { height: 30px; font-size: 16px; font-weight: 700 } div.optimization-clues1 div.graph-soustitre { height: 60px; font-size: 11px; font-weight: 400 } div.optimization-clues1 div#RecoDepotAction-bloc { position: absolute; top: 15px; left: 30px; width: 590px; height: 385px } div.optimization-clues1 div#conteneurRecoDepotAction { border: 5px solid #CDC6B5; background-color: #f2f2f2; height: 285px } div.optimization-clues1 div#conteneurRecoDepotAction div.habits-title { padding: 7px 0 0 11px; font-size: 12px; font-weight: 700 } div.optimization-clues1 div#conteneurRecoDepotAction div.habits-title img { margin: 0 14px -3px 0 } div.optimization-clues1 div#conteneurRecoDepotAction div.habits-heures { padding-left: 40px; margin: 10px 0 } div.optimization-clues1 div#conteneurRecoDepotAction div.legende-jours { float: left; width: 27px; padding: 26px 0 0 7px } div.optimization-clues1 div#conteneurRecoDepotAction div.legende-jours .lib-jour { font-size: 10px; color: #ADA799 } div.optimization-clues1 div#conteneurRecoDepotAction div.interactions-from-community { float: left; width: 500px; padding: 5px; border: 1px dotted #ADA799 } div.optimization-clues1 div#conteneurRecoDepotAction div.interactions-from-community-title { height: 20px; font-size: 12px; font-weight: 700; color: #63605A; padding-left: 5px } div.optimization-clues1 div#conteneurRecoDepotAction div.interactions-from-community-title img { margin: 0 3px -2px 0 } div.optimization-clues1 div#conteneurRecoDepotAction div.habits-jours { float: left; width: 28px; padding: 26px 0 0 5px } div.optimization-clues1 div#conteneurRecoDepotAction div.legende-heures { padding-left: 40px; margin: 5px 0 } div.optimization-clues1 div#conteneurRecoDepotAction div.legende-heures th { font-size: 11px; color: #ADA799; font-weight: 400 } div.optimization-clues1 div#RecoDepotAction-bloc tr { font-size: 12px } div.optimization-clues1 div#RecoDepotAction-bloc th.gauche { text-align: left } div.optimization-clues1 div#RecoDepotAction-bloc td { width: 20px; height: 20px; text-align: center } div.optimization-clues1 div#RecoDepotAction-bloc th { width: 20px; height: 20px } div.optimization-clues1 div.bulle-grise { background-color: #ADA799; margin-left: auto; margin-right: auto } div.optimization-clues1 div.bulle-noire { background-color: #312D27; margin-left: auto; margin-right: auto } div.optimization-clues1 div.taille_1 { width: 1px; height: 1px } div.optimization-clues1 div.taille_2 { width: 3px; height: 3px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px } div.optimization-clues1 div.taille_3 { width: 5px; height: 5px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px } div.optimization-clues1 div.taille_4 { width: 7px; height: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } div.optimization-clues1 div.taille_5 { width: 9px; height: 9px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } div.optimization-clues1 div.taille_6 { width: 11px; height: 11px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } div.optimization-clues1 div.taille_7 { width: 13px; height: 13px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px } div.optimization-clues1 div.taille_8 { width: 15px; height: 15px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px } div.optimization-clues1 div.taille_9 { width: 17px; height: 17px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px } div.optimization-clues1 div.taille_10 { width: 19px; height: 19px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px } div.optimization-clues1 div#graph-comments-photos { position: absolute; top: 15px; left: 670px; width: 305px; height: 330px } div.optimization-clues2 { position: relative; height: 405px; margin-top: 50px; background-color: #D8D2C5 } div.optimization-clues2 div.graph-titre { height: 30px; font-size: 16px; font-weight: 700 } div.optimization-clues2 div.graph-soustitre { height: 30px; font-size: 11px; font-weight: 400 } div.optimization-clues2 div#graph-filters-actions { position: absolute; top: 15px; left: 30px; width: 590px; height: 300px } div#bloc-summary-snapshot { float: right; width: 328px } .container-average-likes { margin-bottom: 15px } .graph-like-bar { float: left; font-size: 10px; width: 130px; padding: 1px; font-weight: 700; margin-right: 10px } .received-photo { color: #312D27; height: 20px; margin-bottom: 10px; margin-top: 10px; text-align: right; font-weight: 700; font-size: 12px } .average-photo { text-align: right; color: #312D27; font-weight: 400; font-size: 12px } .graph-like-container { background: transparent; float: left; height: 60px; margin-left: 2px; text-align: left; width: 720px; position: relative } .compteur { font-size: 11px; color: #312D27; font-weight: 700; text-align: right; height: 12px } span.compteur-offset { display: block; float: left; width: 120px } .graph-like-container-bar { height: 24px } .bar-offset { background-color: #D8D2C5; display: block; float: left; height: 18px; margin-right: 5px; margin-top: 4px; width: 116px } .bar-offset-last { background-color: #D8D2C5; display: block; float: left; height: 18px; margin-top: 4px; width: 115px } .graph-like-barre { height: 5px; background-color: #9E988A; margin-top: 10px; float: left } .average-number { color: #312D27; font-size: 11px; font-weight: 400; height: 25px; text-align: right; margin-left: 5px; margin-top: 5px; float: left } div.profil2 { display: block; padding: 10px; margin-top: 10px; font-size: 12px } div.profil2.profil2-small { padding: 9px 10px 7px } div.profil2:hover { background-color: #CDC6B5; -moz-box-shadow: inset 0 1px 1px #312D27; -webkit-box-shadow: inset 0 1px 1px #312D27; box-shadow: inset 0 1px 1px #312D27 } div.profil2-photo { float: left } div.profil2-small div.profil2-photo { float: left; padding-top: 1px } div.profil2-photo img { -webkit-box-shadow: 0 0 5px #312D27; -moz-box-shadow: 0 0 5px #312D27; box-shadow: 0 0 5px #312D27 } div.profil2-droite { height: 50px; margin-left: 65px } div.profil2-small div.profil2-droite { height: 35px; margin-left: 45px } div.profil2-droite-haut { height: 22px; border-bottom: 1px solid #C2BBAC } div.profil2-small div.profil2-droite-haut { height: 17px } div.profil2-droite-haut a { color: #312D27; font-weight: 700 } div.profil2-comments { float: right; color: #63605A; margin-left: 15px; padding-left: 18px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/bulle-page-community.png); background-repeat: no-repeat } div.profil2-likes { float: right; color: #63605A; padding-left: 18px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/heart-page-community.png); background-repeat: no-repeat } div.profil2-droite-bas { height: 25px; padding-top: 3px; border-top: 1px solid #E2DDD3 } div.profil2-small div.profil2-droite-bas { height: 17px; padding-top: 1px } div.profil2-relation { float: left; width: 15px } div.profil2-relation.relation-double { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/double-fleche.png); background-repeat: no-repeat; margin-top: 5px; height: 13px } div.profil2-small div.profil2-relation.relation-double { margin-top: 0 } div.profil2-relation.relation-follower { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/fleche-verte.png); background-repeat: no-repeat; margin-top: 8px; height: 7px } div.profil2-small div.profil2-relation.relation-follower { margin-top: 3px } div.profil2-relation.relation-following { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/fleche-bleu.png); background-repeat: no-repeat; margin-top: 8px; height: 7px } div.profil2-small div.profil2-relation.relation-following { margin-top: 3px } div.profil2-relation.relation-no { height: 12px } div.profil2-follow { float: left; min-width: 50px; margin-left: 10px; margin-right: 10px; margin-top: 5px; visibility: hidden; font-size: 11px } div.profil2-small div.profil2-follow { margin-top: 0 } div.profil2:hover div.profil2-follow { visibility: visible } div.profil2-follow a { color: #63605A; font-weight: 400 } div.profil2-stats { float: left; width: 30px; border-left: 1px solid #C2BBAC; height: 20px; visibility: hidden } div.profil2-small div.profil2-stats { height: 16px } div.profil2:hover div.profil2-stats { visibility: visible } div.profil2-stats-inter { border-left: 1px solid #E2DDD3; height: 15px; padding: 5px 0 0 10px } div.profil2-small div.profil2-stats-inter { height: 15px; padding: 0 0 0 10px } #bloc-engagement { margin-top: 25px } #bloc-engagement h2 { color: #312D27; font-size: 18px; font-weight: 700; padding-left: 15px; padding-top: 15px; text-shadow: 0 1px 0 #FFF; float: left; margin-top: 25px } #bloc-engagement .separation-engagement { border-bottom: 1px solid #ECE9E3; height: 1px; background-color: #A89B9B; width: 817px; margin-left: 10px; float: left; margin-top: 50px } #bloc-engagement .picto-engagement { float: left; margin-top: 40px } #bloc-engagement .wrapper-engagement { width: 975px } #bloc-engagement .wrapper-engagement .menu-header { width: 100%; height: 40px; margin-top: 15px } #bloc-engagement .wrapper-engagement .menu-header .menu-item { float: left; padding: 10px; background-color: #ADA799; color: #312D27; text-align: center; width: 220px; margin-right: 3px; cursor: pointer; font-weight: 700; font-size: 14px; height: 20px } #bloc-engagement .wrapper-engagement .menu-header .menu-item:hover { background-color: #312D27; color: #ADA799 } #bloc-engagement .wrapper-engagement .menu-header .selectionne { background-color: #312D27; color: #ADA799 } #bloc-engagement .wrapper-engagement .menu-header .menu-no-item { float: left; padding: 10px; background-color: #ADA799; color: #312D27; text-align: center; width: 469px; height: 19px } .content-engagement { background-color: #D8D2C5; width: 100%; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px } .engagement-title { font-size: 14px; font-weight: 700; margin-bottom: 5px } .engagement-subtitle { font-size: 12px; font-style: italic; margin-bottom: 15px } .from-followers { width: 100%; padding-bottom: 30px } .top5-engaged-followers, .top5-engaged-followings { float: left; width: 350px; padding: 0 20px; margin-top: 30px; border-right: 1px solid #C2BBAC } .most-engaged-recently, .neither-follow { float: left; width: 560px; padding: 0 10px; margin-top: 30px; border-left: 1px solid #E2DDD3 } .most-engaged-recently-col, .neither-follow-col { float: left; width: 260px; padding: 0 10px } .no-interaction-recently { margin-top: 50px } .no-interaction-recently a.view-no-interaction { margin-left: 20px; font-size: 12px; color: #312D27; padding: 1px 9px; background-color: #A89B9B; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-bottom: 1px solid #ECE9E2; border-top: 1px solid #B8B2A4; border-left: 1px solid #CCC8BD; border-right: 1px solid #BFBAAF } .no-interaction-recently a.view-no-interaction:hover { background-color: #312D27; color: #D8D2C5 } #FollowerNonActifSurDernieresPhotos { display: none } .from-followings-others { width: 100%; padding-bottom: 30px } .container-indication-menu { height: 8px; width: 100%; position: relative; top: -1px } .indication-menu { float: left; height: 8px; width: 240px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/triangle-menu.png); background-repeat: no-repeat; background-position: center center } #bloc-managing { margin-top: 25px } #bloc-managing h2 { color: #312D27; font-size: 18px; font-weight: 700; padding-left: 15px; padding-top: 15px; text-shadow: 0 1px 0 #FFF; float: left; margin-top: 25px } #bloc-managing .separation-managing { border-bottom: 1px solid #ECE9E3; height: 1px; background-color: #A89B9B; width: 835px; margin-left: 10px; float: left; margin-top: 50px } #bloc-managing .picto-managing { float: left; margin-top: 40px } #bloc-managing .wrapper-managing { width: 975px } .wrapper-youmayfollow { margin-top: 15px; margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; background-color: #D8D2C5; padding: 20px } .wrapper-youmayfollow h3 { font-size: 14px; font-weight: 700; margin-bottom: 5px } .wrapper-youmayfollow em { font-size: 12px; font-style: italic; margin-bottom: 15px } .wrapper-remove h3 { font-size: 14px; font-weight: 700; margin-bottom: 5px } .wrapper-remove em { font-size: 12px; font-style: italic; margin-bottom: 15px } .youmayfollow .profil2 { float: left; width: 290px } .wrapper-remove { margin-top: 15px; margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; background-color: #D8D2C5; padding: 20px } .remove .profil2 { float: left; width: 290px } span.bigred { text-transform: uppercase; color: #DE2154; font-weight: 700 } .ex-public-url { font-weight: 700; margin-top: 40px; margin-bottom: 40px; font-size: 14px } .wrapper-public-url {} .wrapper-public-url input[type=radio]+label { opacity: .4 } .wrapper-public-url input[type=radio]:checked+label { opacity: 1 } .choice-public-url { margin-bottom: 40px; width: 610px; margin-bottom: 40px; font-size: 14px; font-weight: 700 } .choice-public-url input { margin-left: 60px } #preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff } #my-follower-on-statigram a.paginationUserTwoColonne, #my-following-on-statigram a.paginationUserTwoColonne { margin: 35px 0 0; text-decoration: none; color: #E0D5C7 } div#intro-goodnews { float: left; margin: 25px 0 0; width: 100% } div#intro-goodnews .more-informations { clear: both; float: left; margin: 25px 0 0; font-size: 12px } div#intro-goodnews .size12 { font-size: 12px } form#form-settings { clear: both; float: left; margin: 25px 0; font-size: 13px; width: 465px } form#form-settings label { font-size: 13px } div#timezone-bloc .timezone-picto { margin: 0 15px 0 0; float: left; width: 50px; height: 50px; background-color: transparent; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_timezone.png); background-repeat: no-repeat; background-position: 10px 0 } div#system-bloc .system-picto { margin: 0 15px 0 0; float: left; width: 50px; height: 34px; background-color: transparent; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/phone_choice.png); background-repeat: no-repeat; background-position: 10px 0 } div#system-bloc .system-choice { padding-top: 6px } div#system-bloc .system-choice div, div#system-bloc .system-choice label { float: left } div#system-bloc .system-choice input { float: left; margin: 1px 7px 0 15px } .fancyBoxSettings #error-application { margin: 0 } div.regional-settings-content { margin-left: 65px } div.regional-settings-line-language { margin: 15px 0 30px } div.regional-settings-labels { float: left; width: 100px; padding-top: 5px; font-weight: 700 } div#timezone-bloc select#setting-timezone, div#timezone-bloc select#setting-language { width: 300px } .fancyBoxSettings #error-email, .fancyBoxSettings #error-timezone { margin: 0 0 0 67px } #error-timezone { line-height: 5px } div#email-bloc { float: left; margin: 0 0 15px } div#welcome-bloc { float: left; clear: both; margin: 25px 0; width: 100% } span.more-informations { clear: both; float: left; width: 100%; margin-top: 30px; margin-left: 5px; margin-bottom: 10px; color: #585858 } form#form-settings label { font-weight: 400; margin-left: 0 } form#form-settings #timezone-full { display: none } form#form-settings #timezone-preset-line { font-weight: 700; margin-top: 5px } form#form-settings #timezone-preset-line a { color: #2a7cff; font-weight: 400 } form#form-settings select { margin-top: 5px } form#form-settings #email-bloc { margin-top: 15px } form#form-settings #email-bloc .email-bloc-infos { margin: 10px 35px 10px 66px; color: #585858 } form#form-settings #email-bloc .email-bloc-infos a { color: #252525 } form#form-settings-page input#setting-email, form#form-settings input#setting-email { margin: 5px 0 0; float: left; width: 352px; height: 21px; padding: 2px; border: solid 1px #aaa; outline: 0; background: #FFF; background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(4%, #EEE), to(#FFF)); background: -moz-linear-gradient(top, #FFF, #EEE 1px, #FFF 25px); box-shadow: rgba(0, 0, 0, .1) 0 0 8px; -moz-box-shadow: rgba(0, 0, 0, .1) 0 0 8px; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 0 8px; font-size: 14px; padding-left: 9px; font-size: 15px; font-weight: 700 } form#form-settings-page input#setting-email { color: #888; font-weight: 400 } form#form-settings input#setting-email::-webkit-input-placeholder { font-style: normal } form#form-settings input#setting-email:-moz-placeholder { font-style: normal } form#form-settings-page input[type=checkbox], form#form-settings input[type=checkbox] { margin: 8px 10px 0 0 } #newsletter-bloc .label-multiline { float: right; width: 402px; padding-top: 7px } #newsletter-bloc .newsletter-unbloc { height: 45px } form#form-settings div#border-bt-save-settings { margin: 16px 0 0; width: 405px; height: 1px; border-top: 1px solid #B7B09F; background-color: #E1DDD4; float: left } form#form-settings input.save-settings { float: right; border: 0; cursor: pointer; margin-right: 35px; text-decoration: none; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: 900; background: #3b96d4; padding: 10px 11px; text-transform: uppercase; font-size: 11px } form#form-settings input.save-settings:hover { background: #288acc } form#form-settings-page { clear: both; margin: 0; padding: 45px 0; font-size: 12px; width: 100%; height: 780px } form#form-settings-page div#settings-left { float: left; border-right: 1px solid #E1DDD4; width: 50%; height: 800px } form#form-settings-page div#settings-right { float: right; height: 800px; padding-left: 4%; width: 45% } .textarea-remove { border: 1px solid rgba(0, 0, 0, .1); width: 340px; height: 40px; padding: 10px; resize: none; font: inherit } .h3-remove { margin-bottom: 20px } .wrapper-remove-user { padding: 20px; font-size: 14px; line-height: 1.48 } .go-back { margin-top: 40px; float: left; color: inherit; text-decoration: underline } .submit-remove { margin-top: 35px !important; float: right; margin-right: 0 !important; font-weight: 700 } form#form-settings-page .titre-gras { font-size: 16px; text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; font-weight: 700; margin-bottom: 5px; color: #252525 } form#form-settings-page #setting-email-usedfor { float: left; clear: both; font-size: 16px; text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff; color: #252525; font-weight: 700; margin: 0 0 25px; width: 100% } form#form-settings-page #snapshot-bloc, form#form-settings-page #notification-bloc, form#form-settings-page #message-bloc, form#form-settings-page #newsletter-bloc, form#form-settings-page #timezone-bloc, form#form-settings-page #remove-bloc, form#form-settings-page #you-and-statigram-bloc { float: left; clear: both; width: 100%; margin: 0 0 25px } form#form-settings-page #timezone-bloc .titre-gras, form#form-settings-page #you-and-statigram-bloc .titre-gras { margin-top: 9px; display: inline-block } form#form-settings-page #remove-bloc { margin-top: 40px } form#form-settings-page #you-and-statigram-bloc { margin-top: 25px } form#form-settings .email-picto, form#form-settings-page .snapshot-picto { float: left; width: 50px; height: 50px; margin: 0 15px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_snapshots.png); background-repeat: no-repeat; background-position: 10px 0 } .fancyBoxSettings .welcome-picto, form#form-settings-page .notification-picto { float: left; width: 50px; height: 50px; margin: 0 15px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_notifstats.png); background-repeat: no-repeat; background-position: 10px 0 } form#form-settings-page .message-picto { float: left; width: 50px; height: 70px; margin: 0 15px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_notifdm.png); background-repeat: no-repeat; background-position: 12px 0 } form#form-settings-page .newsletter-picto { float: left; width: 50px; height: 100px; margin: 0 15px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_newsletter.png); background-repeat: no-repeat; background-position: 10px 0 } form#form-settings-page .remove-picto { float: left; width: 50px; height: 230px; margin: 0 15px 0 0; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_remove.png); background-repeat: no-repeat; background-position: 10px 0 } #list-remove { list-style-position: inside; padding-right: 40px; font-style: italic } #list-remove a { color: inherit; text-decoration: underline } #list-remove li { margin-top: 10px } .click-remove-show { cursor: pointer } .button-gris { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #B3AFA8; background: -moz-linear-gradient(100% 100% 90deg, #C9C9C9, #F1F1F1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#C9C9C9)); color: #312D27; font-size: 13px; border: 1px solid #B3AFA8; cursor: pointer; text-shadow: 0 1px 0 #fff; margin: 0 20px 0 0; padding: 7px; display: inline-block; margin-top: 15px } .button-gris:hover { background: #B3AFA8; background: -moz-linear-gradient(19% 90deg, #CACACA, #E9E9E9 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), to(#CACACA)) } .button-close { font-weight: 700 } form#form-settings-page .timezone-picto { float: left; width: 50px; height: 50px; margin: 0 15px 0 0; background-color: transparent; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_timezone.png); background-repeat: no-repeat; background-position: 10px 0 } form#form-settings-page .valorisation-picto { float: left; width: 50px; height: 50px; margin: 0 15px 50px 0; background-color: transparent; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/icone_youandsg.png); background-repeat: no-repeat; background-position: 10px 0 } form#form-settings-page div#message-bloc .setting-message-notif-input { float: left; margin: 8px 0 0; width: 400px } form#form-settings-page div#message-bloc #setting-email, form#form-settings-page div#message-bloc #setting-notification-email, form#form-settings-page div#message-bloc #setting-instagram { margin: 0 10px 0 0 } form#form-settings-page div#timezone-bloc #info-timezone, form#form-settings-page div#you-and-statigram-bloc #info-valorisation { margin: 10px 0 } form#form-settings-page div#you-and-statigram-bloc .background-valorisation { margin-top: 5px; margin-left: 15px; padding: 10px 15px; background-color: #465058; width: 370px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; height: 20px; color: #fff } form#form-settings-page div#you-and-statigram-bloc .background-valorisation .text-intro { float: left; width: 150px; padding-top: 2px } form#form-settings-page div#you-and-statigram-bloc .background-valorisation .action-button { float: right; width: 220px; text-align: right } form#form-settings-page div#you-and-statigram-bloc #valorisation-instagram.background-valorisation .action-button { width: 205px; padding-right: 14px } form#form-settings-page div#you-and-statigram-bloc #valorisation-instagram.background-valorisation .action-button #follow-instagram { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/btn_followIG.png); background-repeat: no-repeat; width: 59px; height: 20px; display: block; float: right } form#form-settings-page div#you-and-statigram-bloc #valorisation-instagram.background-valorisation .action-button #follow-instagram:hover { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/btn_followIG_hover.png) } form#form-settings-page div#you-and-statigram-bloc #valorisation-instagram.background-valorisation .action-button #follow-instagram-ok { padding-top: 5px; float: right } form#form-settings-page input.save-settings-page { float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #b3AFA8; background: -moz-linear-gradient(100% 100% 90deg, #c9c9c9, #f1f1f1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#c9c9c9)); color: #312D27; font-size: 13px; font-weight: 700; border: 1px solid #b3AFA8; cursor: pointer; text-shadow: 0 -1px 1px #fff; height: 27px; margin: 5px 0 0 5px; padding: 0 10px } form#form-settings-page input.save-settings-page:hover { background: #b3AFA8; background: -moz-linear-gradient(19% 90deg, #cacaca, #e9e9e9 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9e9), to(#cacaca)) } #facebook-timeline-block { float: right; margin: 10px 0 25px 10px; width: 22% } .grid-contest { font-family: Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; width: 310px; height: 470px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-left: 10px; margin-right: 10px; float: left; box-shadow: 0 1px 0 0 #fff; -moz-box-shadow: 0 1px 0 0 #fff; -webkit-box-shadow: 0 1px 0 0 #fff; font-size: 13px; line-height: 1.3; position: relative; z-index: 1; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/fondgrid-contest.png); background-repeat: no-repeat; background-position: bottom; cursor: pointer } .grid-contest.winner { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/fondgrid-contest-win.png) } .alpha { margin-left: 0; margin-right: 20px } .omega { margin-left: 20px; margin-right: 0 } .contest-image { margin-bottom: 20px; margin-top: 30px; z-index: 2 } .contest-image img { max-width: 100%; height: auto; width: auto; display: block; margin: 0 auto; z-index: 2 } .contest-texte, .contest-date, .contest-enter { width: 250px; margin: 0 auto; z-index: 2 } .contest-texte p.financial { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/prizes.png); background-repeat: no-repeat; background-position: 0 0; padding: 4px 0 0 25px; margin-top: 5px } .contest-texte h4 { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } .contest-date { color: #FA7100; font-size: 13px; position: absolute; bottom: 35px; left: 30px } .contest-pays { color: #ADA799; font-size: 13px; position: absolute; bottom: 60px; left: 30px; width: 250px } .contest-pays a { color: #ADA799; font-size: 13px } .contest-pays a:hover { text-decoration: underline } .contest-date img { margin-right: 7px } .contest-enter { text-align: right; color: orange; text-transform: uppercase; font-weight: 700; z-index: 2; position: absolute; bottom: 15px; right: 30px } .contest-enter a { color: #fff; text-decoration: none; text-transform: uppercase } .contest-enter a:hover {} .overview-contest a { display: block; text-decoration: none; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #42403C; text-shadow: 0 -1px rgba(0, 0, 0, .3); font-weight: 700; box-shadow: 0 1px 0 0 #F2F2F2; -moz-box-shadow: 0 1px 0 0 #F2F2F2; -webkit-box-shadow: 0 1px 0 0 #F2F2F2; background: #42403C; font-size: 13px; padding: 6px 20px; float: left } .manage-contest-single { margin-top: 30px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 12px } .manage-contest-single.pendingReview { background: #63ca60 } .contest-review-pending { background-color: #63ca60; color: #fff; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; text-align: center; padding: 12px 0 10px } .activity-left { float: left; width: 280px; padding-right: 20px; border-right: 1px solid #ada797 } .activity-right { float: right; width: 609px } .activity-total { color: #ADA797; float: right; font-size: 12px; margin-top: 10px } .activity-left h2 { color: #ada797; float: left } .manage-contest-single-stats { font-size: 12px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; box-shadow: 0 3px 3px 0 #CDC6B5; -webkit-box-shadow: 0 3px 3px 0 #CDC6B5; -moz-box-shadow: 0 3px 3px 0 #CDC6B5 } .stats-wrapper-contest { margin-top: 30px; background: #fff; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } .activity-stats { background: none repeat scroll 0 0 #FFF; margin-top: 5px; padding: 30px } .activity-stats-number { margin-top: 30px } .activity-label { float: left; font-size: 12px; font-weight: 700; color: #312d27 } .activity-number { float: right; margin-bottom: 20px; text-align: right; font-size: 12px } .activity-photos { color: #fa7100 } .activity-participants { color: #5ebf78 } .activity-views { color: #636059 } .activity-big { font-size: 40px; font-weight: 700; line-height: 33px; margin-bottom: 5px } .activity-last { margin-bottom: 15px } .activity-moderation { font-weight: 700 } .activity-left h4 { color: #ADA797; font-size: 12px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase } .activity-likes { color: #fa415e; font-weight: 700 } .activity-comments { color: #fdcc12; font-weight: 700 } .activity-social { color: #1b87d3; font-weight: 700 } .activity-overall { color: #ada797 } .activity-refused { margin-top: 20px } .activity-refused a { text-decoration: none; font-weight: 400; font-size: 11px } .monitor-activity { padding: 30px 30px 15px; border-bottom: 1px solid #CDC6B5 } .monitor-activity-left { float: left; width: 450px; height: 15px; padding: 8px 0 2px 45px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/monitor-activity.png); background-repeat: no-repeat; color: #ADA797; font-size: 14px; font-weight: 700 } .csvdownload-left { float: left; width: 450px; height: 15px; padding: 8px 0 2px 45px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/csv-participants.jpg); background-repeat: no-repeat; color: #ADA797; font-size: 14px; font-weight: 700 } .monitor-activity-left .uppercase { text-transform: uppercase } .monitor-activity-right { float: right; width: 300px; text-align: right; padding-top: 7px } .monitor-activity-right a { color: #fff; background-color: #ADA797; border-radius: 3px; padding: 3px 6px; font-size: 12px; font-weight: 700 } #monitor-activity-loader { display: none } .performance-stats { background: none repeat scroll 0 0 #FFF; margin-top: 5px; padding: 30px } .performance-left { float: left; width: 280px; height: 225px; padding-right: 20px; border-right: 1px solid #ada797 } .performance-right { float: right; width: 609px } .performance-total { color: #ADA797; float: right; font-size: 12px; margin-top: 10px } .performance-daily { color: #ADA797; font-size: 11px; font-style: italic } .performance-left h2 { color: #ada797; float: left } .performance-stats-number { margin-top: 30px } .performance-label { float: left; font-size: 12px; font-weight: 700; color: #312d27 } .performance-number { float: right; margin-bottom: 20px; text-align: right; font-size: 12px } .performance-likes { color: #DE2154 } .performance-audience { color: #2A7CFF } .performance-big { font-size: 40px; font-weight: 700; line-height: 33px; margin-bottom: 5px } .stat-social-virality { background: #FFF; padding: 30px; margin-top: 5px } .stat-social-moderation { background: #FFF; padding: 30px; margin-top: 5px } .stat-contact-us { background: #636059; padding: 30px; margin-top: 5px } .stat-contact-us p { color: #fff; text-align: right; font-weight: 700; font-size: 16px } .stat-contact-us p a { display: block; text-decoration: none; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #312D27; text-shadow: 0 -1px #312D27; font-weight: 700; background: #312D27; background: -moz-linear-gradient(top, #63605A 0, #312D27 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63605A), color-stop(100%, #312D27)); background: -webkit-linear-gradient(top, #63605A 0, #312D27 100%); background: -o-linear-gradient(top, #63605A 0, #312D27 100%); background: -ms-linear-gradient(top, #63605A 0, #312D27 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63605A', endColorstr='#312D27', GradientType=0); background: linear-gradient(top, #63605A 0, #312D27 100%); font-size: 16px; padding: 7px 18px; float: right; position: relative; top: -9px; margin-left: 20px } .confirmation-contest-created { background: #cde2d3; border: 1px solid #5bbf78; padding: 20px; color: #2e8942; font-size: 13px; margin-bottom: 10px } .confirmation-contest-created ul { margin-left: 30px } .confirmation-contest-created ul li { margin-top: 5px } .contest-image-content { display: inline-block; width: 15.1% } .contest-image-content.waiting { opacity: .5 } .contest-image-content-stats { float: left } .contest-image-content img { width: 150px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .contest-image-content .simul-img-directory { width: 150px; background-color: #465058; height: 150px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; font-size: 100px; font-family: Statifont; color: #3a454d; text-align: center; display: inline-block; line-height: 140px } .contest-image-content-stats img { width: 250px } .contest-infos { position: absolute; bottom: 20px; width: 100%; color: #585858 } .listePays { color: #de2154 } .contest-infos .picto-small { height: 12px; display: inline-block; margin-right: 5px; vertical-align: top } .contest-infos-status { float: left } .contest-infos-status .contest-status { position: relative; padding-left: 15px } .color-info { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 10px; height: 10px; top: 2px; left: 0; position: absolute } .waiting .color-info { background: #3b96d4 } .over .color-info { background: #de2154 } .live .color-info { background: #63ca60 } .contest-infos-date { float: left; margin-left: 27px } .contest-infos-countries { float: left; margin-left: 27px } .contest-infos-countries .directory-list-pays { display: inline-block } .contest-action .bt-contest-manage { background: #585858; display: inline-block !important; margin-bottom: 10px } .bt-contest-manage.btclosed { background: #de2154 } .bt-contest-manage.btresults { background: #dcdcdc } .contest-action .bt-contest-manage:hover { background: #252525 } .bt-contest-manage.btclosed:hover { background: #ce1e4d } .bt-contest-manage.btresults:hover { background: #cacaca } .contest-content { height: 150px; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff } .contest-data-content { display: inline-block; width: 836px; vertical-align: top; height: 150px; color: #585858 } .contest-data-content .contest-name { padding: 20px; width: 630px; display: inline-block; position: relative; height: 110px; word-wrap: break-word } .contest-data-content .contest-name.waiting { opacity: .5 } .contest-data-content .contest-action { text-align: center; width: 160px; display: inline-block; border-left: 1px solid #ececec; height: 150px; vertical-align: top; float: right } .contest-data-content .contest-action.nb-bt-1 { padding-top: 45px; height: 105px } .contest-data-content .contest-action.nb-bt-2 { padding-top: 25px; height: 125px } .contest-data-content .contest-action.nb-bt-3 { padding-top: 15px; height: 135px } .contest-data-content-stats { float: right; width: 660px } .contest-data-title { float: left; width: 460px; font-size: 18px } .contest-data-content-stats .pays-concours { margin: 5px 0 } .contest-data-content-stats .hashtags-concours { float: left; width: 460px } .contest-data-date { float: left; width: 250px; text-align: left; font-size: 13px } .contest-data-date-stats { float: right; width: 250px; text-align: right; font-size: 13px } .url-concours a, .url-concours a:visited { font-size: 11px } .contest-moderation a { font-size: 11px } .contest-moderation .edit-moder-concours label { font-size: 12px; font-weight: 400 } .contest-moderation .edit-moder-concours input#moder-priori { margin-top: 10px } .contest-moderation .edit-moder-concours label.moder-priori { color: #ADA799 } .url-concours a.disabled { cursor: not-allowed; color: #ADA799 } .contest-data-line { padding: 10px 0; border-bottom: 1px dotted #ADA799 } .ln-activate { line-height: 25px } .ln-activate.ok .intro, .ln-activate.setup .intro, .ln-activate.view .intro { padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/option_activated.png); background-repeat: no-repeat; background-position: 0 0; display: inline-block; line-height: 17px } .activate-this.activate { display: inline-block; float: right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ADA799; color: #fff; padding: 0 4px; font-weight: 700 } .activate-this.pending { display: inline-block; float: right; color: #F8C136; padding: 0 4px 0 20px; font-weight: 700; cursor: default; text-transform: uppercase; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_warning.png); background-repeat: no-repeat; background-position: 0 5px } .activate-this.setup { display: inline-block; float: right; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #2A7CFF; color: #fff; padding: 0 4px; font-weight: 700 } .activate-this.view { display: inline-block; float: right; color: #2A7CFF; padding: 0 4px } p.infoSuppOptionFacebook, p.infoSuppOptionFacebook a { line-height: 1.3; color: #ADA799; margin-top: 7px } p.infoSuppOptionNonIg, p.infoSuppOptionNonIg a { line-height: 1.3; color: #ADA799; margin-top: 7px } img.arrow-right { display: inline-block; margin: 0 3px; position: relative; top: 1px } .contest-label { float: left; width: 160px; font-weight: 700; text-transform: uppercase; padding: 5px 0 0; font-size: 11px } .contest-label-name { float: left; width: 470px; font-weight: 700; font-size: 16px; margin-bottom: 5px; color: #de2154 } .contest-label-countries { float: left; width: 470px; padding: 5px 0 0; font-size: 11px } .btn-social { position: relative; opacity: .5 } .btn-facebook { margin-right: 22px; position: relative; left: -3px } .btn-twitter { margin-right: 15px; top: 3px } .btn-instagram { margin-right: 17px; top: 3px } .btn-site { margin-right: 22px; position: relative; left: 20px; top: 9px } .btn-tumblr { margin-right: 13px; position: relative; left: 0 } .btn-pinterest { margin-right: 13px; position: relative; left: 0 } .editinplace { display: inline-block } .editinplace input { border: 1px solid #ADA799; padding: 0 5px; width: 210px !important } .facebook-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 26px } .twitter-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 26px } .instagram-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 27px } .site-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 64px } .tumblr-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 27px } .pinterest-value { display: inline-block; line-height: 24px; padding: 0 5px; color: #ADA799; font-style: italic; width: 220px; margin-left: 11px } .detail-social-network span { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; position: absolute; top: 0 } .detail-social-network .error { display: none; color: #de2154; padding: 0 5px; background: #FDD; line-height: 24px; width: 175px; left: 315px } .detail-social-network .edited { color: #000; font-style: normal; opacity: 1 } .contest-facebook-tab, .contest-ads { padding: 5px 0 10px } .contest-pays-tab .contest-value { width: 490px } .contest-value a { font-size: 12px } .contest-value a:hover {} .contest-name { padding: 0 0 10px } .contest-url { padding: 5px 0 10px } .contest-value .selected { background: green } .contest-numbers { float: left } .contest-numbers .separationMetrics { margin: 1px 25px } .contest-stats { float: right; display: block; text-decoration: none; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; background: #312D27; padding: 0 4px; line-height: 25px; margin-bottom: 10px } #general-content .detail-social-network input[type=text] { border: 1px solid #ADA799; background-color: #FFF; width: 230px; padding: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: Helvetica, arial } .detail-social-network { margin-top: 8px; line-height: 26px; position: relative; height: 28px } .manage-contest-date { color: #ADA799; font-weight: 700; font-size: 12px } .manage-contest-date-stats { color: #ADA799; font-weight: 700; font-size: 12px; text-align: right } .last-gds { border-bottom: 0 } .contest-status-stats { margin-top: 0 } .contest-status .waiting, .contest-status-stats .waiting { color: #F8C136; font-weight: 700; text-transform: uppercase; float: left; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_warning.png); background-repeat: no-repeat; background-position: 0 0; height: 18px } .contest-status .waiting span, .contest-status-stats .waiting span { color: #ADA799; font-weight: 400; text-transform: none } .contest-status .pending, .contest-status-stats .pending { color: #ADA799; font-weight: 700; text-transform: uppercase; float: left; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_pending.png); background-repeat: no-repeat; background-position: 0 0; height: 18px } .contest-status .active, .contest-status-stats .active { color: #5EBF78; font-weight: 700; text-transform: uppercase; float: left; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_active.png); background-repeat: no-repeat; background-position: 0 0; height: 18px } .contest-status .closed, .contest-status-stats .closed { color: #de2154; font-weight: 700; text-transform: uppercase; float: left; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_closed.png); background-repeat: no-repeat; background-position: 0 0; height: 18px } .contest-status .results, .contest-status-stats .results { font-weight: 700; text-transform: uppercase; float: left; padding-left: 20px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/statu_over.png); background-repeat: no-repeat; background-position: 0 0; height: 18px } .contest-action a.aclosed, .contest-status a.aclosed, .contest-status-stats a.aclosed { float: right; display: block; color: #fff; background: #de2154; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: 700; padding: 0 4px; line-height: 25px } .contest-status a.aresults, .contest-status-stats a.aresults, .contest-action a.aresults { float: right; display: block; color: #fff; background: #ADA799; font-weight: 700; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/stop_publishing.png); background-repeat: no-repeat; background-position: 8px 5px; margin-top: -5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: 700; padding: 0 4px 0 30px; line-height: 25px } .contest-value p.contest-acces-moder { margin-top: 5px } .contest-status a.aresults, contest-status-stats a.aresults { float: right; display: block } hr.separation-details-stats { height: 0; border: 0; border-bottom: 1px dotted #ADA799; margin: 8px 0 } .none { color: #ADA799 } #valorisation-pinterest img { position: relative; top: -3px } .promoteTitle { font-size: 18px; margin: 40px 0 0; font-weight: 100 } .blocPromote { margin-top: 15px; display: inline-block; color: #585858; overflow: hidden; font-size: 13px; line-height: 1.3; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; width: 1020px } #blocPublicUrl { margin-top: 40px } .promoteLeft, .promoteRight { padding: 30px } #blocPublicUrl .promoteLeft, #blocPublicUrl .promoteRight { height: 162px } #blocRssFeed .promoteLeft, #blocRssFeed .promoteRight { height: 115px } #blocTabFb .promoteLeft, #blocTabFb .promoteRight { height: 350px } #blocWidget .promoteLeft, #blocWidget .promoteRight { height: 245px } #blocProfileCover .promoteLeft, #blocProfileCover .promoteRight { height: 205px } #blocProfileCover .promoteLeft .promote-share-left { margin-top: 23px } #blocTimelineBox .promoteLeft, #blocTimelineBox .promoteRight {} #blocFollowButton .promoteLeft, #blocFollowButton .promoteRight { height: 190px } #blocFollowButton .promoteLeft .promote-share-left { margin-top: 75px } #blocTimelineBox .promoteRight .image-promote { padding: 10px; width: 64% } .promote-share-left { float: left; width: 295px } .promote-share-left .promote-share-title { float: left; width: 55px; font-size: 14px; color: #d5d5d5; padding: 20px 0 0; text-shadow: 0 1px 0 #fff } .promote-share-left .promote-twitter, .promote-share-left .promote-facebook, .promote-share-left .promote-google, .promote-share-left .promote-tumblr, .promote-share-left .promote-pinterest { float: left; font-size: 24px; margin: 16px 10px 0 0; color: #d5d5d5 } .promote-share-left .promote-twitter:hover, .promote-share-left .promote-facebook:hover, .promote-share-left .promote-google:hover, .promote-share-left .promote-tumblr:hover, .promote-share-left .promote-pinterest:hover { color: #8f9aa3 } .promoteLeft { width: 340px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; float: left; background-repeat: no-repeat; background-position: 25px 15px } .promoteLeft .title { font-size: 16px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; color: #252525 } .promoteLeft .presentation {} .promoteLeft .presentation p { margin-bottom: 10px } .promoteLeft .presentation a { color: #3b96d4 } .promoteLeft .presentation ul { margin-bottom: 10px } .promoteLeft .presentation li { margin-bottom: 5px } .promoteRight { width: 528px; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; float: right; border-left: 1px solid #ececec } .promoteRight .linkTopRight { float: right; margin-top: 15px; text-decoration: none; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: 900; background: #3b96d4; padding: 10px 11px; text-transform: uppercase; font-size: 11px } .promoteRight .linkTopRight:hover { background: #288acc } .promoteRight img.igfeed-retina { max-width: 385px; width: 100% } p.promoteWidget { color: #312D27; font-size: 13px; text-shadow: 0 1px 0 #fff; margin-top: 15px } .urlRss { margin-bottom: 10px } .urlRss .lienBleu { font-weight: 700 } .lienBleuIg, .lienBleu { color: #3b96d4 } .lienBlack { color: #3b96d4 } .public-url-affichee { font-weight: 700 } span.public-url-affichee { color: #63605A } #desactiveUrlPublic { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/promote_url_off.png); background-repeat: no-repeat; background-position: 5px 5px } #activeUrlPublic { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/promote_url_on.png); background-repeat: no-repeat; background-position: 5px 5px; margin-left: 10px } .boutonUrlPublic { background-color: #f5f5f5; color: #585858; padding: 3px 5px 2px 25px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: right } .boutonUrlPublic.selected { background-color: #3B96D4; color: #fff } #btSharePubliqueUrl { color: #42403C; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; width: 100%; margin-top: 25px } #labelSharePublicUrl { float: left; margin: 14px 0 0 } #infoUrlPublic { margin-top: 43px } .texte-cover-wait { text-align: right; width: 120px; margin-top: 10px; float: right } .image-promote { float: left } #btSharePubliqueUrlPagePublic #twitter-share { width: 85px } #btSharePubliqueUrlPagePublic #facebook-share { width: 85px } #btSharePubliqueUrlPagePublic #google-share { width: 68px } .ui-tooltip-default.ui-tooltip-blanc .ui-tooltip-content { border: 0; background-color: #fff; color: #312D27; padding: 10px; max-width: 150px } .ui-tooltip-default.ui-tooltip-blanc .ui-tooltip-shadow { -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3); box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3) } .ui-tooltip-default.ui-tooltip-gris .ui-tooltip-content { border: 0; background-color: #202629; color: #fff; padding: 10px 0; max-width: 50px; text-align: center } .ui-tooltip-default.ui-tooltip-gris .ui-tooltip-tip { display: none } .ui-tooltip-default.ui-tooltip-contest .ui-tooltip-content { border: 0; background-color: #6F6151; color: #fff; padding: 10px; max-width: 150px; font-size: 14px } .ui-tooltip-default.ui-tooltip-contest .ui-tooltip-shadow { -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3); box-shadow: 0 0 6px 3px rgba(0, 0, 0, .3) } .ui-tooltip-default.ui-tooltip-statscontest { background: #fff; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2) } .ui-tooltip-default.ui-tooltip-statscontest .ui-tooltip-content { max-width: 400px; font-size: 14px } .one-million-pic { margin-top: 20px; text-align: left } .one-million-socials { position: relative; height: 60px; margin-top: 30px; color: #312D27; font-size: 13px; font-style: italic } .one-million-socials .social-facebook-label { position: absolute; top: 2px; left: 40px; width: 139px; height: 20px } .one-million-socials .social-facebook-pic { position: absolute; top: 0; left: 180px; width: 100px; height: 20px } .one-million-socials .social-twitter-label { position: absolute; top: 2px; left: 330px; width: 109px; height: 20px } .one-million-socials .social-twitter-pic { position: absolute; top: 0; left: 460px; width: 100px; height: 20px } .one-million-socials .social-google-label { position: absolute; top: 2px; left: 600px; width: 109px; height: 20px } .one-million-socials .social-google-pic { position: absolute; top: 0; left: 710px; width: 100px; height: 20px } .one-million-socials .social-tumblr-label { position: absolute; top: 40px; left: 40px; width: 139px; height: 20px } .one-million-socials .social-tumblr-pic { position: absolute; top: 38px; left: 180px; width: 85px; height: 20px } .one-million-socials .social-pin-label { position: absolute; top: 40px; left: 330px; width: 129px; height: 20px } .one-million-socials .social-pin-pic { position: absolute; top: 38px; left: 460px; width: 100px; height: 20px } .gris { color: #63605A } .ligneDepot-weekdays { height: 50px; width: 44px } .nbDepot { margin: 0 auto } .jourDepot { font-size: 13px; margin-top: 7px; text-align: center } .cercle-1 { width: 4px; height: 4px; border: 2px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; top: 23px } .cercle-2 { width: 7px; height: 7px; border: 2px solid transparent; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; position: relative; top: 22px } .cercle-3 { width: 14px; height: 14px; border: 2px solid transparent; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; position: relative; top: 19px } .cercle-4 { width: 19px; height: 19px; border: 2px solid transparent; -moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px; position: relative; top: 14px } .cercle-5 { width: 24px; height: 24px; border: 2px solid transparent; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; position: relative; top: 12px } .cercle-6 { width: 29px; height: 29px; border: 2px solid transparent; -moz-border-radius: 29px; -webkit-border-radius: 29px; border-radius: 29px; position: relative; top: 10px } .cercle-7 { width: 37px; height: 37px; border: 2px solid transparent; -moz-border-radius: 37px; -webkit-border-radius: 37px; border-radius: 37px; position: relative; top: 5px } .calendarShowPost { width: 8px; height: 8px; background-color: #312D27; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0 auto; display: block } .tooltipContest { border-radius: 5px; border: 0; background: #202629; color: #bababa; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 300 } .tooltipContest .tooltipster-content { font-size: 13px; line-height: 16px; padding: 10px } .contest-value { float: left; font-family: Helvetica, sans-serif; padding: 4px 0 0; width: 500px; line-height: 1.48 } @font-face { font-family: ChunkFiveRegular; src: url(/web/20140408000908im_/http://static.statigr.am/font/Chunkfive-webfont.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/Chunkfive-webfont.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Chunkfive-webfont.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Chunkfive-webfont.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Chunkfive-webfont.svg#ChunkFiveRegular) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.eot); font-weight: 700; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.eot); font-weight: 300; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.eot); font-weight: 500; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.eot); font-weight: 100; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.eot); font-weight: 300; font-style: italic; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.eot); font-weight: 500; font-style: italic; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.eot); font-weight: 900; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.svg#wf) format('svg') } body { background-color: #CDC6B5 } .bloc-concours { background-color: #312D27; width: 950px; padding: 20px; margin-top: 40px; color: #ADA799; float: left } .bloc-concours .image-concours-small { float: left; width: 40% } .bloc-concours .image-concours-small img { max-width: 400px } .bloc-concours .infos-concours { float: right; width: 50% } div#optionsConcours, form#previewConcours, form#editConcours, form#createConcours { background-color: #fff; width: 920px; padding: 25px 40px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 25px 0; position: relative } div#optionsConcours h1, form#previewConcours h1, form#editConcours h1, form#createConcours h1 { font-size: 30px; font-weight: 700; font-family: georgia, serif; font-style: italic; margin-left: 6px; color: #42403C; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/contest_cup.png); background-repeat: no-repeat; height: 49px; background-position: right 0; padding-top: 10px } div.addOptionCancel { padding: 10px 0 15px; border-top: 1px dashed #A4A095 } div#optionsConcours #steps, form#previewConcours #steps, form#editConcours #steps, form#createConcours #steps { width: 100%; margin: 20px 0 15px 6px; float: left; font-family: georgia, serif; font-style: italic } div#optionsConcours #steps .step, form#previewConcours #steps .step, form#editConcours #steps .step, form#createConcours #steps .step { background-color: #63605A; color: #fff; position: relative; padding: 5px 0 5px 30px; width: 276px; float: left; font-size: 14px; line-height: 20px; text-shadow: 0 -1px 1px rgba(0, 0, 0, .6); font-weight: 700 } div#optionsConcours #steps .step .corner, form#previewConcours #steps .step .corner, form#editConcours #steps .step .corner, form#createConcours #steps .step .corner { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 14px solid #63605A; position: absolute; top: 0; right: -14px; z-index: 3 } div#optionsConcours #steps .step.active, form#previewConcours #steps .step.active, form#editConcours #steps .step.active, form#createConcours #steps .step.active { background-color: #e25b00; position: relative } div#optionsConcours #steps .step.active .corner, form#previewConcours #steps .step.active .corner, form#editConcours #steps .step.active .corner, form#createConcours #steps .step.active .corner { border-left: 14px solid #e25b00 } div#optionsConcours #steps .step .corner-separation, form#previewConcours #steps .step .corner-separation, form#editConcours #steps .step .corner-separation, form#createConcours #steps .step .corner-separation { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/ariane_ombre.png); background-repeat: no-repeat; width: 21px; height: 30px; position: absolute; top: 0; right: -20px; z-index: 2 } form#editConcours .form-element input[type=text], form#createConcours .form-element input[type=text] { width: 296px } form#editConcours .form-element input[type=text].date, form#createConcours .form-element input[type=text].date { width: 128px } div#optionsConcours .ligne-separation, form#previewConcours .ligne-separation, form#editConcours .ligne-separation, form#createConcours .ligne-separation { border-top: 2px dotted #A4A095; width: 920px; float: left; margin: 25px 0 25px 6px } div.error { margin: 0; float: none; color: #de2154 } div.error.margeLeft { padding: 0 0 0 6px } .errorSize { display: none } .form-element { margin-top: 34px } .conteneur-cgu .info, .toolTipDate .info, .form-element .toolTip .infoFinancial, .form-element .toolTip .infoNofinancial, .form-element .toolTip .info { display: none } .tooltipFontSize, .ui-helper-reset.tooltipFontSize { font-size: 12px } .tooltipPays { padding: 0; -webkit-box-shadow: none; box-shadow: none } .compteurRouge { color: #912323 } .texteOrange { color: #E25B00 } .textGrisClair { color: #ADA799 } label { font-weight: 700; font-size: 14px; margin-left: 6px } .moreInfos { color: #A9A9A9; font-size: 12px; font-weight: 400 } .moreInfosRight { color: #A9A9A9; font-size: 12px; font-weight: 400; float: right; margin-right: 6px } .moreInfosHashtag { color: #A9A9A9; font-size: 12px; font-weight: 400; margin-left: 6px } #general-content textarea, #general-content input[type=text] { background-color: #F2F2F2; font-size: 14px; padding: 10px 2% } #general-content input#list_pays, #general-content input#hashtags-recipient { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #312D27; font-family: Helvetica, arial; border: 0; background-color: transparent } #general-content input.date { border: 1px solid #A4A095; background-color: #F2F2F2; width: 128px; font-size: 14px; padding: 10px 5px; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); font-family: Helvetica, arial } #general-content.contest-creation textarea, #general-content #conteneur-select-winner textarea { border: 1px solid #A4A095; background-color: #F2F2F2; font-size: 14px; padding: 10px 5px; resize: none; font-family: Helvetica, arial; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); font-family: Helvetica, arial } #general-content.contest-creation textarea { width: 618px } #general-content input:focus, #general-content textarea:focus { outline: 0 } .conteneur-date { margin-right: 20px; float: left } .conteneur-date:last-child { margin-left: 38px } .conteneur-date .border-focus { width: 140px } #general-content .input-circle, #general-content .input-album { font-size: 11px !important; padding: 3px !important; margin-bottom: 5px !important } #general-content #editConcours .placeholder, #general-content #createConcours .placeholder { color: #A9A9A9 } ::-webkit-input-placeholder { color: #A9A9A9 } input:-moz-placeholder { color: #A9A9A9 } textarea:-moz-placeholder { color: #A9A9A9 } .border-focus { border: 6px solid transparent; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative } .border-focus.big {} .border-focus.active { border: 6px solid #D6D3CC } .lienBleu { color: #3b96d4; font-size: 13px } .contest-colonne-bas { float: left; width: 640px } .contest-colonne-bas .floatLeft { float: left } .contest-colonne-bas .conteneur-cgu .labelUpload { margin-top: 10px } #terms-generic { margin: 20px 0 0 5px; clear: both; float: left } .label-terms-generic { float: left; margin: 20px 0 0 5px } .contest-colonne-droite { float: left; width: 320px } .contest-colonne-droite .form-element:first-child { margin-top: 0 } .contest-colonne-type { float: left; width: 640px; margin-top: 34px } #infos-relative-reward { clear: both } .contest-colonne-type #label-type { font-weight: 700; font-size: 14px; float: left; width: 150px; height: 85px } .contest-colonne-type #label-type a { color: #2A7CFF; font-size: 13px; font-weight: 400 } .contest-colonne-type .reward-choice { float: left; width: 490px; margin-bottom: 15px } .contest-colonne-type .reward-choice:last-child { margin-bottom: 0 } .contest-colonne-type .reward-choice * { font-size: 13px } .contest-colonne-type .reward-choice .info-type { float: left; margin: 2px 0 0 19px } #infos-relative-reward.notActif * { color: #A9A9A9; cursor: default } #infos-relative-reward.notActif { opacity: .3; -moz-opacity: .3; -ms-filter: "alpha(opacity=30)"; filter: alpha(opacity=30); cursor: default; float: left } .contest-colonne-gauche-date { float: left; width: 350px } .contest-colonne-gauche-pays { float: left; width: 640px; clear: both; position: relative } .contest-colonne-gauche-pays .border-focus { width: 308px; float: left; clear: both } .contest-colonne-gauche-pays #label_list_pays { float: left } .contest-colonne-gauche-pays .initCountries { position: absolute; left: 8px; top: 12px; color: #A9A9A9; font-size: 14px } .contest-colonne-gauche-pays .mp_list { position: absolute; list-style-type: none; background-color: #F2F2F2; width: 306px; z-index: 10; font-size: 14px } .contest-colonne-gauche-pays .mp_list li { padding: 5px 0 5px 10px; cursor: pointer } .contest-colonne-gauche-pays .mp_list li:hover, ol.mp_list li.mp_highlighted { background-color: #D6D3CC } .contest-colonne-gauche { float: left; width: 320px } .contest-colonne-gauche #uploadPhoto { width: 250px; height: 250px; margin-left: 6px; margin-top: 5px; position: relative } #deletePhotoParticipation, #deleteReglement, .contest-colonne-gauche #uploadPhotoApercu #deletePhoto { color: #2A7CFF; font-size: 14px; font-weight: 700 } .contest-colonne-gauche #uploadPhoto #loaderActif { width: 250px; height: 0; position: absolute; background-color: rgba(23, 149, 255, .3); bottom: 0 } .contest-colonne-gauche #uploadPhoto .error { position: absolute; right: 0; top: -20px } .contest-colonne-gauche #uploadPhoto #file-uploader-photo { margin: 105px 0 0 } .contest-colonne-bas .conteneur-cgu label { font-weight: 400 } .stripes { float: left; -webkit-background-size: 6px 6px; -moz-background-size: 6px 6px; background-size: 6px 6px } .angled-135 { background-color: #F2F2F2; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(164, 160, 149, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(164, 160, 149, .2)), color-stop(.75, rgba(164, 160, 149, .2)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(164, 160, 149, .2) 25%, transparent 25%, transparent 50%, rgba(164, 160, 149, .2) 50%, rgba(164, 160, 149, .2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(164, 160, 149, .2) 25%, transparent 25%, transparent 50%, rgba(164, 160, 149, .2) 50%, rgba(164, 160, 149, .2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(164, 160, 149, .2) 25%, transparent 25%, transparent 50%, rgba(164, 160, 149, .2) 50%, rgba(164, 160, 149, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(164, 160, 149, .2) 25%, transparent 25%, transparent 50%, rgba(164, 160, 149, .2) 50%, rgba(164, 160, 149, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(164, 160, 149, .2) 25%, transparent 25%, transparent 50%, rgba(164, 160, 149, .2) 50%, rgba(164, 160, 149, .2) 75%, transparent 75%, transparent) } .angled-135.bleu { background-color: rgba(247, 139, 131, .5); background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(145, 35, 35, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(145, 35, 35, .2)), color-stop(.75, rgba(145, 35, 35, .2)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(145, 35, 35, .2) 25%, transparent 25%, transparent 50%, rgba(145, 35, 35, .2) 50%, rgba(145, 35, 35, .2) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(145, 35, 35, .2) 25%, transparent 25%, transparent 50%, rgba(145, 35, 35, .2) 50%, rgba(145, 35, 35, .2) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(145, 35, 35, .2) 25%, transparent 25%, transparent 50%, rgba(145, 35, 35, .2) 50%, rgba(145, 35, 35, .2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(145, 35, 35, .2) 25%, transparent 25%, transparent 50%, rgba(145, 35, 35, .2) 50%, rgba(145, 35, 35, .2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(145, 35, 35, .2) 25%, transparent 25%, transparent 50%, rgba(145, 35, 35, .2) 50%, rgba(145, 35, 35, .2) 75%, transparent 75%, transparent) } div#optionsConcours #envoieConcours, form#previewConcours #envoieConcours, form#editConcours #envoieConcours, form#createConcours #envoieConcours { font-size: 24px; color: #fff; font-weight: 700; font-family: georgia, serif; border: 0; margin-top: 30px; text-align: center; font-style: italic; background-color: transparent; text-shadow: 0 -1px 1px #000; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/barre_create.png); background-repeat: no-repeat; width: 920px; height: 55px; cursor: pointer } div#optionsConcours #envoieConcours:hover, form#previewConcours #envoieConcours:hover, form#editConcours #envoieConcours:hover, form#createConcours #envoieConcours:hover { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/barre_create_hover.png) } form#createConcours #infos-relative-reward.notActif #envoieConcours:hover { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/barre_create.png); cursor: default } form#previewConcours a#envoieConcours { float: left; padding-top: 12px } form#previewConcours #header-concours .texte-concours .grayBackground { width: 527px } form #or_all_pays { float: left; padding: 15px 0 0; width: 60px; text-align: center } form #all_pays { float: left; margin: 19px 0 0 } form #label_all_pays { float: left; padding: 19px 0 0 } #upload-images-ie { display: none; width: 128px; height: 15px; margin: 120px 0 0 65px } #upload-cgu-ie { display: none; width: 128px; height: 15px; margin: 10px } #label-hashtag { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/tag.png); background-repeat: no-repeat; padding: 3px 0 10px 25px } span.initHashtag { position: absolute; left: 8px; top: 12px; color: #A9A9A9 } div.mf_container { border: 1px solid #A4A095; background-color: #F2F2F2; width: 286px; font-size: 14px; padding: 0 5px 0 15px; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); box-shadow: inset 0 0 10px rgba(0, 0, 0, .3) } .contest-colonne-gauche-pays .mf_container { padding-left: 0; width: 301px } div.mf_container ol.mf_list { display: inline; margin-left: 5px } div.mf_container ol.mf_list li.mf_item { border: 1px solid #C0C0C0; cursor: pointer; display: inline-block; margin: 2px; padding: 4px 4px 5px } div.mf_container ol.mf_list li.mf_item.mf_highlighted { background-color: #E0E0E0 } div.mf_container ol.mf_list li.mf_item.mf_selected { background-color: #C0C0C0 } div.mf_container ol.mf_list li.mf_item a.mf_remove { color: #E0E0E0; margin-left: 10px; text-decoration: none } div.mf_container ol.mf_list li.mf_item.mf_highlighted a.mf_remove { color: #FFF } div.mf_container ol.mf_list li.mf_item.mf_selected a.mf_remove { color: #FFF } div.mf_container input.mf_input { border: 0; font: inherit; font-size: 100%; margin: 2px; outline: 0; padding: 4px } #file-uploader-reglement .qq-uploader { margin-left: 10px } #file-uploader-reglement .qq-uploader .qq-upload-cancel { color: #2A7CFF } #file-uploader-reglement .qq-upload-failed-text { color: #912323 } #reglement-upload-exist { float: left; margin: 8px 0 0 10px } #uploadProgressBarreReglement, #uploadProgressBarrePhoto { display: none; height: 20px; position: relative; background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 2px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); width: 200px; margin: 5px 0 0 15px } #uploadProgressBarreReglement>span, #uploadProgressBarrePhoto>span { display: block; height: 100%; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #06abff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #06abff), color-stop(1, #287eff)); background-image: -webkit-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -moz-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -ms-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -o-linear-gradient(center bottom, #06abff 37%, #287eff 69%); -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4); -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4); position: relative; overflow: hidden } #uploadProgressBarrePhoto>span:after, .animate>span>span, #uploadProgressBarreReglement>span:after, .animate>span>span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden } .animate>span:after { display: none } @-webkit-keyframes move { 0% { background-position: 0 0 } 100% { background-position: 50px 50px } } .orange>span { background-color: #f1a165; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#f1a165, #f36d0a) } .red>span { background-color: #f0a3a3; background-image: -moz-linear-gradient(top, #f0a3a3, #f42323); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323)); background-image: -webkit-linear-gradient(#f0a3a3, #f42323) } .nostripes>span>span, .nostripes>span:after { -webkit-animation: none; background-image: none } #general-content #detail-concours { color: #ADA799; padding: 0 0 20px; margin-bottom: 30px; width: 990px } #general-content #detail-concours #bandeau-attente-winner { background-color: #FFF; width: 100%; color: #312D27; padding: 30px 0; font-weight: 700; float: left; font-size: 14px; text-align: center; float: right } #general-content #detail-concours #gallerie-concours { float: left; background-color: #111518; margin-bottom: 0; width: 96.001%; padding: 0 2% 3%; margin-bottom: 60px } #general-content #detail-concours #gallerie-concours #conteneurMenu { padding: 0; margin: 25px 0 0; width: 100% } #general-content #detail-concours #gallerie-concours #conteneurMenu .menu-wrapper { margin: 0 } #general-content #detail-concours #gallerie-concours #conteneurMenu #menu-viewer-concours { width: 70%; float: left; margin-left: 0 } #general-content #detail-concours #gallerie-concours #conteneurMenu #menu-viewer-concours span, #general-content #detail-concours #gallerie-concours #conteneurMenu #menu-viewer-concours a { color: #bababa; font-size: 13px; margin-right: 10px; float: left } #general-content #detail-concours #gallerie-concours #conteneurMenu #menu-viewer-concours a.selected { color: #f2f2f2 } #general-content #detail-concours #gallerie-concours #conteneurMenu #mode-viewer { margin: 0 } #general-content #detail-concours #gallerie-concours .conteneurPhotoListDroite { margin-right: 0 } #general-content #detail-concours #gallerie-concours .conteneurPhotoListDroite .liste-likes .hide { display: none } #general-content #detail-concours #gallerie-concours .conteneurPhotoListDroite .liste-comments .hide { display: none } #general-content #detail-concours #gallerie-concours.nonLogue .comment_picto { cursor: default } #general-content #detail-concours #gallerie-concours.nonLogue .nouveau-commentaire { display: none } #general-content #detail-concours #gallerie-concours .nouveau-commentaire-nonlogue { display: none } #general-content #detail-concours #gallerie-concours.nonLogue .nouveau-commentaire-nonlogue { display: block } #preview-contest h2 { color: #ADA799; font-size: 14px; font-family: georgia, serif; font-style: italic } #optionsConcours a.lienBleu, #preview-contest a.lienBleu { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/back_editing.png); background-repeat: no-repeat; background-position: 0 6px; padding-left: 12px; margin-left: 7px } #preview-contest .contest-preview-help { float: left; width: 550px; margin-top: 30px; font-size: 13px } #preview-contest .contest-preview-help b { font-size: 14px; margin-bottom: 7px } #preview-contest .contest-preview-help ul { padding-left: 20px; padding-top: 10px } #preview-contest .contest-preview-help li { padding: 4px 0 } #preview-contest .contest-preview-help.help1 { border-right: 4px solid #63605a; padding-right: 20px; margin-top: 60px } #preview-contest .contest-preview-help.help2 { border-left: 4px solid #63605a; padding-left: 20px; margin-top: 135px } #detail-droite { float: right; width: 305px } #detail-bas { clear: both } #preview-directory { float: right; width: 309px; height: 650px } #preview-directory .grid-contest { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3); box-shadow: 0 0 20px rgba(0, 0, 0, .3); cursor: default } #preview-directory .grid-contest .contest-enter { color: #fff } #preview-page .grid-contest { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3); box-shadow: 0 0 20px rgba(0, 0, 0, .3) } #preview-page { float: left; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3); box-shadow: 0 0 20px rgba(0, 0, 0, .3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 20px } #detail-concours #header-concours { z-index: 1000 } #detail-concours #preview-page { margin-top: 0; width: 100% } #detail-concours #preview-page .share-addthis { margin-top: 10px } #header-concours { background-color: #fff; color: #ADA799; padding: 3%; float: left; width: 94%; font-size: 12px } #preview-contest #header-concours { width: 860px } #header-concours .image-concours { max-width: 100%; width: 26.85%; height: auto; float: left } #header-concours .texte-concours { width: 70%; float: right; color: #312D27; font-size: 13px; line-height: 1.3 } #header-concours .texte-concours .marque-concours { font-weight: 700; font-size: 18px; margin-bottom: 5px } #header-concours .texte-concours .organisateur-concours { float: left } #header-concours .texte-concours .social-sharing { float: left; clear: both; width: 100%; border-top: 1px dotted #A4A095; margin-top: 5px; padding-top: 5px; line-height: 20px } #header-concours .texte-concours .dodations-concours { color: #E25B00; font-weight: 700; font-size: 14px; clear: both; margin: 0 0 10px } #header-concours .texte-concours .dodations-concours.financial { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/prizes.png); background-repeat: no-repeat; background-position: 0 0; padding: 4px 0 0 25px; min-height: 15px } #header-concours .texte-concours .modalites-concours a { text-decoration: underline; color: #312D27 } #preview-contest #header-concours .ligne-separation, #header-concours .ligne-separation { border-top: 1px dotted #A4A095; width: 100%; float: left; margin: 5px 0 10px; clear: both } #header-concours .texte-concours .grayBackground { margin-top: 15px; border: 1px dotted #A4A095; background-color: #F2F2F2; padding: 15px 15px 15px 60px; width: 573px; float: left; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/ig.png); background-repeat: no-repeat; background-position: 20px 18px } #header-concours .texte-concours .pays-concours { margin-bottom: 10px } #header-concours .texte-concours .date-concours { margin-top: 10px; font-weight: 700; font-size: 14px } #header-concours .texte-concours .date-concours-preview, #preview-page.results #header-concours .texte-concours .date-concours, #preview-page.closed #header-concours .texte-concours .date-concours { margin-top: 10px; color: #63605A; font-weight: 400; font-size: 13px } #header-concours .texte-concours .hashtags-concours {} #header-concours .texte-concours .hashtags-concours .explain { float: left; margin-top: 5px } #header-concours .texte-concours .hashtags-concours .tag-detail { background-color: #E25B00; padding: 4px 5px; color: #fff; font-size: 16px; font-weight: 700; float: left; margin: 0 0 0 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #header-concours .texte-concours #followIgBt { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/btn_followIG.png); background-repeat: no-repeat; width: 59px; height: 20px; display: block; float: right } #header-concours .texte-concours #followIgBt:hover { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/btn_followIG_hover.png) } #header-concours .texte-concours #followIgBt-disabled { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/btn_followIG.png); background-repeat: no-repeat; width: 59px; height: 20px; display: block; opacity: .5; float: right } #header-concours .texte-concours .social-sharing .intro { margin-right: 5px; margin-bottom: 15px } #header-concours .texte-concours .social-sharing .facebook-bt { float: left; width: 21% } #header-concours .texte-concours .social-sharing .facebook-bt .fb_edge_widget_with_comment { float: right; width: 59px } #header-concours .texte-concours .social-sharing .twitter-bt { float: left; width: 19% } #header-concours .texte-concours .social-sharing .twitter-bt iframe { float: right } #header-concours .texte-concours .social-sharing .instagram-bt { float: left; width: 21% } #header-concours .texte-concours .social-sharing .site-bt { float: left; width: 33% } #header-concours .texte-concours .social-sharing .site-bt a, #header-concours .texte-concours .social-sharing .site-bt span { float: left } #header-concours .texte-concours .social-sharing .tumblr-bt { float: left; width: 8% } #header-concours .texte-concours .social-sharing .pinterest-bt { float: left; width: 9% } #header-concours .texte-concours .social-sharing .pinterest-bt img { width: 62px; height: 20px } .sochaul-link { margin-right: 10px; color: #2A7CFF } .sochaul-link:hover { text-decoration: underline } .organisateur-concours a { color: #2A7CFF } .organisateur-concours a:hover { text-decoration: underline } #preview-page.closed #header-concours .texte-concours .hashtags-concours .tag-detail, #preview-page.results #header-concours .texte-concours .hashtags-concours .tag-detail { background-color: transparent; color: #63605A } #preview-page.results #header-concours .texte-concours .pays-concours, #preview-page.closed #header-concours .texte-concours .pays-concours, #preview-page.closed #header-concours .texte-concours .hashtags-concours .tag-detail, #preview-page.results #header-concours .texte-concours .hashtags-concours .tag-detail, #preview-page.results #header-concours .grayBackground *, #preview-page.closed #header-concours .grayBackground *, #preview-page.results #header-concours .texte-concours .modalites-concours p, #preview-page.closed #header-concours .texte-concours .modalites-concours p, #preview-page.results #header-concours .texte-concours .modalites-concours a, #preview-page.closed #header-concours .texte-concours .modalites-concours a, #preview-page.results #header-concours .texte-concours .explain, #preview-page.closed #header-concours .texte-concours .explain, #preview-page.closed #header-concours .texte-concours .modalites-concours { color: #63605A } #header-concours .texte-concours .hashtags-concours .plus-tag { padding: 4px 5px; color: #E25B00; font-size: 16px; font-weight: 700; float: left; margin: 0 0 0 5px } #header-concours .texte-concours .no-account { clear: both; float: left; margin: 40px 0 0 } #header-concours .share-addthis div { float: left; color: #312D27 } #header-concours .share-addthis .addthis_toolbox { margin-left: 10px } #statut-concours { float: right; margin: 0 30px 0 0; text-transform: uppercase; color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, .6); font-weight: 700; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 5px 15px 4px; font-size: 14px } #statut-concours.open { background-color: #5EBF78 } #statut-concours.pending { background-color: #ADA799 } #statut-concours.closed, #statut-concours.results { background-color: #DE2154 } #conteneur-resultats { width: 100%; background-color: #312D27 } #conteneur-resultats * { color: #F2F2F2 } #conteneur-resultats .gagnant { clear: both; float: left; width: 94%; padding: 3%; background-color: inherit } #conteneur-resultats .gagnant:last-child { padding-bottom: 40px } #conteneur-resultats .gagnant .detail-user { width: 25%; float: left; margin-right: 5% } #conteneur-resultats .gagnant .user-avatar { float: left } #conteneur-resultats .gagnant .user-avatar img { width: 100%; max-width: 50px } #conteneur-resultats .gagnant .user-username { font-weight: 700; font-size: 12px; float: left; margin: 0 0 10px 10px } #conteneur-resultats .gagnant .user-recompense { font-size: 12px } #conteneur-resultats .gagnant .detail-photo { width: 70%; float: right } #conteneur-resultats .gagnant .detail-photo img { width: 100%; max-width: 612px; float: right } #results-wrapper { width: 100%; background-color: #111518; clear: both } #results-wrapper * { color: #f2f2f2 } #results-wrapper .winner { padding: 40px } #results-wrapper .winner .user-infos { width: 40%; font-size: 12px; display: inline-block; vertical-align: top } #results-wrapper .winner .user-infos img { width: 50px; float: left } #results-wrapper .winner .user-infos .user-infos-txt { float: left; max-width: 265px; width: 60% } #results-wrapper .winner .user-infos .username { font-weight: 700; margin: 0 0 10px 10px; font-size: 13px } #results-wrapper .winner .user-infos .user-recompense { margin: 0 0 0 10px; font-size: 13px } #results-wrapper .winner .detail-photo { width: 60%; display: inline-block } #results-wrapper .winner .detail-photo img { width: 100% } #general-content.select-winner #bandeau-attente-winner { background-color: #FA415E; width: 100%; color: #fff; padding: 15px 0; font-weight: 700; float: left; margin-top: 5px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size: 14px; text-align: center; width: 100% } #general-content.select-winner #conteneur-select-winner { background-color: #fff; padding: 40px 20px; clear: both; float: left; width: 950px; font-size: 13px; margin-bottom: 60px } #general-content.select-winner #conteneur-select-winner h1 { font-size: 20px } #general-content.select-winner #conteneur-select-winner #link-open-form-add-winner { color: #2A7CFF; font-size: 16px; font-weight: 700 } #general-content.select-winner #conteneur-select-winner #link-open-form-add-winner.nonActif { color: #A4A095; cursor: default } #general-content.select-winner #conteneur-select-winner #choice-winner { margin: 20px 0; position: relative; float: left; width: 100% } #general-content.select-winner #conteneur-select-winner #choice-winner.hideForm { display: none } #general-content.select-winner #conteneur-select-winner #choice-winner #usernameOrEmail { float: left; width: 350px } #general-content.select-winner #conteneur-select-winner #choice-winner #wins { font-weight: 700; color: #312D27; padding: 10px 15px; font-size: 14px; float: left } #general-content.select-winner #conteneur-select-winner #choice-winner #prizeDetail { width: 375px; float: left; height: 16px } #general-content.select-winner #conteneur-select-winner #choice-winner #submitWinner { float: right; padding: 11px 20px; text-align: center; color: #fff; font-size: 14px; font-weight: 700; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0 -1px 1px #0B67A8; background: #06ABFF; background: -moz-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06ABFF), color-stop(48%, #1795FF), color-stop(100%, #287EFF)); background: -webkit-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -o-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -ms-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06ABFF', endColorstr='#287EFF', GradientType=0); background: linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); border: 0; margin-left: 15px; cursor: pointer } #general-content.select-winner #conteneur-select-winner #choice-winner #submitWinnerLoading { display: none; width: 100px; margin: 13px 0 0; float: right } #general-content.select-winner #conteneur-select-winner .ligne-separation { border-top: 2px dotted #A4A095; width: 100%; float: left; margin: 25px 0 } #general-content.select-winner #conteneur-select-winner #publish-winners {} #general-content.select-winner #conteneur-select-winner #publish-winners .info-publish { float: left } #general-content.select-winner #conteneur-select-winner #publish-winners #publicateWinnersButton { float: right; padding: 11px 20px; text-align: center; color: #A4A095; font-size: 14px; font-weight: 700; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #A4A095; background-color: #F2F2F2; margin-left: 15px; cursor: default } #general-content.select-winner #conteneur-select-winner #publish-winners #publicateWinnersButton.active { background: #06ABFF; background: -moz-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06ABFF), color-stop(48%, #1795FF), color-stop(100%, #287EFF)); background: -webkit-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -o-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -ms-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06ABFF', endColorstr='#287EFF', GradientType=0); background: linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); text-shadow: 0 -1px 1px #0B67A8; color: #fff; border: 0; cursor: pointer } a.ariane-contest-winner { color: #312D27; font-size: 13px; font-weight: 700; padding: 25px 25px 0 0; float: left } .winner-liste-autocomplete-affiche { position: absolute; top: 38px } .autocompletWinnerSelectionne .autocompletChaineWinnerSelectionne { text-decoration: none; color: #F2F2F2 } #winner-liste-autocomplete-affiche { color: #312D27; font-size: 10pt; padding: 2px; background-color: #ADA799; border-left: 1px solid #000; border-bottom: 1px solid #000; top: -1px; width: 220px; position: relative; z-index: 20001; float: left } .autocomplete-proposition { background-color: #fff; border-top: 1px solid #F2F2F2; padding: 5px 0 5px 10px; width: 352px; cursor: pointer; float: left; clear: both } .autocompletWinnerSelectionne { background-color: #42403C; color: #D8D2C5; font-weight: 700 } .autocomplete-proposition .avatar { float: left; height: 30px } .autocomplete-proposition .username { float: left; padding: 6px 0 0 10px } .autocomplete-proposition img { height: 30px; width: 30px } div#autocomplete-pos-0 { border-top: 0 } .winner-selected { clear: both; margin: 20px 0 10px; float: left; width: 100% } .winner-selected .user-infos { float: left; width: 450px } .winner-selected .user-infos .user-avatar { width: 150px; float: left } .winner-selected .user-infos .user-delete a { margin: 5px 0 0 10px; color: #ADA799; font-weight: 700 } .winner-selected .user-infos .user-delete.nonIg a { display: inline-block } .winner-selected .user-infos .user-username { font-size: 14px; font-weight: 700; clear: both; margin: 5px 0 0; float: left } .winner-selected .user-infos .user-prize { font-size: 13px; clear: both; margin: 5px 0 0; float: left } .winner-selected .user-photo { float: right } .winner-selected .user-photo .user-photo-multi { margin-left: 10px; float: left } .winner-selected .user-photo img { width: 450px } .winner-selected .user-photo .user-photo-multi { width: 150px; margin-left: 10px; float: left } .winner-selected .user-photo .user-photo-multi img { width: 150px } .winner-selected .user-photo .radio-user-photo { margin: 10px 0 0 81px } .winner-selected .info-multi-photos { border: 1px solid #FA415E; background-color: rgba(250, 65, 94, .3); padding: 10px 0 10px 50px; width: 900px; color: #FA415E; clear: both; margin-top: 20px; float: left; font-weight: 700 } .winner-selected a.bouton-select-winner { padding: 5px 0; background: #06ABFF; background: -moz-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06ABFF), color-stop(48%, #1795FF), color-stop(100%, #287EFF)); background: -webkit-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -o-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -ms-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06ABFF', endColorstr='#287EFF', GradientType=0); background: linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); text-shadow: 0 -1px 1px #0B67A8; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; font-weight: 700; border: 0; cursor: pointer; font-size: 12px; margin: 10px 0 0 57px; cursor: pointer; float: left; width: 50px; text-align: center } #page-discover-contest { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 25px 0; padding-bottom: 20px; float: left; width: 100%; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2) } #page-discover-contest h1 { font-size: 26px; color: #252525; font-weight: 100; font-family: museoSans; padding: 25px 40px; float: left } .discover-contest-link-overview { text-transform: uppercase; float: left; color: #63605A; font-size: 13px; float: left; margin: 40px 0 0 } .discover-contest-link-overview.selected, .discover-contest-link-overview:hover { border-bottom: 2px solid #312D27 } #discover-contest-link-request { background-color: #63CA60; color: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 5px 10px 5px 35px; float: right; margin: 27px 17px 0 0; font-size: 13px; font-weight: 700; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_arrow_right.png); background-repeat: no-repeat; background-position: 10px 7px } #presentationConteneur { overflow: hidden; width: 100%; margin-bottom: 20px } #presentation { clear: both; float: left; width: 100%; position: relative; height: 371px } #presentation .slide-discover { position: absolute; right: -9999px; width: 720px; padding: 30px 40px } #presentation #slide-1.slide-discover { position: absolute; left: 0 } #presentation .title1 { font-size: 20px; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-style: normal; color: #3B96D4 } #presentation .title2 { font-weight: 700; font-size: 13px; margin: 20px 0 3px } #presentation .contenu { font-size: 13px; color: #585858 } #presentation #slide-1 #discover-toolkit { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_toolkit.png); background-repeat: no-repeat; background-position: 0 0; width: 350px; height: 261px; position: relative; font-weight: 700; font-size: 14px; float: left; margin-top: 15px } #presentation #slide-1 #discover-toolkit #build { position: absolute; top: 161px; left: 47px } #presentation #slide-1 #discover-toolkit #promote { position: absolute; top: 161px; left: 145px } #presentation #slide-1 #discover-toolkit #manage { position: absolute; top: 161px; left: 254px } #presentation #slide-1 div#titre-discover { font-size: 20px; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-style: normal; float: left; margin: 57px 0 0 65px } #presentation #slide-1 a#see-how-easy { color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; background: #3B96D4; font-size: 13px; padding: 6px 20px 6px 40px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_arrow_right.png); background-repeat: no-repeat; background-position: 10px 7px; margin: 63px 0 0 63px; float: left } #presentation #slide-7 a#browseCurrentContests { color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; background: #3B96D4; font-size: 13px; padding: 6px 20px 6px 40px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_arrow_right.png); background-repeat: no-repeat; background-position: 10px 7px; margin: 0 0 0 30px; float: left } #presentation #slide-1 a#browseCurrentContests { color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-weight: 700; background: #3B96D4; font-size: 13px; padding: 6px 20px 6px 40px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_arrow_right.png); background-repeat: no-repeat; background-position: 10px 7px; margin: 10px 0 0 63px; float: left } #presentation #slide-2 img { float: left } #presentation #slide-2 div { margin: 10px 0 0 20px; float: left; padding: 0 0 0 46px; width: 405px; color: #585858 } #presentation #slide-2 div.title1 { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/discover_arrow_left.png); background-repeat: no-repeat; background-position: 10px 7px } #presentation #slide-2 div.title2 { margin-top: 40px; color: #252525 } #presentation #slide-2 div.title2 span, #presentation #slide-2 div.title2 img { float: left } #presentation #slide-2 div.title2 img { margin: 4px 0 0 10px } #presentation #slide-3 div { text-align: center; color: #585858 } #presentation #slide-3 .title2 { margin-top: 10px; color: #252525 } #presentation #slide-3 .title1 { width: 380px; margin: 110px auto 0; clear: both } #presentation #slide-3 .title1 img, #presentation #slide-3 .title1 span { float: left } #presentation #slide-3 .title1 span { margin: 22px 0 0; width: 265px; color: #3B96D4 } #presentation #slide-3 .bloc1, #presentation #slide-3 .bloc3 { float: left } #presentation #slide-3 .bloc2, #presentation #slide-3 .bloc4 { float: right } #presentation #slide-3 .bloc3, #presentation #slide-3 .bloc4 { margin-top: 20px } #presentation #slide-4 img { float: left } #presentation #slide-4 div { margin: 10px 0 0 20px; float: left; padding: 0 0 0 46px; width: 350px } #presentation #slide-4 div.title2 { margin-top: 20px; color: #252525 } #presentation #slide-4 div.title2.margeTop { margin-top: 40px } #presentation #slide-5 img { float: left; margin: 42px 0 0 } #presentation #slide-5 div { margin: 10px 0 0 46px; float: left; width: 305px } #presentation #slide-5 div.title1 { margin-top: 47px } #presentation #slide-5 div.title2 { margin-top: 20px; color: #252525 } #presentation #slide-6 img { float: left; margin: 3px 0 0 } #presentation #slide-6 div { margin: 10px 0 0 46px; float: left; width: 325px } #presentation #slide-6 div.title1 {} #presentation #slide-6 div.title2 { margin-top: 20px; color: #252525 } #presentation #slide-6 div.title2.margeTop { margin-top: 30px } #presentation #slide-6 div.ligneSeparation { height: 1px; background-color: #ECE9E2; width: 325px; margin-top: 20px } #menu-slide-discover { position: absolute; right: 0; width: 190px } #menu-slide-discover a { width: 170px; padding: 18px 0 17px 20px; background-color: #F2F2F2; color: #585858; border-bottom: 1px solid #fff; float: left; clear: both; font-size: 13px; text-transform: uppercase; height: 17px; line-height: 1.3 } #menu-slide-discover a.selected, #menu-slide-discover a:hover { background-color: #fff; color: #3B96D4 } #menu-slide-discover a:first-child { border-top: 1px solid #fff } #page-discover-contest h2 { font-size: 20px; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-style: normal; background-repeat: no-repeat; color: #3B96D4; margin: 0 0 10px 40px } form#formContestRequest { border: 2px dotted #F2F2F2; padding: 20px 30px; margin: 0 40px; float: left; width: 460px } form#formContestRequest .required { float: left; width: 100% } form#formContestRequest .requiredRadio { float: left; width: 462px } form#formContestRequest .form-element { margin-top: 20px } form#formContestRequest .form-request-left { float: left; width: 500px } form#formContestRequest .form-request-right { float: right; width: 360px; margin-top: 0 } form#formContestRequest label { position: relative } .mandatory { color: red; position: absolute; left: -5px; top: 6px } form#formContestRequest input { font-style: normal; font-weight: 700; float: right } form#formContestRequest .error, form#formContestRequest .errorFormat { display: none; border: 1px solid #D95252; color: #912323; background-color: #F78B83; padding: 5px 9px; text-align: left; font-size: 12px; width: 288px; clear: both; float: right; margin: 5px 0 0; position: relative } form#formContestRequest .error .fleche, form#formContestRequest .errorFormat .fleche { position: absolute; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/fleche-top-rouge.png); background-repeat: no-repeat; top: -8px; left: 145px; width: 8px; height: 8px } #general-content form#formContestRequest input[type=text] { background-color: #fff; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FBFBFB; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; resize: none; border: 1px solid #d9d9d9; color: #585858; font-size: 19px; line-height: 23px; width: 289px; font-weight: 300 } form#formContestRequest #captcha-contest-request input[type=text] { font-size: 13px !important; line-height: 14px !important } #general-content form#formContestRequest textarea { background-color: #fff; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FBFBFB; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; resize: none; border: 1px solid #d9d9d9; color: #585858; font-size: 19px; line-height: 23px; width: 297px; font-weight: 300 } form#formContestRequest label { font-style: normal; font-weight: 700; float: left; padding: 10px 5px; font-size: 13px } form#formContestRequest .requiredRadio label { width: 70px } form#formContestRequest .requiredRadio label.lelabel { width: 120px } #hon { display: none } #general-content #pricing-wrapper form#formContestRequest h2 { margin: 15px 0; width: 100%; color: #2A7CFF } form#formContestRequest .notRequired { width: 500px; float: left } form#formContestRequest .type-request ul { width: 315px; float: left; margin-left: 9px } form#formContestRequest .type-request ul li { list-style-type: none } form#formContestRequest .type-request ul li input { float: left; margin: 13px 0 0 5px } form#formContestRequest #submitContestRequest { clear: both; margin: 20px 0 0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 0; background-color: #63CA60; color: #FFF; width: 307px; padding: 10px 0; cursor: pointer; font-size: 14px } #confirmContestRequest, #captcha-error { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #63ca60; color: #63ca60; padding: 10px 30px; margin: 0 0 45px; float: left; width: 460px; font-size: 14px } #confirmContestRequest p, #captcha-error p { margin: 20px 0 } #captcha-error { border-color: #de2154; color: #de2154 } div#explicationContestRequest { font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-style: normal; color: #585858; font-size: 14px; margin: 5px 40px 0 0; float: right; width: 345px } div#explicationContestRequest p { margin: 15px 0 } #general-content #awesome-rubban { position: absolute; top: -4px; width: 84px; height: 60px; color: #3B96D4; left: 407px; font-size: 44px; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 700; text-align: center; padding: 5px; padding-top: 37px } #general-content #awesome-rubban sup { font-size: 22px; position: relative; top: 7px } #general-content #pricing-wrapper { background-color: #fff; width: 940px; padding: 25px 40px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 25px 0; position: relative; padding-bottom: 60px; color: #585858; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2) } #general-content #pricing-wrapper h1 { font-size: 26px; padding-top: 10px; font-family: museoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; letter-spacing: 0; line-height: 1.36; font-weight: 100; color: #252525 } #general-content #pricing-wrapper h2 { font-family: museoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 300; margin-top: 50px; line-height: 1.36; font-size: 19px; width: 95%; color: #585858 } #general-content #pricing-wrapper .super-rose { color: #252525; font-weight: 700 } .claim-pricing { font-weight: 300; font-size: 12px; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; color: #585858 } #general-content .separation-stripes { background: url(/web/20140408000908im_/http://static.statigr.am/images/bar.png) no-repeat; height: 12px; width: 88%; margin-bottom: 15px; margin-top: 30px } #general-content #pricing-left { float: left; width: 57.1%; font-size: 13px; -moz-box-shadow: 6px 0 7px -5px rgba(0, 0, 0, .2); -o-box-shadow: 6px 0 7px -5px rgba(0, 0, 0, .2); -ms-box-shadow: 6px 0 7px -5px rgba(0, 0, 0, .2); box-shadow: 6px 0 7px -5px rgba(0, 0, 0, .2); -webkit-box-shadow: 6px 0 7px -5px rgba(0, 0, 0, .2) } #general-content #pricing-left h3 { font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 100; line-height: 1.36; font-size: 22px; color: #3B96D4; margin-bottom: 10px; padding-top: 11px } #general-content #pricing-left ul { list-style: inside } #general-content #pricing-left li {} .ft13 { font-size: 13px } #build-contest { width: 398px; padding-left: 65px; line-height: 1.6; background: url(/web/20140408000908im_/http://static.statigr.am/images/kit_build.png) no-repeat 1px 1px; font-size: 13px } #build-contest .list-build { margin-top: 10px; padding-left: 25px; background: url(/web/20140408000908im_/http://static.statigr.am/images/fleche.png) no-repeat 1px 6px } #build-contest .list-build ul { margin-left: 20px } #promote-it { width: 398px; padding-left: 65px; line-height: 1.6; background: url(/web/20140408000908im_/http://static.statigr.am/images/kit_promote.png) no-repeat 1px 1px; font-size: 13px } #monitor-activity { width: 398px; padding-left: 65px; line-height: 1.6; background: url(/web/20140408000908im_/http://static.statigr.am/images/kit_monitor.png) no-repeat 1px 1px; font-size: 13px } #annouce-winners { width: 398px; padding-left: 65px; line-height: 1.6; background: url(/web/20140408000908im_/http://static.statigr.am/images/kit_winners.png) no-repeat 1px 9px; font-size: 13px } #create-contest-button { margin-top: 56px; float: right; background: #3B96D4; color: #fff; text-decoration: none; outline: 0; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; padding: 14px 26px; border-radius: 5px; margin-right: 62px; font-size: 20px; margin-bottom: 20px; font-weight: 900; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #create-contest-button:hover { background: #3B96D4 } a.contact-us-bouton { background: #2A7CFF; display: block; color: #fff !important; font-weight: 400 !important; text-decoration: none; outline: 0; font-family: ChunkFiveRegular, Georgia, serif; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); padding: 4px 26px; border-radius: 5px; font-size: 14px; margin-bottom: 20px; border-bottom: 0 !important; text-align: center } a.contact-us-bouton:hover { background: #0467D3 } .need { margin-bottom: 20px } #general-content #pricing-left #toolkit-deal { border: 1px solid #CDC6B5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 30px; margin-bottom: 16px; padding: 20px 50px; -moz-box-shadow: 0 0 11px 1px #CDC6B5; -webkit-box-shadow: 0 0 11px 1px #CDC6B5; box-shadow: 0 0 11px 1px #CDC6B5; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/bottom.png) no-repeat bottom right; position: relative } #general-content #pricing-left #toolkit-deal h2 { color: #e25b00; font-style: italic; font-weight: 700; font-family: Georgia, serif; font-size: 28px } #general-content #pricing-left #toolkit-deal h3 { color: #e25b00; font-weight: 400; font-style: italic; font-family: Georgia, serif; font-size: 13px } #general-content #promocode { width: 120px; padding: 7px 4px } .more-info { width: 300px; line-height: 25px } #general-content #pricing-right { float: right; width: 38%; font-size: 13px; line-height: 1.5 } #pricing-right h4 { margin-top: 72px; font-weight: 100; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-size: 22px; color: #252525 } #pricing-right .mtp { margin-top: 20px } .bloc-option { margin-top: 15px; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #F2F2F2; font-size: 13px; padding-bottom: 10px; padding-top: 10px } .bloc-option b { color: #63CA60; font-weight: 700 } .bloc-option ul { list-style: inside } .bloc-settings { background: url(/web/20140408000908im_/http://static.statigr.am/images/option_settings.png) no-repeat 296px 10px #F2F2F2 } .bloc-public { background: url(/web/20140408000908im_/http://static.statigr.am/images/option_page.png) no-repeat 296px 10px #F2F2F2 } .bloc-facebook { background: url(/web/20140408000908im_/http://static.statigr.am/images/option_facebook.png) no-repeat 296px 10px #F2F2F2 } .bloc-ad { background: url(/web/20140408000908im_/http://static.statigr.am/images/option_promote.png) no-repeat 296px 10px #F2F2F2 } .bloc-management { background: url(/web/20140408000908im_/http://static.statigr.am/images/option_admin.png) no-repeat 296px 10px #F2F2F2 } .quote { margin-top: 27px } .quote a { border-bottom: 1px dashed; color: #3B96D4; font-weight: 700 } .bloc-option p { margin: 0 0 15px } .bloc-option .priceright { font-weight: 700; font-style: italic; font-family: Georgia, serif; font-size: 30px; text-align: right; margin: 0; color: #ADA799 } .bold { font-weight: 700 } .lh32 { line-height: 32px } .lhem { line-height: 16px; margin-top: 8px } .breadcrumbs { margin: 15px 0; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/3boxes.png) no-repeat top left; width: 365px } .breadcrumbs li { display: block; float: left; height: 37px; width: 81px; text-align: center; padding: 14px 20px; font-weight: 700; font-size: 14px } p.include { margin-bottom: 15px } p.include em { font-family: Georgia, serif } ul.include-ul { margin-bottom: 30px } ul.include-ul li { margin-left: 30px; list-style: none; list-style-image: url(/web/20140408000908im_/http://static.statigr.am/images/tick_orange.png); line-height: 28px } a.bluelink, a.bluelink:visited { color: #2A7CFF; text-decoration: none } a.bluelink:hover, a.bluelink:active { text-decoration: underline } a.sandlink, a.sandlink:visited { color: #ADA799; text-decoration: none; border-bottom: 1px dashed #ADA799; font-weight: 400 } a.sandlink:hover, a.sandlink:active {} .right { float: right } .price { font-weight: 700; font-style: italic; font-size: 36px; text-align: right; font-family: Georgia, serif; color: #fff } .price sup { font-size: 24px; position: relative; top: -5px; vertical-align: baseline } .tooltip-picto { height: 15px; width: 16px; display: inline-block; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/infos.png) no-repeat } .fleche-orange { display: inline-block; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/fleche.png) no-repeat; width: 15px; height: 8px; margin-right: 3px } .button-promocode-ok { display: none; width: 40px; padding: 0 10px; text-align: center; margin-left: 3px; color: #fff; font-size: 14px; font-weight: 700; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0 -1px 1px #0B67A8; background: #06ABFF; background: -moz-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #06ABFF), color-stop(48%, #1795FF), color-stop(100%, #287EFF)); background: -webkit-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -o-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); background: -ms-linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06ABFF', endColorstr='#287EFF', GradientType=0); background: linear-gradient(top, #06ABFF 0, #1795FF 48%, #287EFF 100%); cursor: pointer } #discount-price { position: absolute; bottom: 13px; left: 230px; font-size: 22px; font-family: Georgia, serif; font-style: italic; font-weight: 700; color: #fff } #discount-price sup { font-size: 16px; position: relative; top: -1px; vertical-align: baseline } #discount-price .discount-stroke { width: 70px; height: 0; line-height: 1px; display: inline-block; position: absolute; border-top: 1px solid orange; top: 16px; left: -7px } #new-price-box { color: #5EBF78; background: #d8efde; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 7px 14px; position: relative } #new-price-box p { line-height: 23px } #new-price-box .your-price { float: right; width: 50%; text-align: right } #new-price-box .your-price-left { float: left; width: 50%; line-height: 31px; padding-top: 5px } #new-price-box .newbox-newprice, #new-price-box sup { font-weight: 700; font-family: Georgia, serif; font-style: italic; font-size: 21px } #close-box-price { position: absolute; top: -11px; right: -18px; color: #000; padding: 2px; cursor: pointer; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/fancybox/fancy_close.png) no-repeat; height: 30px; width: 30px } .transfert { background: rgba(202, 237, 158, .31); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } #wrapper-input-price { height: 52px } .orderSummary { float: right; width: 40%; margin-top: 20px } .orderConteneur { border: 1px solid #A4A095; padding: 20px; margin-top: 5px; font-size: 13px } .orderConteneur img { width: 120px; float: left } .orderConteneur .title { float: left; margin-left: 10px; font-weight: 700; width: 195px } .orderConteneur #detail-addition { display: inline-block; border-top: 1px solid #F2F2F2; width: 100%; padding-top: 5px } .orderConteneur #detail-addition .line { clear: both } .orderConteneur #detail-addition .line .left { padding: 3px 0 3px 5px; width: 65% } .orderConteneur #detail-addition .line .right { padding: 3px 5px 3px 0 } .orderConteneur #detail-addition #total { background-color: #F2F2F2; font-weight: 700; float: left; width: 100%; margin-top: 5px } .confirmOrder { float: right; width: 40%; margin-top: 40px } .confirmOrder .confirmCGU a { color: #2A7CFF } .confirmOrder .confirmCGU a:hover { text-decoration: underline } .confirmOrderBlock { padding: 20px; margin-top: 5px; font-size: 13px; background-color: #f2f2f2 } .confirmOrderBlock .confirmCGU label { font-size: 13px; font-weight: 400 } .confirmOrderBlock #confirmWithPayment { padding-top: 15px } .confirmOrderBlock h3 { margin: 10px 0; padding: 0; text-align: center; font-size: 13px; font-weight: 400; text-transform: uppercase } .confirmOrderBlock #payViaPaypal { border: 1px solid #A4A095; padding: 20px 0; background-color: #fff; text-align: center } .confirmOrderBlock #payViaPaypal #paypalForm { display: none } .confirmOrderBlock #payViaPaypal #paypalFormGrise { display: block } .confirmOrderBlock #payViaPaypal p { margin-top: 10px } .confirmOrderBlock #payViaTransfert { border: 1px solid #A4A095; padding: 20px 40px; margin-top: 15px; background-color: #fff } .confirmOrderBlock #payViaTransfert p.intro { font-size: 15px; font-weight: 700; text-align: center; margin-bottom: 10px; text-transform: uppercase } .confirmOrderBlock #payViaTransfert span { background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #ccc)); background: -webkit-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -o-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -ms-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: linear-gradient(top, #f0f0f0 0, #ccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0); border: 1px solid #ccc; padding: 13px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 14px; margin-bottom: 15px } .confirmOrderBlock #payViaTransfert a { background: #03adff; background: -moz-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03adff), color-stop(100%, #2a7cff)); background: -webkit-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -o-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -ms-linear-gradient(top, #03adff 0, #2a7cff 100%); background: linear-gradient(top, #03adff 0, #2a7cff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0); border: 1px solid #0368F9; padding: 13px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 14px; margin-bottom: 15px } .confirmOrderBlock #payViaTransfert a:hover { background: #03adff; background: -moz-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03adff), color-stop(31%, #2a7cff)); background: -webkit-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -o-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -ms-linear-gradient(top, #03adff 0, #2a7cff 31%); background: linear-gradient(top, #03adff 0, #2a7cff 31%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0) } .confirmOrderBlock #noPay { padding: 60px 0 40px; display: none; text-align: center } .confirmOrderBlock #noPay span { background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #ccc)); background: -webkit-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -o-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: -ms-linear-gradient(top, #f0f0f0 0, #ccc 100%); background: linear-gradient(top, #f0f0f0 0, #ccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0); border: 1px solid #ccc; padding: 13px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 14px; margin-bottom: 15px } .confirmOrderBlock #noPay a { background: #03adff; background: -moz-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03adff), color-stop(100%, #2a7cff)); background: -webkit-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -o-linear-gradient(top, #03adff 0, #2a7cff 100%); background: -ms-linear-gradient(top, #03adff 0, #2a7cff 100%); background: linear-gradient(top, #03adff 0, #2a7cff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0); border: 1px solid #0368F9; padding: 13px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 14px; margin-bottom: 15px; display: none } .confirmOrderBlock #noPay a:hover { background: #03adff; background: -moz-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #03adff), color-stop(31%, #2a7cff)); background: -webkit-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -o-linear-gradient(top, #03adff 0, #2a7cff 31%); background: -ms-linear-gradient(top, #03adff 0, #2a7cff 31%); background: linear-gradient(top, #03adff 0, #2a7cff 31%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03adff', endColorstr='#2a7cff', GradientType=0) } .challengeSaved { float: right; width: 40%; margin-top: 40px; display: none } .challengeSavedBlock { padding: 20px; margin-top: 5px; font-size: 12px; background-color: #e9f3fc } .challengeSavedBlock big { font-size: 15px; font-weight: 700; display: block; margin: 30px 0 20px } .challengeSavedBlock ul { margin-left: 15px } .challengeSavedBlock a { color: #2A7CFF } .colGauche { float: left; width: 50%; margin-top: 20px; font-size: 13px; margin-left: 7px } #optionsConcours h2 { text-transform: uppercase; font-size: 16px } .colGauche .form-element { border: 1px dashed #CDC6B5; padding: 30px 50px; margin-top: 6px } .colGauche .form-element .tooltip-picto { margin-right: 6px } #general-content #code_promo { width: auto; padding: 8px 5px } .apply-promocode { float: right; color: #fff; background: #E2E2E2; padding: 7px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 2px; -webkit-box-shadow: inset 0 1px 2px 0 #A4A095; -moz-box-shadow: inset 0 1px 2px 0 #A4A095; box-shadow: inset 0 1px 2px 0 #A4A095; font-weight: 700; font-size: 13px } .remove-promocode { float: right; padding: 3px; margin-top: 5px; font-weight: 700; font-size: 13px; display: none; border: 1px solid #E2E2E2; color: #312D27 } .remove-promocode:hover {} #discount-reduction { display: none; color: #5EBF78 } .apply-promocode:hover { background: #A4A095; box-shadow: none } .challenge-toolkit { border: 1px solid #CDC6B5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 30px; margin-bottom: 16px; padding: 20px 30px 20px 50px; -moz-box-shadow: 0 0 11px 1px #CDC6B5; -webkit-box-shadow: 0 0 11px 1px #CDC6B5; box-shadow: 0 0 11px 1px #CDC6B5; position: relative } .challenge-toolkit h3 { color: #E25B00; font-style: italic; font-weight: 700; font-family: Georgia, serif; font-size: 14px; margin-bottom: 15px } .challenge-toolkit h4 { font-style: italic; font-weight: 700; font-family: Georgia, serif; font-size: 14px; margin-bottom: 15px } .challenge-toolkit h4.orange { color: #E25B00 } .challenge-toolkit p { margin-bottom: 10px } .challenge-toolkit p.inactive { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/tick.png); background-repeat: no-repeat; background-position: 0 2px; padding-left: 25px } .challenge-toolkit p.active { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/tick_orange.png); background-repeat: no-repeat; background-position: 0 2px; padding-left: 25px } .challenge-toolkit #illustrationFacebookOption { margin: 10px 0 } .activate-option { float: left; color: #fff; background: #A4A095; padding: 7px 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 2px; font-weight: 700; font-size: 13px; margin-top: 10px } .activate-option:hover { background: #63605A } ul.include-b { margin-bottom: 10px } .price-contest { font-weight: 700; font-style: italic; font-size: 36px; text-align: right; font-family: Georgia, serif } .price-contest sup { font-size: 24px; position: relative; top: -5px; vertical-align: baseline } .price-contest-facebook { font-weight: 700; font-style: italic; font-size: 36px; text-align: right; font-family: Georgia, serif; color: #ADA799 } .price-contest-facebook sup { font-size: 24px; position: relative; top: -5px; vertical-align: baseline } .price-contest-participation { font-weight: 700; font-style: italic; font-size: 36px; text-align: right; font-family: Georgia, serif; color: #ADA799 } .price-contest-participation sup { font-size: 24px; position: relative; top: -5px; vertical-align: baseline } .challenge-toolkit .desactivate-option { border: 1px solid #A4A095; padding: 3px; color: #A4A095; font-size: 12px; line-height: 14px; font-weight: 700; position: absolute; top: 20px; right: 30px; display: none } #price-contest-discounted { position: absolute; bottom: 13px; left: 200px; font-size: 22px; font-family: Georgia, serif; font-style: italic; font-weight: 700; display: none } #price-contest-discounted .discount-stroke { width: 70px; height: 0; line-height: 1px; display: inline-block; position: absolute; border-top: 1px solid orange; top: 16px; left: -7px } #price-contest-discounted sup { font-size: 16px; position: relative; top: -1px; vertical-align: baseline } #price-contest-discounted-facebook { position: absolute; bottom: 13px; left: 200px; font-size: 22px; font-family: Georgia, serif; font-style: italic; font-weight: 700; color: #ADA799; display: none } #price-contest-discounted-facebook .discount-stroke { width: 70px; height: 0; line-height: 1px; display: inline-block; position: absolute; border-top: 1px solid orange; top: 16px; left: -7px } #price-contest-discounted-facebook sup { font-size: 16px; position: relative; top: -1px; vertical-align: baseline } #price-contest-discounted-upload { position: absolute; bottom: 13px; left: 200px; font-size: 22px; font-family: Georgia, serif; font-style: italic; font-weight: 700; color: #ADA799; display: none } #price-contest-discounted-upload .discount-stroke { width: 70px; height: 0; line-height: 1px; display: inline-block; position: absolute; border-top: 1px solid orange; top: 16px; left: -7px } #price-contest-discounted-upload sup { font-size: 16px; position: relative; top: -1px; vertical-align: baseline } .pull-right { float: right } .pull-left { float: left } .hide { display: none } .show { display: block } .btn.danger, .alert-message.danger, .btn.danger:hover, .alert-message.danger:hover, .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover { color: #fff } .btn .close, .alert-message .close { font-family: Arial, sans-serif; line-height: 18px } .btn.danger, .alert-message.danger, .btn.error, .alert-message.error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .btn.success, .alert-message.success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .btn.info, .alert-message.info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#fff, #fff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #fff, #fff 25%, #e6e6e6); background-image: -ms-linear-gradient(#fff, #fff 25%, #e6e6e6); background-image: -o-linear-gradient(#fff, #fff 25%, #e6e6e6); background-image: linear-gradient(#fff, #fff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-transition: .1s linear all; -moz-transition: .1s linear all; -ms-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none } .btn:focus { outline: 1px dotted #666 } .btn.primary { color: #fff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .btn.active, .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .05) } .btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: alpha(opacity=65); -khtml-opacity: .65; -moz-opacity: .65; opacity: .65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: alpha(opacity=65); -khtml-opacity: .65; -moz-opacity: .65; opacity: .65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn.large { font-size: 15px; line-height: normal; padding: 9px 14px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .btn.small { padding: 7px 9px; font-size: 11px } :root .alert-message, :root .btn { border-radius: 0 \0 } button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0 } .close { float: right; color: #000; font-size: 20px; font-weight: 700; line-height: 13.5px; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=25); -khtml-opacity: .25; -moz-opacity: .25; opacity: .25 } .close:hover { color: #000; text-decoration: none; filter: alpha(opacity=40); -khtml-opacity: .4; -moz-opacity: .4; opacity: .4 } .modal-backdrop { background-color: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop, .modal-backdrop.fade.in { filter: alpha(opacity=80); -khtml-opacity: .8; -moz-opacity: .8; opacity: .8 } .modal { position: fixed; top: 50%; left: 50%; z-index: 11000; width: 560px; margin: -250px 0 0 -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3); box-shadow: 0 3px 7px rgba(0, 0, 0, .3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box } .modal .close { margin-top: 7px } .modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -ms-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -25% } .modal.fade.in { top: 50% } .modal-header { border-bottom: 1px solid #eee; padding: 15px } .modal-body { padding: 15px; font-size: 13px; line-height: 1.48 } .modal-body form { margin-bottom: 0 } .modal-footer { background-color: #f5f5f5; padding: 14px 15px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; zoom: 1; margin-bottom: 0 } .modal-footer:before, .modal-footer:after { display: table; content: ""; zoom: 1 } .modal-footer:after { clear: both } .modal-footer .btn { float: right; margin-left: 5px } .modal .popover, .modal .twipsy { z-index: 12000 } .fade { -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0 } .fade.in { opacity: 1 } #promocode::-webkit-input-placeholder { color: #ADA799 } #promocode::-moz-placeholder { color: #ADA799 } #formContestRequest textarea { font-style: normal; font-weight: 700; float: right; border: 1px solid #A4A095; background-color: #fff; width: 296px; font-size: 14px; padding: 10px 5px; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); box-shadow: inset 0 0 10px rgba(0, 0, 0, .3); font-family: Helvetica, arial; height: 100px } form#formContestRequest label { width: 125px; line-height: 1.5; color: #252525; font-weight: 700 } #gallerie-concours #conteneurMenu #mode-viewer { width: 175px } #conteneurMenuViewer { background-color: #23201D; width: 100%; display: inline-block; border-top: 1px solid rgba(255, 255, 255, .05); position: relative; z-index: 9 } .contestViewerMenu { padding: 11px 25px 5px; margin-top: -1px; display: inline-block; border-right: 1px solid rgba(255, 255, 255, .05); border-top: 1px solid rgba(255, 255, 255, .05); color: #ADA799; font-size: 12px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0 } .contestViewerMenu.selected, .contestViewerMenu:hover { color: #F2F2F2; margin-top: -5px; background-color: #312D27; padding-top: 15px } .contestViewerMenu .picto { font-family: SSSocialRegular; margin: 0 10px 0 0; font-size: 20px; vertical-align: middle } #otherPhoto.contestViewerMenu .picto { font-family: SSStandard; margin-top: 2px; display: inline-block; height: 26px } #menu-viewer-concours-smaller { display: none } .jspContainer { overflow: hidden; position: relative } .jspPane { position: absolute } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: #fff; -moz-box-shadow: 1px 1px 1px #cac4ab inset; -webkit-box-shadow: 1px 1px 1px #cac4ab inset; box-shadow: 1px 1px 1px #cac4ab inset } .jspVerticalBar * { margin: 0; padding: 0 } .jspCap { display: none } .jspHorizontalBar .jspCap { float: left } .jspTrack { background: #f8f8f8; position: relative } .jspDrag { background: #ddd; position: relative; top: 0; left: 0; cursor: pointer } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer } .jspArrow.jspDisabled { cursor: default; background: #80808d } .jspVerticalBar .jspArrow { height: 10px } .jspVerticalBar .jspArrow:focus { outline: 0 } .jspCorner { background: #eeeef4; float: left; height: 100% } * html .jspCorner { margin: 0 -3px 0 0 } .margintop { margin-top: 10px } .mp-container { background: #F4F4F4; border: 5px solid #42403C; height: 450px; position: relative; width: 99% } .mp-container-fullscreen { border: 0; position: fixed; top: 0; left: 0; z-index: 21 } .mp-album-wrapper { width: 49%; margin: 0; height: 390px; overflow: auto; float: left; background: #f4f4f4 url(/web/20140408000908im_/http://static.statigr.am/images/map/bgalbum.png) no-repeat center center } .mp-album-outer { margin: 0 auto; width: 100% } .mp-album a { display: block; float: left; padding: 2px; background: #f4f4f4 } .mp-album a img { display: block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 84px; height: 84px } .mp-album a.current { background: #eb3939 } .mp-album a img:hover, .mp-album a.current img { opacity: .8 } .mp-album-overlay { position: absolute; top: 0; right: 0; width: 472px; height: 400px; background: #f4f4f4 } .mp-album-image-wrapper { position: absolute; top: 20px; left: 40px; right: 40px; bottom: 20px; overflow: hidden } .mp-album-image { width: 100%; height: 360px; display: table-cell; text-align: center; vertical-align: middle } .mp-album-image img { vertical-align: middle; max-height: 100%; max-width: 100%; -moz-box-shadow: 1px 1px 3px #999; -webkit-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999 } .mp-album-image-zoom { position: absolute; width: 40px; height: 40px; background: #000 url(/web/20140408000908im_/http://static.statigr.am/images/map/zoom-in.png) no-repeat center center; top: 50%; left: 50%; margin: -20px 0 0 -20px; opacity: .3; text-indent: -9000px; display: none } .mp-album-image-zoom:hover { opacity: .7 } .mp-album-image-wrapper:hover .mp-album-image-zoom { display: block } .mp-album-overlay-close, .mp-image-overlay-close { position: absolute; width: 19px; height: 19px; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/close.png) no-repeat center center; top: 0; right: 0; opacity: .3; text-indent: -9000px; cursor: pointer; z-index: 100 } .mp-album-overlay-close:hover, .mp-image-overlay-close { opacity: .7 } .mp-image-overlay-close { top: 2px; right: 10px; width: auto; height: 40px; background-color: #000; background-position: 0 50%; text-indent: 0; color: #fff; line-height: 42px; text-transform: uppercase; font-size: 10px; padding: 0 10px 0 22px } .mp-image-overlay-close:hover { opacity: 1.0 } .mp-album-nav span { position: absolute; width: 24px; height: 22px; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/arrow-left.png) no-repeat top left; top: 50%; left: 10px; margin-top: -11px; cursor: pointer; text-indent: -9000px; opacity: .4; z-index: 10 } .mp-album-nav span.mp-album-nav-next { left: auto; right: 10px; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/arrow-right.png) no-repeat top left } .mp-album-nav span:hover { opacity: .7 } .mp-image-overlay { position: fixed; z-index: 1000; top: 0; left: 0; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/black.png) repeat top left; width: 100%; height: 100%; text-align: center } .mp-image-overlay img { position: absolute; top: 50%; left: 50%; border: 5px solid #fff; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000 } .mp-image-overlay-desc { position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/black.png) repeat top left } .mp-map-wrapper { width: 50%; height: 400px; float: left; border-right: 5px solid #42403C } .mp-options-wrapper { position: absolute; width: 100%; height: 45px; border-top: 5px solid #42403C; background: #42403C; bottom: 0; left: 0; text-align: center } h2.mp-label { font-family: Helvetica, sans-serif; color: #D8D2C5; font-size: 13px; font-style: italic; text-shadow: 0 -1px 0 #000; line-height: 46px; font-weight: 700; overflow: hidden; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 70%; margin-left: 17% } .mp-options { position: relative } .mp-options a.mp-option-fullscreen, .mp-options a.mp-option-normal { position: absolute; opacity: .5; width: 36px; height: 36px; text-indent: -9000px; top: 5px; left: 5px; background: #D8D2C5 url(/web/20140408000908im_/http://static.statigr.am/images/map/expand.png) no-repeat center center; right: 5px; left: auto } .mp-options a.mp-option-fullscreen:hover, .mp-options a.mp-option-normal:hover { opacity: .8 } .mp-options a.mp-option-normal { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/map/collapse.png) } .mp-loading { background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/ajax-loader.gif) no-repeat center center; width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; text-indent: -9000px } .mp-image-loading-small { background: transparent url(/web/20140408000908im_/http://static.statigr.am/images/map/ajax-loader-small.gif) no-repeat center center; width: 16px; height: 16px; position: absolute; top: 10px; left: 10px; text-indent: -9000px; display: none } #conteneurUploadPhotoParticipation.boutonUpload { float: left; margin: 0; background-color: #F2F2F2; border: 0; width: 96%; padding: 2% } #preview-page-commune #conteneurUploadPhotoParticipation.boutonUpload { display: none } #conteneurUploadPhotoParticipation.boutonUpload label { margin: 6px 15px 0 0; float: left; color: #312D27; font-size: 13px } #conteneurUploadPhotoParticipation.crop { margin: 0; background-color: #F2F2F2; float: left; clear: both; width: 100% } .jcrop-keymgr { position: absolute; top: 0; left: 0; opacity: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipation { float: left } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu { float: right; width: 100%; display: none; padding-bottom: 20px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cancelUpload { float: right; width: 100% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cancelUpload a { color: #A4A095; font-size: 18px; float: right; margin: 5px 10px 0 0; font-weight: 700 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { float: left; width: 300px; padding: 0 9% 0 6%; margin-top: 10px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone #cropZoneInfos { margin-bottom: 25px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { float: left; width: 39%; border-left: 1px solid #A4A095; padding: 0 6% 0 7%; height: auto; margin-top: 10px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone #introSubmitZone { color: #42403C; font-size: 18px; float: left; width: 100%; height: 45px; font-weight: 700 } #infos-crop-mobile, #videoProcessInfos, #error-process-video { display: none } #process-video-loader { margin-top: 110px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #bordureApercu { clear: both } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .apercuPhotoParticipation { float: left; color: #A4A095 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #deletePhotoParticipation { color: #2A7CFF; font-size: 14px; font-weight: 700 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .separationUploadCrop { width: 100%; height: 25px; float: left } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInfos { font-size: 13px; float: left; width: 100%; margin-top: 5px; color: #A4A095; clear: both } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput { float: left; width: 45% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput.right { margin-left: 10% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu label { float: left; margin: 0 0 5px; color: #42403C } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput input, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize input { width: 100%; background-color: #fff; float: left; clear: both; border: 1px solid #fff } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize textarea, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize input { width: 98%; background-color: #fff; float: left; clear: both } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize textarea { height: 65px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput input.errorBorder, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize input.errorBorder { border-color: #912323; background-color: #F78B83 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput .error, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize .error, #geoloc_upload_participation { float: right !important } #geoloc_upload_participation { margin: 3px 5px !important; width: 15px !important } label[for=geoloc_upload_participation] { min-width: 140px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #btSendUpload { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #23201D; background: -moz-linear-gradient(100% 100% 90deg, #23201D, #312D27 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#312D27), to(#23201D)); color: #F2F2F2; font-size: 14px; font-weight: 700; border: 1px solid #23201D; cursor: pointer; float: left; clear: both; width: 103%; height: 35px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #btSendUpload:hover { background: #23201D } #conteneurUploadPhotoParticipation #uploadPhotoParticipation #loaderActifParticipation { width: 250px; height: 0; position: absolute; background-color: rgba(23, 149, 255, .3); bottom: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipation .error { position: absolute; right: 0; top: -20px } #conteneurUploadPhotoParticipation #uploadPhotoParticipation #file-uploader-photo-participation { margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #B3AFA8; background: -moz-linear-gradient(100% 100% 90deg, #C9C9C9, #F1F1F1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#C9C9C9)); color: #312D27; font-size: 13px; font-weight: 700; border: 1px solid #B3AFA8; cursor: pointer; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); display: block; font-family: Helvetica, arial; height: 25px } #conteneurUploadPhotoParticipation #uploadPhotoParticipation #file-uploader-photo-participation .qq-uploader { cursor: pointer } #conteneurUploadPhotoParticipation #uploadPhotoParticipation #file-uploader-photo-participation .qq-upload-button { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/upload.png); background-repeat: no-repeat; background-position: 10px 9px; padding: 5px 15px 5px 30px; cursor: pointer } #conteneurUploadPhotoParticipation.boutonUpload label.labelNoIgAccount { margin-top: 5px } #conteneurUploadPhotoParticipation #uploadPhotoParticipation #file-uploader-photo-participation:hover { background: #B3AFA8; background: -moz-linear-gradient(19% 90deg, #CACACA, #E9E9E9 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), to(#CACACA)) } #upload-image-participation-ie { display: none; width: 128px; height: 15px; margin: 7px 0 0 5px } #confirmationUpload { clear: both; border: 1px solid #5EBF78; background-color: #d8efde; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/valid.png); background-repeat: no-repeat; background-position: 15px; color: #312D27; font-size: 13px; float: left; position: relative; width: 95%; padding: 2% 0 2% 5%; margin: 0; border-left: 0; border-right: 0; z-index: 1 } #confirmationUpload.priori { background-position: 15px 18px } #confirmationUpload a { color: #5EBF78; font-weight: 700; position: absolute; top: 15px; right: 10px } .zoneCommune #confirmationUpload { background: #F2F2F2; border: 0; border-bottom: 3px solid #fff; padding-left: 3%; width: 97% } .zoneCommune #confirmationUpload .confirm-picto { font-size: 28px; line-height: 16px; vertical-align: top } .zoneCommune #confirmationUpload .confirm-txt { display: inline-block; margin-left: 10px } .zoneCommune #confirmationUpload a { color: #312D27; font-size: 18px } #uploadProgressBarreParticipation { display: none; height: 20px; position: relative; background: #555; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 2px; -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .3); width: 200px; margin: 5px 0 0 15px } .commun-custo #uploadProgressBarreParticipation { width: 100%; margin: 0; top: 25px } .commun-custo #upload-image-participation-ie { width: 2px; height: auto; margin: auto; text-align: center } #uploadProgressBarreParticipation>span { display: block; height: 100%; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #06abff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #06abff), color-stop(1, #287eff)); background-image: -webkit-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -moz-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -ms-linear-gradient(center bottom, #06abff 37%, #287eff 69%); background-image: -o-linear-gradient(center bottom, #06abff 37%, #287eff 69%); -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4); -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, .3), inset 0 -2px 6px rgba(0, 0, 0, .4); position: relative; overflow: hidden } #uploadProgressBarreParticipationt>span:after, .animate>span>span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden } #conteneur-terms { padding: 25px 0; color: #585858; font-size: 12px; line-height: 1.5 } @media only screen and (max-width:1040px) { #conteneur-terms { margin: 0 } } #conteneur-terms h1 { font-weight: 100; font-size: 26px; color: #252525 } #conteneur-terms #terms h2 { text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 40px 0 15px; color: #252525 } #conteneur-terms #terms h3 { padding: 0 100px; width: 720px; font-weight: 700; font-size: 12px; margin-bottom: 15px; padding-left: 0; margin-top: 15px; color: #252525 } #conteneur-terms #terms p { margin-bottom: 10px } #conteneur-terms #terms ul { margin-left: 17px } #conteneur-terms #terms a { color: #252525 } #conteneur-terms #terms a:hover { text-decoration: underline } .priceright sup { font-size: 20px; position: relative; top: -5px; vertical-align: baseline } #mp-container-lc { height: 22px; width: 135px; position: absolute; top: 14px; font-size: 11px } #mp-container-lc .lienPhotoGrid { width: 160px; height: 160px; float: left; margin-bottom: 5px } #mp-container-lc .nb_comment_score { color: #ADA799; float: right; padding: 3px 0 0 5px } #mp-container-lc .nb_like_score { color: #ADA799; float: right; padding: 3px 15px 0 5px } #mp-container-lc div.nouveau-commentaire { position: absolute; z-index: 1000; display: none; background-color: #000; background-color: #312D27; padding: 10px } #mp-container-lc div.nouveau-commentaire textarea.textareaCommentaire { background-color: #ADA799; border: 1px solid #000; color: #312D27; font-style: normal; width: 360px; padding: 10px; height: 50px; margin: 0; resize: none } #mp-container-lc div.nouveau-commentaire a.commentAction { float: right; padding: 5px 15px 2px; margin-top: 5px; color: #312D27; background-color: #63605A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 5px } #mp-container-lc div.nouveau-commentaire .commentLoading { float: right; width: 16px; height: 16px; margin: 5px 10px 0 0; display: none } .wrapper-lc { float: left; margin-left: 5px } .contestMapSetting { position: relative; cursor: pointer } .labelradio { font-weight: 400; font-size: 12px; font-family: Helvetica, sans-serif; line-height: 13px; margin-left: 0; margin-right: 10px; cursor: pointer } .slide-discover #toolkit-deal {} .slide-discover #toolkit-deal h3 { font-size: 20px; font-family: museosans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-style: normal; color: #3B96D4; margin: 0; font-weight: 300 } .slide-discover #toolkit-deal .breadcrumbs { float: right } .slide-discover #toolkit-deal .include-ul { font-size: 13px; margin-top: 30px; width: 322px; float: left } .slide-discover #toolkit-deal .include-ul li { color: #585858 } .slide-discover #toolkit-deal .include { margin-top: 20px; margin-bottom: 20px } .disco-geo { float: right; margin-top: 10px; margin-right: 10px } #preview-page #header-concours .texte-concours.visiteur { width: 650px } #preview-page #header-concours .ligne-separation.visiteur { width: 650px } #preview-page #header-concours .grayBackground.visiteur { width: 573px } span.bleu2 { color: #2A7CFF; font-size: 10px; font-weight: 700 } a.lien-gris { color: #A4A095; font-size: 11px } .bloc-facette { float: left; padding: 0 8px; color: #A4A095; font-size: 11px; border-right: 1px dotted #A4A095 } .first-bloc { padding-left: 0 } .last-bloc { padding-right: 0; border-right: 0 } #captcha-contest-request { margin-bottom: 45px } .recaptcha_input_area br { clear: both } #detail-concours .detailUserGrid, #detail-concours .detailPhotoGrid { margin: 30px 0 0 15px } #conteneurMenuContest2options, #conteneurMenuContest3options { position: relative; clear: both; width: 100%; background-color: #23201D; height: 40px } #conteneurMenuContest2options #menuContestMulti, #conteneurMenuContest3options #menuContestMulti { float: left; background-color: #23201D; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 1); box-shadow: 0 0 20px rgba(0, 0, 0, 1); width: 100%; height: 1px } #conteneurMenuContest2options #igPhoto, #conteneurMenuContest3options #igPhoto { position: absolute; top: 0; left: 0; width: 200px; color: #ADA799; padding: 10px 5px 10px 25px; font-size: 13px } #conteneurMenuContest2options #igPhoto img, #conteneurMenuContest3options #igPhoto img { float: left } #conteneurMenuContest2options #igPhoto span, #conteneurMenuContest3options #igPhoto span { float: left; margin: 5px 0 0 10px } #conteneurMenuContest2options #otherPhoto { position: absolute; top: 0; left: 231px; color: #ADA799; padding: 12px 0 0 20px; width: 738px; font-size: 13px } #conteneurMenuContest3options #otherPhoto { position: absolute; top: 0; left: 231px; color: #ADA799; padding: 12px 0 0 20px; width: 270px; font-size: 13px } #conteneurMenuContest2options #facebookPhoto { position: absolute; top: 0; left: 231px; color: #ADA799; padding: 12px 0 0 20px; width: 738px; font-size: 13px } #conteneurMenuContest3options #facebookPhoto { position: absolute; top: 0; left: 523px; color: #ADA799; padding: 12px 0 0 20px; width: 446px; font-size: 13px } #conteneurMenuContest2options #twitterPhoto { position: absolute; top: 0; left: 231px; color: #ADA799; padding: 12px 0 0 20px; width: 738px; font-size: 13px } #conteneurMenuContest3options #twitterPhoto { position: absolute; top: 0; left: 523px; color: #ADA799; padding: 12px 0 0 20px; width: 446px; font-size: 13px } #conteneurMenuContest2options #otherPhoto span, #conteneurMenuContest3options #otherPhoto span { margin-left: 5px; font-size: 12px } #conteneurMenuContest2options a#igPhoto.selected, #conteneurMenuContest3options a#igPhoto.selected { background-color: #312D27; color: #fff; top: -5px; border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; padding: 15px 5px 10px 25px; border-right: 1px solid #42403C } #conteneurMenuContest2options a#otherPhoto.selected, #conteneurMenuContest3options a#otherPhoto.selected { background-color: #312D27; color: #fff; top: -5px; border-radius: 3px 0 0; -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; padding: 15px 0 15px 20px; border-left: 1px solid #42403C } #conteneurMenuContest2options a#facebookPhoto.selected, #conteneurMenuContest3options a#facebookPhoto.selected { background-color: #312D27; color: #fff; top: -5px; border-radius: 3px 0 0; -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; padding: 15px 0 15px 20px; border-left: 1px solid #42403C } #conteneurMenuContest2options a#twitterPhoto.selected, #conteneurMenuContest3options a#twitterPhoto.selected { background-color: #312D27; color: #fff; top: -5px; border-radius: 3px 0 0; -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; padding: 15px 0 15px 20px; border-left: 1px solid #42403C } #general-content .detailPhotoList .textareaCommentaire { width: 96% } #infos-crop-desktop, #infos-crop-mobile { font-size: 13px } #general-content #detail-concours .commun-custo { float: left; background: transparent; width: 100%; color: #312D27; font-size: 12px } .share-contest, .footer-zone-commune { width: 96%; padding: 15px 2%; background: #FFF; clear: both } .content-options { background: #fff } .left-align { float: left; width: 33% } .middle-align { float: left; text-align: center; width: 33%; font-size: 11px; line-height: 16px } #contestLanguages a.selected { font-weight: 700; text-decoration: underline } .lg-separation { margin: 0 4px 0 5px } .lg-separation:last-child { display: none } .right-align { float: right; font-size: 11px } .share-contest a { color: #312D27; font-size: 11px } .share-contest .right-align, .share-contest .right-align a { color: #312D27; line-height: 16px; font-size: 11px } .share-contest .right-align a:hover { opacity: 1 } .share-contest .right-align a { font-size: 18px; opacity: .7 } .share-contest .right-align a.homesite { top: 1px; position: relative } .share-contest .ss-action { position: relative; top: 1px } .share-contest .rez { position: relative; top: 0 } .right-align .lien-gris { font-size: 16px; margin-left: 5px; position: relative; top: 2px } a.homesite { color: #312D27; font-size: 14px } .footer-zone-commune { text-align: right } .footer-zone-commune .inline-align { margin-left: 20px } .footer-zone-commune .inline-align, .footer-zone-commune .inline-align a { color: #312D27; font-size: 11px } .footer-zone-commune .inline-align a.terms { text-decoration: underline } .inline-align { display: inline-block } .content-options { width: 100%; display: table; table-layout: fixed; background: #fff } .option-block { display: table-cell; background: #f2f2f2; text-align: center; padding: 2%; border-right: 3px solid #fff } .option-block .color2 { font-size: 11px; margin-top: 5px } .option-block:first-child { border-left: 17px solid #fff } .option-block:last-child { border-right: 17px solid #fff } .ig-icon { font-size: 30px } .FFS a { color: #312D27 } .title-concours { font-weight: 700; font-size: 20px; margin-bottom: 10px; line-height: 1.5 } .dodations-concours { margin-bottom: 20px } .option-link { font-size: 20px; margin-top: 10px } .option-link-small { font-size: 20px; margin-top: 0 } #content-stats-contest-wrapper { width: 100%; overflow: hidden } #detail-concours .detailPhotoGrid a { color: #ADA799 } .blocTriContests { position: relative; float: left; width: 110px; font-size: 12px } .blocTriContests .flecheListeTriContests { display: none } .blocTriContests .ouvreTriContests { display: block; width: 100px; padding: 6px 8px; background-color: #465058; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #fff } .blocTriContests .listeTriContests { display: none; position: absolute; left: 0; top: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .blocTriContests .listeTriContests .triContests { display: block; width: 100px; padding: 6px 9px; background-color: #353f44; color: #fff } .blocTriContests .listeTriContests .triContests.selected { color: #fff; background: #465058 } .blocTriContests .listeTriContests .triContests:nth-child(2) { border-bottom: 1px solid #353f44; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0 } .blocTriContests .listeTriContests .triContests:nth-child(3) { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px } .blocTriContests a span.fleche { float: right; font-family: SSStandard; font-size: 9px; padding-top: 2px } .blocTriContests a span.mobileSelected { display: none } .modeContests { display: block; float: right; width: 90px; padding: 5px 0; text-align: center; font-weight: 400; font-size: 12px; color: #585858; border: 1px solid #bababa } .modeContests.modeContestsRewards { border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0 } .modeContests.modeContestsDetailed { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-right: 0 } .modeContests.selected { color: #585858; background-color: #bababa } .modeContests:hover { color: #585858; background-color: #bababa } .modeContests span.picPika { font-family: SSPika; font-size: 11px; padding-top: 2px; padding-right: 6px; position: relative; top: 1px } .general-content-directory { padding: 20px 0 0; font-size: 12px; background-color: #f5f5f5 } .general-content-directory-country {} .general-content-directory-center { margin: 0 auto; max-width: 1020px; width: 100% } .general-content-directory h3 { font-size: 12px; margin-bottom: 15px; font-weight: 400; color: #585858 } .general-content-directory h3 .directory-pic-country { margin-right: 10px; font-family: SSStandard; font-size: 16px; vertical-align: -3px } .directory-bloc-detailed .flagNew, .directory-bloc-rewards .flagNew { position: absolute; top: -11px; right: -11px; width: 92px; height: 92px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/contests/new.png); background-repeat: no-repeat } .directory-bloc-detailed .flagNotseen, .directory-bloc-rewards .flagNotseen { position: absolute; top: -11px; right: -11px; width: 92px; height: 92px; background-image: url(/web/20140408000908im_/http://static.statigr.am/images/contests/not-seen.png); background-repeat: no-repeat } .directory-bloc-detailed .directory-enter-winners { float: right; width: 130px; height: 30px; padding: 5px 0; text-align: center; background-color: #E8E8E8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 10px 5px 0; position: absolute; bottom: 10px; right: 3px } .directory-bloc-detailed .directory-enter-winners .enter-fleche { font-family: SSPika; font-size: 25px; color: #bababa } .directory-bloc-detailed .directory-enter-winners .enter-text { color: #3b96d4; vertical-align: 8px; display: inline-block; width: 80px; text-align: left } .directory-bloc-detailed .directory-enter-winners:hover { background-color: #dadada } .directory-bloc-rewards { position: relative; padding: 25px; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff } .directory-bloc-rewards .directory-dotations { font-size: 16px; font-weight: 700; width: 65% } .directory-bloc-rewards .directory-dotations a { color: #de2154; line-height: 1.3 } .directory-bloc-rewards .directory-organized { margin-top: 15px; color: #585858 } .directory-bloc-rewards .directory-enter { position: absolute; display: block; bottom: 25px; right: 25px; width: 200px; height: 30px; padding: 5px 0; text-align: center; background-color: #E8E8E8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .directory-bloc-rewards .directory-enter .enter-fleche { font-family: SSPika; font-size: 25px; color: #bababa; margin-left: 25px } .directory-bloc-rewards .directory-enter .enter-chrono { font-family: SSPika; font-size: 20px; color: #3b96d4; margin-right: 2px; vertical-align: 3px } .directory-bloc-rewards .directory-enter .enter-text1 { color: #585858; vertical-align: 7px } .directory-bloc-rewards .directory-enter .enter-text2 { color: #3b96d4; vertical-align: 7px; display: inline-block; width: 60px; text-align: left } .directory-bloc-rewards .directory-enter:hover { background-color: #dadada } .mobile { display: none !important } fieldset { padding: 0; margin: 0; border: 0 } #form-contest label { display: block; margin-bottom: 5px } #general-content #form-contest label, #general-content #form-contest input, #general-content #form-contest button, #general-content #form-contest select, #general-content #form-contest textarea { font-size: 14px; font-weight: 400; line-height: 20px } #general-content #form-contest input[type=text], #general-content #form-contest select, #general-content #form-contest textarea { display: inline-block; height: 20px; padding: 12px 14px; margin-bottom: 10px; font-size: 20px; line-height: 1.48; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #FBFBFB; border: 1px solid #d9d9d9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; width: 510px } #general-content #form-contest input[type=text]:focus, #general-content #form-contest select:focus, #general-content #form-contest textarea:focus { border-color: rgba(82, 168, 236, .8); outline: 0; outline: thin dotted \9 } #barreFollow { padding: 5px 10px; height: 35px } #barreFollow .barreFollowPp { float: left } #barreFollow .barreFollowPp img { border-radius: 4px } #barreFollow .barreFollowUsername { float: left; margin-left: 8px; padding-top: 8px; font-size: 15px; font-weight: 700 } #barreFollow a.boutonFollow { display: block; float: right; padding: 5px 10px; height: 19px; font-size: 11px; font-weight: 700; border-radius: 4px; margin: 3px 0; line-height: 1.7em } #barreFollow.fixed { position: fixed; top: 0; z-index: 110000; max-width: 970px; width: 100% } .barreFollowContain { width: 100%; max-width: 990px; margin: 0 auto } #gallerie-concours .popinuser.popinvideo { position: absolute; right: 10%; bottom: 69% } #overlayPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; display: none; opacity: 0; z-index: 300 } .popin { z-index: 500000000; position: fixed; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-size: 13px; color: #6F6151; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; display: none; opacity: 0 } .wrapper-popin { position: relative } .ferme-popin { position: absolute; right: 15px; top: 10px; color: #6F6151 } #popinContestLogin { width: 436px; height: 300px; top: 50%; left: 50%; margin-left: -218px; margin-top: -150px; background: #baD6e9 } #popinContestLogin .white-part { background: #fff; border-radius: 0 0 5px 5px; height: 71px } #popinContestOk { width: 250px; height: 130px; top: 50%; left: 50%; margin-left: -125px; margin-top: -65px } #popinContestOk .social-click { color: inherit; font-size: 27px; position: relative; top: 5px; margin-right: 0 } #popinContestDejaVote { width: 350px; height: 60px; top: 50%; left: 50%; margin-left: -175px; margin-top: -30px } #popinContestVotesClosed { width: 350px; height: 80px; top: 50%; left: 50%; margin-left: -175px; margin-top: -30px } .vote-ok { color: #E11A51; font-size: 34px; line-height: 32px } .blue-part { background: #baD6e9; border-radius: 5px 5px 0 0; text-align: center } .white-part { text-align: center } .inside-popin { padding: 25px 60px } .popin h3 { font-weight: 100; font-size: 27px; margin-bottom: 40px } .popin h4 { font-weight: 100; font-size: 17px } .center { text-align: center } .bouton { border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; color: #FFF7ED; padding: 11px 15px 10px; font-weight: 900; font-size: 12px; cursor: pointer; text-decoration: none; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; height: 14px; line-height: 14px } .bt-instagram { background-color: #0969a5; font-weight: 700; padding-top: 15px; margin-bottom: 10px } .bt-instagram:hover { background-color: #3b96d4 } .bt-facebook { background-color: #3B5098; font-weight: 700; padding-top: 15px; margin-bottom: 10px } .bt-facebook:hover { background-color: #3B5098 } .bt-twitter { background-color: #00AAF2; font-weight: 700; padding-top: 15px; margin-bottom: 10px } .bt-twitter:hover { background-color: #00AAF2 } .picto-small { font-family: Statifont; font-size: 40px; font-weight: 400 } .prepend { margin-right: 10px; height: 17px !important; display: inline-block; line-height: 20px } .contain { width: 100%; max-width: 990px; margin: 0 auto; padding: 10px 0; position: relative } #barreNlTwitter, #barreNlFacebook { background: #DCDCDC; font-size: 13px; position: sticky } #nlTwitterLogout, #nlFacebookLogout { position: absolute; right: 0; color: #000; text-transform: uppercase; padding: 7px; background: rgba(0, 0, 0, .1); border-radius: 5px; font-size: 10px; top: 6px } .blue-facebook { color: #3B5998 } .blue-twitter { color: #4099FF } #signin_ig { margin: 0 auto } .wrapper-share-contest-public-page { position: relative } .sous-menu-share-contest li { list-style: none; margin-top: 5px } .sous-menu-share-contest li span.ss-icon { margin-right: 7px } .sous-menu-share-contest { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ADA799; border: 1px solid rgba(255, 255, 255, .2); background-color: #fff; color: #CDC6B5; box-shadow: 0 0 3px 2px rgba(0, 0, 0, .2); z-index: 1000000; max-width: 150px; padding: 5px 10px; position: absolute; top: 0; display: none } .feed-map { position: relative; display: none; height: 100%; margin-top: 20px } .feed-map .map-images-wrapper { position: absolute; top: 0; left: 0; width: 33%; height: 100%; background-color: rgba(27, 29, 29, .3); overflow: auto } .feed-map .map-images-title { font-family: MuseoSans, Arial; font-weight: 100; font-size: 24px; color: #fff; margin: 34px 0 32px 4.31% } .feed-map .map-images { max-height: 100%; padding-left: 4.31% } .feed-map .upload-wrapper { display: inline-block; width: 28.3%; margin: 0 4.31% 28px 0 } .feed-map .upload-wrapper:last-child { margin-bottom: 100px } .feed-map .upload-wrapper-fb { display: inline-block; width: 45%; margin: 0 4.31% 28px 0 } #map-canvas { width: 100%; height: 100% } #general-content-large #general-content #detail-concours .gallerie-enlarge { position: absolute; left: 0; padding: 0 0 3%; width: 100%; margin-bottom: 0 } #general-content-large #general-content #detail-concours .gallerie-enlarge #conteneurMenu { width: 100%; max-width: 980px; margin: 25px auto } #general-content-large #general-content #detail-concours .gallerie-enlarge #conteneurMenu .feed-head { width: 96%; margin: 0 2% } .gallerie-mask { display: none } .upload-wrapper { text-align: center } .upload-wrapper>div:first-child { border-left: 0 } .feed-images { margin-top: 36px } .feed-map .upload-wrapper { display: inline-block; width: 45%; margin: 0 4.31% 28px 0 } .upload-wrapper { text-align: center } .upload-wrapper>div:first-child { border-left: 0 } .upload-wrapper .image-wrapper { display: inline-block; text-align: left; padding: 8px 4.42% 10px; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .3); box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .3) } .image-wrapper .image-origin { font-family: Statifont; display: inline-block; padding: 3px 6px; color: #adb6be; vertical-align: top; border: 1px solid #dee2e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% } .image-wrapper .user-avatar { width: 25px; height: 25px; margin: 0 0 5px -8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% } .image-wrapper .user-name { display: inline-block; width: 68px; font-family: MuseoSans, Arial; font-weight: 300; font-size: 13px; color: #adb6be; vertical-align: 10px; overflow: hidden; text-overflow: ellipsis } .image-wrapper .user-image { display: block; width: 100%; height: auto } .image-wrapper .image-info { margin-top: 5px; position: relative } .image-wrapper .vote:hover, .image-wrapper .vote.active, .image-wrapper .active.share { color: #93d0f2 } .image-wrapper .vote, .image-wrapper .share { float: none; top: 0; font-family: Statifont; font-size: 24px; color: #adb6be; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .image-wrapper .vote-number.active { color: #93d0f2 } .image-wrapper .vote-number { float: none; top: 1px; font-family: MuseoSans, Arial; font-weight: 700; font-size: 12px; color: #adb6be; margin-left: 4px; vertical-align: 1px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .image-info .wrapper-share { display: inline-block; right: 0; position: absolute; max-width: 80px; text-align: right; margin-top: 8px } .image-info .wrapper-share .dat-menu { float: none; right: 0; left: auto; background-color: #fff } .image-wrapper .wrapper-share.open .dat-menu li a, .image-wrapper .share { float: right; color: #dee2e5 } .image-wrapper .wrapper-share.open .dat-menu ul.sous-menu-dropdown li a { width: 100%; margin: 0; color: #adb6be } .image-wrapper .share:hover, .image-wrapper .wrapper-share.open .dat-menu li a.share { color: #adb6be } .image-wrapper .wrapper-share .share-grid { margin-top: -9px; margin-bottom: -4px } .feed-head .feed-filters { display: block; width: 100%; padding: 20px 2px 0 0; margin-top: 27px; border-top: 1px solid #2d2f2f; clear: both } .feed-head .feed-filters form { display: inline-block; vertical-align: top; margin-right: 9px } .feed-head .feed-filters .filter-label { display: inline-block; font-family: MuseoSans, Arial; font-weight: 300; font-size: 13px; color: whitesmoke; margin-right: 8px } .feed-head .feed-filters .filter-wrapper { position: relative; display: inline-block; min-width: 102px; padding: 4px 0; border: 1px solid #465058; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .feed-head .feed-filters select { position: relative; z-index: 1; width: 112px; font-family: MuseoSans, Arial; font-weight: 300; font-size: 13px; padding-left: 5px; border: 0; background: 0; color: #465058; outline: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-indent: .01px; text-overflow: '' } .feed-head .feed-filters select::-ms-expand { display: none } .feed-head .feed-filters .filter-arrow { position: absolute; top: 4px; right: 10px; color: #465058 } .feed-head .feed-filters option { background-color: #1b1d1d } .feed-head .feed-layout { display: inline-block; float: right } .feed-head .feed-layout a { display: inline-block; font-size: 23px; line-height: 23px; margin: 0 -2px 0 -3px; padding: 2px 10px 3px; vertical-align: top; color: #465058; border: 1px solid #465058; -webkit-transition: color 250ms ease-in-out; -moz-transition: color 250ms ease-in-out; -o-transition: color 250ms ease-in-out; transition: color 250ms ease-in-out } .feed-head .feed-layout a:hover { color: whitesmoke } .feed-head .feed-layout a:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px } .feed-head .feed-layout a:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px } .feed-head .feed-layout a.active { background-color: #465058; color: whitesmoke } .feed-head .feed-layout .map-view { font-family: MuseoSans, Arial; font-weight: 300; font-size: 13px; line-height: 21px; vertical-align: 2px } .feed-head .feed-layout .full { padding: 7px 10px } .feed-head .feed-layout .full:hover .full-sqr { background-color: whitesmoke } .feed-head .feed-layout .full-sqr { display: block; width: 15px; height: 14px; background-color: #465058; -webkit-transition: background-color 250ms ease-in-out; -moz-transition: background-color 250ms ease-in-out; -o-transition: background-color 250ms ease-in-out; transition: background-color 250ms ease-in-out } .feed-head .feed-layout .activity { height: 25px; padding-top: 0 } #general-content-large.barreFollowMargin { background-position-y: 45px } @media only screen and (max-width:990px) { .general-content-directory-center { margin-right: 2%; margin-left: 2%; width: 96% } .directory-bloc-detailed .directory-pic300, #preview-directory .directory-pic300 { background-color: #fff } .directory-bloc-detailed { font-size: 12px } .directory-opento { margin: 10px 0 0 15px } } @media only screen and (max-width:320px) { .directory-bloc-reward { font-size: 10px } .directory-bloc-detailed .directory-endsin { margin-bottom: 4px } .oauthLogged { max-width: 70%; display: inline-block } } @media only screen and (max-width:640px) { .mobile { display: block !important } .label-dekstop { display: none !important } .general-content-directory { overflow: hidden } .modeContests { width: 35px; height: 15px; padding: 5px 0 5px 3px } .modeContests span.picPika { font-size: 16px; position: relative; top: -2px; right: -1px } .directory-bloc-rewards .directory-dotations { width: 100% } .directory-bloc-rewards .directory-enter { position: relative; clear: both; right: auto; bottom: auto; background: transparent; box-shadow: none; text-align: left; margin-top: 2px; height: 14px } .directory-bloc-rewards .directory-enter:hover { background: transparent } .directory-bloc-rewards .directory-enter .enter-fleche { display: none } .directory-bloc-rewards { padding: 3%; font-size: 11px } .directory-bloc-rewards .directory-dotations { font-size: 14px } .directory-bloc-rewards .directory-organized { margin-top: 5px } .directory-bloc-rewards .directory-enter .enter-chrono { font-size: 15px; position: relative; top: -2px } .directory-bloc-detailed .directory-dotations { margin-bottom: 10px } .directory-bloc-detailed .directory-enter-winners { position: absolute; bottom: 10px; right: 10px } } @media screen and (max-width:1160px) { .feed-map .upload-wrapper { width: 44.8% } } @media screen and (max-width:808px) { .contest-participate-footer .contest-date-geo { display: block } .contest-participate-footer .brand-links { float: none; margin: 0 0 0 25px; vertical-align: -4px } .feed-map .upload-wrapper-fb { width: 95% } .feed-activity .activity-info a { display: inline-block; max-width: 85px; overflow: hidden; text-overflow: ellipsis; vertical-align: -5px } } @media screen and (max-width:720px) { .feed-map .upload-wrapper { width: 93.8% } } @media screen and (max-width:640px) { .upload-wrapper { text-align: left; margin: 0 10px } .feed-map { background-color: #1b1d1d; height: auto !important } .feed-map #map-canvas { height: 328px } .feed-map .map-images-wrapper { position: static; width: 100%; height: auto } .feed-map .map-images-title { margin-left: 5% } .feed-map .map-images { padding-left: 5% } .feed-map .upload-wrapper { width: 45%; margin: 0 3.8% 22px 0 } .feed-map .upload-wrapper-fb { width: 45%; margin: 0 3.8% 22px 0 } .feed-map .upload-wrapper:nth-child(2n), .feed-map .upload-wrapper-fb:nth-child(2n) { margin-right: 0 } } @-moz-document url-prefix() { .feed-images .upload-wrapper { margin-right: 2.9% } .feed-images .runners-up .upload-wrapper { margin-right: 6.5% } @media screen and (max-width:640px) { .feed-images .upload-wrapper { margin-right: 5% } } } @charset "UTF-8"; @font-face { font-family: SSSocial; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-circle.svg#SSSocialCircle) format('svg'); font-weight: 700; font-style: normal } @font-face { font-family: SSSocial; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-social-regular.svg#SSSocialRegular) format('svg'); font-weight: 400; font-style: normal } html:hover [class^=ss-] { -ms-zoom: 1 } .ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after { font-family: SSSocial; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } .ss-icon.ss-social-circle, [class^=ss-].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before, [class^=ss-].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after { font-weight: 700 } [class^=ss-].right:before, [class*=" ss-"].right:before { display: none; content: '' } .ss-facebook:before, .ss-facebook.right:after { content: '' } .ss-twitter:before, .ss-twitter.right:after { content: '' } .ss-linkedin:before, .ss-linkedin.right:after { content: '' } .ss-googleplus:before, .ss-googleplus.right:after { content: '' } .ss-appdotnet:before, .ss-appdotnet.right:after { content: '' } .ss-zerply:before, .ss-zerply.right:after { content: '' } .ss-reddit:before, .ss-reddit.right:after { content: '' } .ss-tumblr:before, .ss-tumblr.right:after { content: 'ï˜ ' } .ss-wordpress:before, .ss-wordpress.right:after { content: '' } .ss-blogger:before, .ss-blogger.right:after { content: '' } .ss-posterous:before, .ss-posterous.right:after { content: '' } .ss-youtube:before, .ss-youtube.right:after { content: '' } .ss-vimeo:before, .ss-vimeo.right:after { content: '' } .ss-flickr:before, .ss-flickr.right:after { content: '' } .ss-instagram:before, .ss-instagram.right:after { content: '' } .ss-fivehundredpx:before, .ss-fivehundredpx.right:after { content: '' } .ss-pinterest:before, .ss-pinterest.right:after { content: '' } .ss-svpply:before, .ss-svpply.right:after { content: '' } .ss-readmill:before, .ss-readmill.right:after { content: 'ï™’' } .ss-dropbox:before, .ss-dropbox.right:after { content: '' } .ss-pinboard:before, .ss-pinboard.right:after { content: 'ï™”' } .ss-dribbble:before, .ss-dribbble.right:after { content: 'ï™ ' } .ss-behance:before, .ss-behance.right:after { content: '' } .ss-github:before, .ss-github.right:after { content: 'ï™°' } .ss-octocat:before, .ss-octocat.right:after { content: 'ï™±' } .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: '' } .ss-paypal:before, .ss-paypal.right:after { content: '' } .ss-kickstarter:before, .ss-kickstarter.right:after { content: '' } .ss-foursquare:before, .ss-foursquare.right:after { content: '' } .ss-yelp:before, .ss-yelp.right:after { content: 'ïš‘' } .ss-skype:before, .ss-skype.right:after { content: 'ïš ' } .ss-rdio:before, .ss-rdio.right:after { content: 'ïš°' } .ss-spotify:before, .ss-spotify.right:after { content: 'ïš±' } .ss-lastfm:before, .ss-lastfm.right:after { content: 'ïš²' } .ss-soundcloud:before, .ss-soundcloud.right:after { content: 'ïš³' } .ss-mail:before, .ss-mail.right:after { content: '✉' } .ss-like:before, .ss-like.right:after { content: '👍' } .ss-rss:before, .ss-rss.right:after { content: '' } .ss-share:before, .ss-share.right:after { content: '' } .ss-apple:before, .ss-apple.right:after { content: '' } .ss-microsoft:before, .ss-microsoft.right:after { content: 'ï›±' } .ss-windows:before, .ss-windows.right:after { content: '' } .ss-android:before, .ss-android.right:after { content: '' } .ss-blackberry:before, .ss-blackberry.right:after { content: 'ï›´' } @charset "UTF-8"; @font-face { font-family: SSStandard; src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.eot); src: url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/ss-standard.svg#SSStandard) format('svg'); font-weight: 400; font-style: normal } html:hover [class^=ss-] { -ms-zoom: 1 } .ss-icon, .ss-icon.ss-standard, [class^=ss-]:before, [class*=" ss-"]:before, [class^=ss-].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^=ss-].right:after, [class*=" ss-"].right:after, [class^=ss-].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: SSStandard; font-style: normal; font-weight: 400; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased } [class^=ss-].right:before, [class*=" ss-"].right:before { display: none; content: '' } .ss-cursor:before, .ss-cursor.right:after { content: '' } .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖' } .ss-search:before, .ss-search.right:after { content: '🔎' } .ss-zoomin:before, .ss-zoomin.right:after { content: '' } .ss-zoomout:before, .ss-zoomout.right:after { content: '' } .ss-view:before, .ss-view.right:after { content: '👀' } .ss-attach:before, .ss-attach.right:after { content: '📎' } .ss-link:before, .ss-link.right:after { content: '🔗' } .ss-move:before, .ss-move.right:after { content: '' } .ss-write:before, .ss-write.right:after { content: '✎' } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: '' } .ss-erase:before, .ss-erase.right:after { content: '✐' } .ss-compose:before, .ss-compose.right:after { content: '📝' } .ss-lock:before, .ss-lock.right:after { content: '🔒' } .ss-unlock:before, .ss-unlock.right:after { content: '🔓' } .ss-key:before, .ss-key.right:after { content: '🔑' } .ss-backspace:before, .ss-backspace.right:after { content: '⌫' } .ss-ban:before, .ss-ban.right:after { content: '🚫' } .ss-trash:before, .ss-trash.right:after { content: '' } .ss-target:before, .ss-target.right:after { content: 'â—Ž' } .ss-tag:before, .ss-tag.right:after { content: 'î„€' } .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖' } .ss-flag:before, .ss-flag.right:after { content: 'âš‘' } .ss-like:before, .ss-like.right:after { content: '👍' } .ss-dislike:before, .ss-dislike.right:after { content: '👎' } .ss-heart:before, .ss-heart.right:after { content: '♥' } .ss-halfheart:before, .ss-halfheart.right:after { content: 'î† ' } .ss-star:before, .ss-star.right:after { content: '⋆' } .ss-halfstar:before, .ss-halfstar.right:after { content: '' } .ss-sample:before, .ss-sample.right:after { content: '' } .ss-crop:before, .ss-crop.right:after { content: '' } .ss-layers:before, .ss-layers.right:after { content: '' } .ss-fill:before, .ss-fill.right:after { content: '' } .ss-stroke:before, .ss-stroke.right:after { content: '' } .ss-phone:before, .ss-phone.right:after { content: '📞' } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: '' } .ss-rss:before, .ss-rss.right:after { content: '' } .ss-facetime:before, .ss-facetime.right:after { content: 'îŒ ' } .ss-reply:before, .ss-reply.right:after { content: '↩' } .ss-send:before, .ss-send.right:after { content: '' } .ss-mail:before, .ss-mail.right:after { content: '✉' } .ss-inbox:before, .ss-inbox.right:after { content: '📥' } .ss-chat:before, .ss-chat.right:after { content: '💬' } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: '' } .ss-ellipsis:before, .ss-ellipsis.right:after { content: '…' } .ss-user:before, .ss-user.right:after { content: '👤' } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧' } .ss-users:before, .ss-users.right:after { content: '👥' } .ss-cart:before, .ss-cart.right:after { content: '' } .ss-creditcard:before, .ss-creditcard.right:after { content: '💳' } .ss-dollarsign:before, .ss-dollarsign.right:after { content: '💲' } .ss-barchart:before, .ss-barchart.right:after { content: '📊' } .ss-piechart:before, .ss-piechart.right:after { content: 'î•°' } .ss-box:before, .ss-box.right:after { content: '📦' } .ss-home:before, .ss-home.right:after { content: '⌂' } .ss-buildings:before, .ss-buildings.right:after { content: '🏢' } .ss-warehouse:before, .ss-warehouse.right:after { content: '' } .ss-globe:before, .ss-globe.right:after { content: '🌎' } .ss-navigate:before, .ss-navigate.right:after { content: 'î™°' } .ss-compass:before, .ss-compass.right:after { content: 'î™±' } .ss-signpost:before, .ss-signpost.right:after { content: '' } .ss-map:before, .ss-map.right:after { content: '' } .ss-location:before, .ss-location.right:after { content: '' } .ss-pin:before, .ss-pin.right:after { content: '📍' } .ss-database:before, .ss-database.right:after { content: 'îž ' } .ss-hdd:before, .ss-hdd.right:after { content: 'îž°' } .ss-music:before, .ss-music.right:after { content: '♫' } .ss-mic:before, .ss-mic.right:after { content: '🎤' } .ss-volume:before, .ss-volume.right:after { content: '🔈' } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉' } .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊' } .ss-airplay:before, .ss-airplay.right:after { content: 'î €' } .ss-camera:before, .ss-camera.right:after { content: '📷' } .ss-picture:before, .ss-picture.right:after { content: '🌄' } .ss-video:before, .ss-video.right:after { content: '📹' } .ss-play:before, .ss-play.right:after { content: 'â–¶' } .ss-pause:before, .ss-pause.right:after { content: 'î¢ ' } .ss-stop:before, .ss-stop.right:after { content: 'â– ' } .ss-record:before, .ss-record.right:after { content: '●' } .ss-rewind:before, .ss-rewind.right:after { content: '⏪' } .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩' } .ss-skipback:before, .ss-skipback.right:after { content: '⏮' } .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭' } .ss-eject:before, .ss-eject.right:after { content: '⏏' } .ss-repeat:before, .ss-repeat.right:after { content: '🔁' } .ss-replay:before, .ss-replay.right:after { content: '↺' } .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀' } .ss-book:before, .ss-book.right:after { content: '📕' } .ss-openbook:before, .ss-openbook.right:after { content: '📖' } .ss-notebook:before, .ss-notebook.right:after { content: '📓' } .ss-newspaper:before, .ss-newspaper.right:after { content: '📰' } .ss-grid:before, .ss-grid.right:after { content: 'î¦ ' } .ss-rows:before, .ss-rows.right:after { content: '' } .ss-columns:before, .ss-columns.right:after { content: '' } .ss-thumbnails:before, .ss-thumbnails.right:after { content: '' } .ss-filter:before, .ss-filter.right:after { content: '' } .ss-desktop:before, .ss-desktop.right:after { content: '💻' } .ss-laptop:before, .ss-laptop.right:after { content: '' } .ss-tablet:before, .ss-tablet.right:after { content: '' } .ss-cell:before, .ss-cell.right:after { content: '📱' } .ss-battery:before, .ss-battery.right:after { content: '🔋' } .ss-highbattery:before, .ss-highbattery.right:after { content: '' } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: '' } .ss-lowbattery:before, .ss-lowbattery.right:after { content: '' } .ss-emptybattery:before, .ss-emptybattery.right:after { content: '' } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡' } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: '' } .ss-download:before, .ss-download.right:after { content: '' } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: 'î­€' } .ss-upload:before, .ss-upload.right:after { content: '' } .ss-fork:before, .ss-fork.right:after { content: '' } .ss-merge:before, .ss-merge.right:after { content: '' } .ss-transfer:before, .ss-transfer.right:after { content: '⇆' } .ss-refresh:before, .ss-refresh.right:after { content: '↻' } .ss-sync:before, .ss-sync.right:after { content: '' } .ss-loading:before, .ss-loading.right:after { content: '' } .ss-wifi:before, .ss-wifi.right:after { content: '' } .ss-connection:before, .ss-connection.right:after { content: 'î®…' } .ss-file:before, .ss-file.right:after { content: '📄' } .ss-folder:before, .ss-folder.right:after { content: '📁' } .ss-quote:before, .ss-quote.right:after { content: '“' } .ss-text:before, .ss-text.right:after { content: 'î´€' } .ss-font:before, .ss-font.right:after { content: '' } .ss-print:before, .ss-print.right:after { content: '⎙' } .ss-fax:before, .ss-fax.right:after { content: '📠' } .ss-list:before, .ss-list.right:after { content: '' } .ss-layout:before, .ss-layout.right:after { content: 'î¶ ' } .ss-action:before, .ss-action.right:after { content: '' } .ss-redirect:before, .ss-redirect.right:after { content: '↪' } .ss-expand:before, .ss-expand.right:after { content: '⤢' } .ss-contract:before, .ss-contract.right:after { content: '' } .ss-help:before, .ss-help.right:after { content: '❓' } .ss-info:before, .ss-info.right:after { content: 'ℹ' } .ss-alert:before, .ss-alert.right:after { content: 'âš ' } .ss-caution:before, .ss-caution.right:after { content: 'â›”' } .ss-logout:before, .ss-logout.right:after { content: '' } .ss-plus:before, .ss-plus.right:after { content: '+' } .ss-hyphen:before, .ss-hyphen.right:after { content: '-' } .ss-check:before, .ss-check.right:after { content: '✓' } .ss-delete:before, .ss-delete.right:after { content: '␡' } .ss-settings:before, .ss-settings.right:after { content: 'âš™' } .ss-dashboard:before, .ss-dashboard.right:after { content: '' } .ss-notifications:before, .ss-notifications.right:after { content: '🔔' } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕' } .ss-clock:before, .ss-clock.right:after { content: '⏲' } .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱' } .ss-calendar:before, .ss-calendar.right:after { content: '📅' } .ss-addcalendar:before, .ss-addcalendar.right:after { content: '' } .ss-removecalendar:before, .ss-removecalendar.right:after { content: '' } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: '' } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: '' } .ss-briefcase:before, .ss-briefcase.right:after { content: '💼' } .ss-cloud:before, .ss-cloud.right:after { content: '☁' } .ss-droplet:before, .ss-droplet.right:after { content: '💧' } .ss-flask:before, .ss-flask.right:after { content: 'ï“€' } .ss-up:before, .ss-up.right:after { content: '⬆' } .ss-upright:before, .ss-upright.right:after { content: '⬈' } .ss-right:before, .ss-right.right:after { content: 'âž¡' } .ss-downright:before, .ss-downright.right:after { content: '⬊' } .ss-down:before, .ss-down.right:after { content: '⬇' } .ss-downleft:before, .ss-downleft.right:after { content: '⬋' } .ss-left:before, .ss-left.right:after { content: '⬅' } .ss-upleft:before, .ss-upleft.right:after { content: '⬉' } .ss-navigateup:before, .ss-navigateup.right:after { content: '' } .ss-navigateright:before, .ss-navigateright.right:after { content: 'â–»' } .ss-navigatedown:before, .ss-navigatedown.right:after { content: '' } .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'â—…' } .ss-directup:before, .ss-directup.right:after { content: 'â–´' } .ss-directright:before, .ss-directright.right:after { content: 'â–¹' } .ss-dropdown:before, .ss-dropdown.right:after { content: 'â–¾' } .ss-directleft:before, .ss-directleft.right:after { content: 'â—ƒ' } .ss-retweet:before, .ss-retweet.right:after { content: '' } .ss-volumelow:before, .ss-volumelow.right:after { content: '🔉' } .ss-volumehigh:before, .ss-volumehigh.right:after { content: '🔊' } .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: '' } .ss-batterymedium:before, .ss-batterymedium.right:after { content: '' } .ss-batterylow:before, .ss-batterylow.right:after { content: '' } .ss-batteryempty:before, .ss-batteryempty.right:after { content: '' } .ss-clouddownload:before, .ss-clouddownload.right:after { content: '' } .ss-cloudupload:before, .ss-cloudupload.right:after { content: 'î­€' } .ss-calendaradd:before, .ss-calendaradd.right:after { content: '' } .ss-calendarremove:before, .ss-calendarremove.right:after { content: '' } .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: '' } .ss-calendardelete:before, .ss-calendardelete.right:after { content: '' } body * {} @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.eot); font-weight: 700; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_0_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.eot); font-weight: 300; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_1_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.eot); font-weight: 500; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_2_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.eot); font-weight: 100; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_3_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.eot); font-weight: 300; font-style: italic; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_4_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.eot); font-weight: 500; font-style: italic; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_5_0.svg#wf) format('svg') } @font-face { font-family: MuseoSans; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.eot); font-weight: 900; font-style: normal; src: url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.eot#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.woff) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.ttf) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Museo/275D84_6_0.svg#wf) format('svg') } @font-face { font-family: Statifont; src: url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.eot?4); src: url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.eot?4#iefix) format('embedded-opentype'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.woff?4) format('woff'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.ttf?4) format('truetype'), url(/web/20140408000908im_/http://static.statigr.am/font/Statifont-Light.svg?4#statifont-light) format('svg'); font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased } html { -webkit-text-size-adjust: none } body { background: #f5f5f5; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; font-weight: 300; margin: 0 } .header-desktop * { margin: 0; padding: 0 } .menu-mobile * { margin: 0; padding: 0 } body.dark { background: #111518 } div#general-content { width: 990px; margin: 0 auto; background: #f5f5f5 } div#general-content.general-content-dark { background: #111518 } div#general-content.large { width: 1020px } ::selection, ::selection { background: none repeat scroll 0 0 #202629; color: #FFF } ::-moz-selection, ::-moz-selection { background: none repeat scroll 0 0 #202629; color: #FFF } ::-webkit-input-placeholder { font-style: normal } :-moz-placeholder { font-style: normal } ::-moz-placeholder { font-style: normal } :-ms-input-placeholder { font-style: normal } .container { max-width: 1020px; margin: 0 auto; position: relative } body.no-responsive .container { min-width: 965px } .picto-small { font-family: Statifont; font-size: 40px; font-weight: 400; -webkit-font-smoothing: antialiased } .picto { font-family: Statifont; font-size: 50px; font-weight: 400; -webkit-font-smoothing: antialiased } header { display: block; background: #202629; color: #bababa; padding: 12px } header .logo { width: 158px; height: 33px } header .link-home { display: inline-block; position: relative; top: 4px } header .menu-header { text-transform: uppercase; display: inline; line-height: 37px; vertical-align: top; position: relative; height: 37px; padding-left: 20px } header .menu-header li { list-style: none; display: inline-block; vertical-align: top; margin-top: 3px } header .menu-header li a { color: #bababa; text-decoration: none; padding: 8px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out } header .menu-header li a:hover { color: #fff } header .menu-header li a.active { background: #181e21; color: #fff } .header-menu-dm, .header-menu-dm1, .header-menu-dm2, .header-menu-contest { position: relative } #nbMessagesNonLusComments, #nbMessagesNonLusDms, #nbMessagesNonLus, #nbContestsNonLus { position: absolute; top: 0; left: 64px; background-color: #DE2154; color: #fff; font-weight: 700; padding: 5px 3px 2px 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 9px; text-align: center; z-index: 1; font-weight: 700; line-height: 9px } #nbContestsNonLus { left: 71px } .menu-mobile #nbMessagesNonLus, .menu-mobile #nbContestsNonLus { left: 80px; top: 11px; right: auto; padding: 5px 4px 2px } .menu-mobile #nbMessagesNonLusComments, .menu-mobile #nbMessagesNonLusDms { left: 100px; top: 11px; right: auto; padding: 5px 4px 2px } header #nbNotifMobile { position: absolute; top: 0; left: 18px; background-color: #DE2154; color: #fff; font-weight: 700; padding: 5px 4px 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 9px; text-align: center; z-index: 1; font-weight: 700; line-height: 8px; display: none } header .bold { font-weight: 700 } .bouton { border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-transform: uppercase; color: #fff; padding: 10px 11px; font-size: 11px; font-weight: 900; cursor: pointer; text-decoration: none; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; height: 12px; line-height: 14px } .bt-instagram { background-color: #3b96d4; font-weight: 500; padding-top: 15px; border: 1px solid #222; background: -moz-linear-gradient(top, #4d83b1 0, #104674 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d83b1), color-stop(100%, #104674)); background: -webkit-linear-gradient(top, #4d83b1 0, #104674 100%); background: -o-linear-gradient(top, #4d83b1 0, #104674 100%); background: -ms-linear-gradient(top, #4d83b1 0, #104674 100%); background: linear-gradient(to bottom, #4d83b1 0, #104674 100%); -webkit-box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .5); box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, .5); color: rgba(255, 255, 255, .9); display: block; padding: 0 13px; height: 35px; line-height: 40px; max-width: 174px } .bt-instagram .picto-small { font-size: 36px } .bt-instagram .picto-small, .bt-instagram .txt {} .bt-instagram:hover { background: #498CC2; background: -moz-linear-gradient(top, #498CC2 0, #0E4F7F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #498CC2), color-stop(100%, #0E4F7F)); background: -webkit-linear-gradient(top, #498CC2 0, #0E4F7F 100%); background: -o-linear-gradient(top, #498CC2 0, #0E4F7F 100%); background: -ms-linear-gradient(top, #498CC2 0, #0E4F7F 100%); background: linear-gradient(to bottom, #498CC2 0, #0E4F7F 100%) } header .bt-instagram { position: absolute; right: 0; top: 3px; display: block } header .bt-instagram.blocpub { top: 122px } header #header-nl-share-pub { display: inline-block; width: 100% } header div#logo-content { max-width: 100%; padding: 0 } .header-mobile { display: none; z-index: 500000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 0 10px -2px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, .5); box-shadow: 0 0 10px -2px rgba(0, 0, 0, .5) } .header-mobile #users-datas { float: none; width: 25px; height: 25px; position: absolute; top: 1px; right: 0; background-image: url(https://web.archive.org/web/20140408000908im_/http://images.ak.instagram.com/profiles/anonymousUser.jpg); background-size: 25px 25px } .header-mobile #users-datas #avatar { width: 25px } .open-menu-mobile { font-family: Statifont; font-size: 33px; line-height: .5; color: #f2f2f2; cursor: pointer; float: left; position: relative; top: 2px } .header-mobile .link-home { display: block; margin: 0 auto; width: 110px; position: relative; top: 2px } .header-mobile .logo { max-width: 110px; width: auto; height: auto } .header-mobile .bt-instagram { font-size: 9px; padding: 0 6px; top: -3px; height: 30px; line-height: 34px } .header-mobile .bt-instagram .picto-small { font-size: 23px; margin-right: 5px; line-height: 23px; top: 3px } .header-mobile #logout-mobile { position: absolute; top: 0; right: 0; color: #fff } .menu-mobile { list-style: none; padding: 0; margin-top: 7px; border-bottom: 1px solid rgba(255, 255, 255, .1); margin-bottom: 15px } .menu-mobile hr { border-color: rgba(255, 255, 255, .1) } .menu-mobile .triangle { float: right; margin-right: 20px } .menu-mobile li.first { border-bottom: 1px solid rgba(255, 255, 255, .1) } .menu-mobile li.active { background: #202629 } .menu-mobile li { padding: 0 0 0 20px } .menu-mobile li .fleche { float: right; margin-right: 20px } .menu-mobile li a { text-transform: uppercase; color: #bababa; display: block; padding: 10px 0 } .menu-mobile li .ss-menu li a { text-transform: capitalize } .menu-mobile li a:hover { color: #fff } .menu-mobile .logo { width: 110px; display: block } .snap-drawers { /* display: none; */ background: #191E22; color: #fff } .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none } .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100% } #searchForm, #searchForm3 { display: inline-block; border-left: 1px solid; border-right: 1px solid; border-color: #313639; padding: 0 0 0 8px; margin-left: 3px; position: relative } form#searchForm2 { display: block; position: relative; margin-top: 5px; margin-bottom: 10px; margin-left: 20px } form#searchForm4 { display: block; position: relative; margin-top: 5px; margin-bottom: 10px; margin-left: 20px } #searchForm #getSearch, #searchForm2 #getSearch, #searchForm3 #getSearch, #searchForm4 #getSearch { background: #202629; color: #bababa; border: 0; line-height: 26px; vertical-align: top; margin-top: 10px; height: 26px; font-size: 13px; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm #getSearch { width: 187px } #searchForm3 #getSearch { width: 91px; background: transparent; margin-left: 8px } #searchForm2 #getSearch { background: #191E22 } #searchForm4 #getSearch { background: #191E22 } #searchForm #getSearch:focus, #searchForm2 #getSearch:focus, #searchForm3 #getSearch:focus, #searchForm4 #getSearch:focus { outline: 0 } #searchForm #startSearch, #searchForm2 #startSearch, #searchForm4 #startSearch { background: #202629; color: #474b4d; border: 0; font-size: 35px; line-height: 42px; cursor: pointer; margin-right: 10px; -webkit-appearance: none } #searchForm3 #startSearch { background: #202629; color: #474b4d; border: 0; font-size: 35px; line-height: 42px; cursor: pointer; margin-right: 5px; -webkit-appearance: none; padding: 0; margin-left: 0 } #searchForm2 #startSearch { background: #191E22; position: relative; top: 3px } #searchForm3 #startSearch { background: transparent; margin-right: 12px } #searchForm4 #startSearch { background: transparent; float: none; position: relative; top: 3px } #searchForm #startSearch:hover, #searchForm2 #startSearch:hover, #searchForm3 #startSearch:hover, #searchForm4 #startSearch:hover { color: #5E6D79 } #searchForm #getSearch::-webkit-input-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm #getSearch:-moz-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm #getSearch.placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm2 #getSearch::-webkit-input-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm2 #getSearch:-moz-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm2 #getSearch.placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm2 #getSearch::-webkit-input-placeholder { font-size: 12px } #searchForm2 #getSearch:-moz-placeholder { font-size: 12px } #searchForm3 #getSearch::-webkit-input-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm3 #getSearch:-moz-placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm3 #getSearch.placeholder { font-style: normal; font-size: 13px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm4 #getSearch::-webkit-input-placeholder { font-style: normal; font-size: 12px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm4 #getSearch:-moz-placeholder { font-style: normal; font-size: 12px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm4 #getSearch.placeholder { font-style: normal; font-size: 12px; color: #585858; font-weight: 300; font-family: MuseoSans, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif } #searchForm4 #getSearch::-webkit-input-placeholder { font-size: 12px } #searchForm4 #getSearch:-moz-placeholder { font-size: 12px } #searchForm2 #getSearch, #searchForm2 #getSearch.placeholder { font-size: 13px; width: 84%; height: 26px; line-height: 19px; vertical-align: top } #searchForm4 #getSearch, #searchForm4 #getSearch.placeholder { font-size: 12px; width: 210px; height: 26px; line-height: 26px; vertical-align: top; margin-left: 0 } .conteneur-button a { margin: 0 auto } #users-datas { float: right; width: 40px; height: 40px; background-image: url(https://web.archive.org/web/20140408000908im_/http://images.ak.instagram.com/profiles/anonymousUser.jpg); background-size: 40px 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #users-datas #avatar { width: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer } #users-datas #avatar:hover { opacity: .8 } #user-datas-menu { display: none } .user-data-link { text-transform: uppercase; padding: 11px 0 11px 10px; width: 100px; display: inline-block } .ui-tooltip-default.ui-tooltip-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; font-size: 10.5px } .ui-tooltip-default.ui-tooltip-menu .ui-tooltip-content { border: 0; background-color: #fff; padding: 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2); box-shadow: 0 1px 7px -1px rgba(0, 0, 0, .2) } .ui-tooltip-default.ui-tooltip-menu a { color: #585858; border-bottom: 1px solid #f5f5f5; font-size: 12px; padding-right: 20px } .ui-tooltip-default.ui-tooltip-menu a:last-child { border-bottom: 0 } .ui-tooltip-default.ui-tooltip-menu a:hover { color: #252525 } .search-autocomplete { padding: 2px; background-color: #202629; top: 40px; left: 0; position: absolute; z-index: 20001; width: 220px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; font-size: 13px } .search-word { padding: 1px 0 1px 8px; width: auto; cursor: pointer } .search-word:hover { background-color: #474b4d } #erase-history { padding: 6px 0 0 8px; width: auto; cursor: pointer; font-weight: 700 } #erase-history:hover { background-color: #474b4d } footer { background: #181e21; color: #52585b; padding: 10px; margin-top:20px } footer a { color: #bababa } footer a:hover { color: #fff } footer ul { list-style: none; padding: 0; margin: 0 } footer .title { text-transform: uppercase; margin-bottom: 20px; font-size: 12px; font-weight: 700 } footer li { margin-bottom: 10px; font-size: 12px; font-weight: 300 } footer .picto, footer #copyright a { color: #52585B } footer .footer-column { display: inline-block; vertical-align: top; width: 16%; margin-left: 4%; margin-top: 40px } footer .footer-column.size1 { width: 10% } footer .footer-column.size2 { width: 10%; margin-left: 12% } footer .footer-column.size3 { width: 16%; margin-left: 8% } footer .footer-column.size4 { width: 10%; margin-left: 10% } footer .footer-column:first-child { margin-left: 0 } footer .footer-social { display: inline-block } footer .footer-social li { display: inline-block; margin-right: 7px } footer a { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out } footer .footer-social a.fb:hover { color: #254d9c } footer .footer-social a.tw:hover { color: #2eafed } footer .footer-social a.ig:hover { color: #1873ac } footer #copyright { float: right; text-align: right; margin-top: 20px } footer #copyright p { font-size: 12px; margin: 0; font-weight: 300 } footer .picto { font-size: 40px } .mobile-terms { display: none } .bouton .prepend { margin-right: 10px; line-height: 18px; position: relative; top: 7px; display: inline; height: auto !important } @media only screen and (max-width:1020px) { div#general-content.large, .blocPromote { width: 100% } } header.header-leaderboard { padding: 10px 12px } header.header-leaderboard div.leaderboard-center { max-width: 1020px; margin-left: auto; margin-right: auto } #footer-link-limoges { font-size: 12px } #adsJs { display: none } html { -webkit-text-size-adjust: none } div#general-content { width: 100%; max-width: 990px } div#general-content.large { width: 100%; max-width: 1020px } #general-content #detail-concours { width: 100% } div#logo-content { max-width: 1020px; width: auto; padding-left: 2%; padding-right: 2% } div.stats-menu { max-width: 1020px; width: auto; padding-left: 2%; padding-right: 2% } div#footerwrapper { max-width: 1020px; width: auto; padding-left: 2%; padding-right: 2% } .ariane, .ariane a { float: left; font-size: 11px; color: #f2f2f2; line-height: 37px; max-width: 223px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 37px } .mobile-wrapper-menu { float: right } .menu-mobile-icon, .menu-mobile-search { width: 37px; height: 37px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; float: left; display: block; -moz-box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, .3); box-shadow: inset 0 -2px 4px 0 rgba(0, 0, 0, .3); position: relative } .menu-mobile-icon.active, .menu-mobile-search.active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .menu-mobile-icon { background: #42403C; margin-right: 5px; line-height: 43px; font-size: 19px; text-align: center; color: #f2f2f2 } .menu-mobile-search { background: #f2f2f2; line-height: 43px; font-size: 19px; text-align: center; color: #42403C } #logo-stat.logo-stat-in img { max-width: 100%; width: auto; height: auto } .search-mobile-wrapper { background: #F2F2F2; padding-left: 2%; padding-right: 2%; font-size: 11px; display: none } .links-mobile-wrapper { background: #42403C; font-size: 11px; display: none; color: #F2F2F2 } form#searchFormNl2 { display: block; position: relative; margin-top: 5px; margin-bottom: 10px } form#searchFormNl2.searchForm-tag { margin-top: 7px; margin-right: 0 } form#searchFormNl2 input#getSearch.placeholder { color: #63605A; font-style: normal } form#searchFormNl2 ::-webkit-input-placeholder { color: #63605A; font-style: normal } form#searchFormNl2 :-moz-placeholder { color: #63605A; font-style: normal } form#searchFormNl2 input#getSearch { background-color: #f2f2f2; border: 1px solid #ADA799; color: #42403C; font-style: normal; margin: 0; padding: 6px 10px; width: 150px; border-radius: 5px; -webkit-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2); box-shadow: inset 0 0 6px 1px rgba(0, 0, 0, .2) } form#searchFormNl2 input#getSearch:focus { outline: 0 } form#searchFormNl2 input#startSearch { cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #B3AFA8; background: -moz-linear-gradient(100% 100% 90deg, #C9C9C9, #F1F1F1 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#F1F1F1), to(#C9C9C9)); color: #312D27; font-size: 13px; font-weight: 700; border: 1px solid #B3AFA8; text-shadow: 0 -1px 1px #fff; height: 30px; margin: 5px 0 0 5px; padding: 0 10px } .mobile-links { list-style: none } .btn-sign-up-right { margin-right: 0 } .mobile-links, .mobile-links a { color: #D8D2C5; display: block } .mobile-links a { padding: 10px } .ss-menu { list-style: none; max-height: 0; overflow: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } .ss-menu, .ss-menu a { color: #F2F2F2 } .ss-menu a { padding-left: 40px; color: #f2f2f2 } .links-mobile-wrapper, .search-mobile-wrapper { -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, .3); box-shadow: 0 0 4px 3px rgba(0, 0, 0, .3); overflow: hidden; max-height: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } .links-mobile-wrapper hr { border: 0; border-top: 1px solid rgba(0, 0, 0, .5); height: 2px; background: rgba(255, 255, 255, .05) } .mb { position: relative } .mb .triangle { position: absolute; left: 40%; top: 1em; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out } .mb.open .triangle { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg) } .bubulle-main-elm { position: absolute; background: #DE2154; color: #1E1B19; font-size: 12px; font-weight: 700; line-height: 1.15; padding: 3px 6px; top: 7px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; left: 99px; font-family: Helvetica, Arial, sans-serif } .c-global .bubulle-master { position: absolute; background: #DE2154; color: #1E1B19; font-size: 12px; font-weight: 700; line-height: 1.15; padding: 3px 6px; top: -10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; left: -10px; font-family: Helvetica, Arial, sans-serif } .mb a { font-size: .7rem } .separation-repost { display: none } @media only screen and (min-width:641px) { .search-mobile-wrapper, .links-mobile-wrapper { display: none !important } } @media only screen and (max-width:990px) { .pic-location { display: none } #conteneurMenu { margin: 0 2% } #feedback { display: none } #general-content .detailPhotoList .textareaCommentaire { width: 95% } #conteneurProfilLarge, #conteneurLoad, #conteneurDetail { padding: 0 2% } .conteneurPhotoListDroite { width: 43%; padding-right: 2% } } @media only screen and (max-width:965px) { #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { padding: 0 6% 0 7% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { width: 40%; padding: 0 6% } .conteneurPhotoListGauche .PhotoListGauchePhoto .bloc-footer .pic-created { display: block; margin-bottom: 10px } } @media only screen and (max-width:915px) { #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { width: 35% } .comment-facebook-form { display: none } #userProfilLarge a.bt-send-dm { margin: 2px 0 0 } #userProfilLarge a.bt-send-dm img { margin: 5px 11px 0 0 } #userProfilLarge .relation_following, #userProfilLarge .relation_double, #userProfilLarge a.cercle, .detail-user-droite a.cercle { margin-left: 0 } .header-mobile { display: block; } .header-desktop{ display: none; } } @media only screen and (max-width:800px) { #emojiBoite { display: none !important } #general-content #detail-concours #gallerie-concours { width: 96% } .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(3n), .photos-wrapper:nth-child(5n) { margin-top: 30px; width: 20%; margin-right: 4% } .photos-wrapper:nth-child(4n) { margin-right: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { padding: 0 4% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { padding: 0 4%; width: 40% } #searchFormNlConteneur form#searchFormNl input#getSearch, form#searchFormNlTop input#getSearchTop { width: 114px } div#general-content.print-conteneur { width: 86%; padding: 0 7% } #userProfilLarge { padding: 0 2% 0 0; width: 98% } #userProfilLarge .user-profil { width: 100% } #userProfilLarge .user-action { width: 100%; float: left; margin: 10px auto 0 } #userProfilLarge .user-action .followers, #userProfilLarge .user-action .user-action-btn { margin: 0 2% 5px; padding: 5px 0; width: 30% } #userProfilLarge .user-action .photos { margin: 0 3% 0 0 } #userProfilLarge .user-action .followers:first-child, #userProfilLarge .user-action .user-action-btn:first-child { margin: 0 0 5px 3% } #userProfilLarge .user-action .followers:last-child, #userProfilLarge .user-action .user-action-btn:last-child { margin: 0 4% 5px 0 } #userProfilLarge .profil-action-desktop { display: none } #userProfilLarge .profil-action-mobile { display: block; float: right; width: 30% } #userProfilLarge .user-profil .user-profil-infos { width: 49% } #userProfilLarge .user-profil .user-profil-infos .profil-presentation { float: left; width: 100% } #userProfilLarge .followAction { padding: 18px 0 } #userProfilLarge .followBackAction { width: 80% } #userProfilLarge a.bt-send-dm { clear: both } #userProfilLarge .user-profil-large-separation { width: 100%; margin-top: 5px } #menu-addFanpage-button { display: none } .conteneurUserGridResponsive a.unfollow { bottom: -2px } #resultatSearch .titleSearch { margin: 25px 0 25px 25px } #resultatSearch #resultatSearchUser, #resultatSearch #resultatSearchTag { width: 40%; padding: 15px 4% 0 } } @media only screen and (max-width:745px) { #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { padding: 0 3% 0 1% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { padding: 0 0 0 3% } } @media only screen and (max-width:640px) { .mobile { display: inline-block !important } .popinvideo { display: none } .wrapper-www .mobile { display: block !important } .desktop { display: none !important } .cercle-relative, #userProfilLarge .cercle-relative.cercleVisible { margin-bottom: 10px } #menu-viewer { display: none !important } .sous-menu2 { height: 50px } .sous-menu-viewer { margin-bottom: 0; height: 40px; background: #111518 } .title-menu-tag { display: none !important } #conteneurMenu #mode-viewer { float: right; width: 215px; margin: 20px 0 0 } #menu-filtre-cercle { display: none !important } #leaderboardNL { float: left } #userProfilLarge .user-profil .user-profil-infos .profil-action { width: 100%; margin-top: 7px } #userProfilLarge .user-profil .relation_following { margin: 4px 0 0 } #header-concours .image-concours { max-width: 100%; width: auto; height: auto; text-align: center; margin: 0 auto; float: none } .align-center { text-align: center } #header-concours .texte-concours { width: 100% } .footer-zone-commune { text-align: left } .footer-zone-commune .inline-align { margin-left: 0; margin-right: 20px } .content-options { width: 100% } .option-block { display: block; border-right: 0; border-bottom: 3px solid #fff } .option-block:last-child { border-bottom: 0; border-right: 0 } .option-block:first-child { border-left: 0 } .option-block.facebook-link-desktop { display: none } .conteneurPhotoListGauche { width: 100% } .conteneurPhotoListDroite { width: 96%; padding: 0 2% } .detail-user-droite { display: none } .conteneurPhotoListDroite .detail-comments .nouveau-commentaire { margin-bottom: 0 } .wrapper-photo-list { max-width: 425px; margin: 0 auto; position: relative } #menuNl, #searchFormNlConteneur { display: none } .btn-sign-up-right { background-size: 100%; width: 125px; margin-right: 0 } a.sign-up-profil { margin-top: 12px } .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(4n), .photos-wrapper:nth-child(5n) { margin-top: 20px; width: 25%; margin-right: 9.4% } .photos-wrapper:nth-child(3n) { margin-right: 0 } div#footerwrapper { line-height: 1.8 } #feedback { display: none } div.menu-principal, .sous-menu, form#searchForm { display: none } #mobile-menu { display: block } body input[type=text], body input[type=number], body #general-content textarea { -webkit-text-size-adjust: 140%; font-size: 16px } :-ms-input-placeholder { font-size: 13px } input:-moz-placeholder, :-moz-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { font-size: 13px } input::-webkit-input-placeholder, ::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 13px } .search-autocomplete { position: static; border: 0; width: 100% } .search-word, #erase-history { padding: 5px 0 5px 8px } h1#logo-stat a, div#logo-stat a { display: block; width: 170px; position: relative; left: -5px } .wrapper-dropdown .dat-menu { padding-top: 10px; margin-top: 0; top: 0 } .wrapper-dropdown { width: 120px } div#logo-stat, h1#logo-stat { width: 170px } div#footerwrapper {} .footer-about, .footer-features, .footer-legal, .footer-support { width: 50%; margin-bottom: 25px } .partner { width: 100%; margin-bottom: 50px } .footer-social { width: 50% } .contestViewerMenu .lib { display: none } .contestViewerMenu .picto { margin-right: 0 } .mode-viewer-detail, .mode-viewer-map { display: none } #menu-viewer-concours-smaller { display: block; font-size: 13px; height: 30px; max-width: 90px; float: left } #menu-viewer-concours { display: none } div#general-content { width: 100%; padding-right: 0 } #conteneurMenu { width: 96%; padding: 0 } .menu-wrapper { width: 100% } #general-content #detail-concours #gallerie-concours { width: 94%; padding: 0 3% 3% } #detail-concours #header-concours { width: 94% } #detail-concours .detailUserGrid, #detail-concours .detailPhotoGrid { margin-left: 10px } #conteneur-resultats .gagnant .detail-user { width: 100%; max-width: 500px; float: none; margin: 0 auto 10px } #conteneur-resultats .gagnant .detail-user .user-avatar { width: 30px; float: left; margin-right: 10px } #conteneur-resultats .gagnant .detail-photo { width: 100%; max-width: 500px; margin: 0 auto; float: none } #conteneur-resultats .gagnant .user-username { margin: 0 } #results-wrapper .winner .user-infos { width: 100% } #results-wrapper .winner .user-infos .user-infos-txt { max-width: 510px; width: 78% } #results-wrapper .winner .detail-photo { width: 100%; margin-top: 20px } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize { width: 100% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput { width: 45% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize textarea, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize input { padding: 3% 2%; width: 96% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { width: 300px; margin: 10px auto 20px; float: none; padding: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { width: 300px; height: 400px; clear: both; margin: 20px auto 0; float: none; padding: 0; border: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #btSendUpload { width: 101% } .mp-container { height: 100%; margin: 20px 0 0 } .mp-map-wrapper { background-color: transparent } .mp-map-wrapper, .mp-album-wrapper { width: 100%; clear: both } .mp-options-wrapper { clear: both; position: relative } .mp-album-overlay { top: 390px; width: 100% } #confirmationUpload { width: 82%; padding: 2% 8% 2% 10% } .zoneCommune #confirmationUpload { padding: 2% 3%; width: 94% } .zoneCommune #confirmationUpload .confirm-txt { width: 80% } #infos-crop-mobile { display: block } #infos-crop-desktop { display: none } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput.right { margin-left: 8% } .commun-custo #uploadProgressBarreParticipation { top: 0; left: 25%; width: 50% } .print-conteneur .box { margin: 0 auto 5px; float: none; height: 170px } .conteneurUserGridResponsive .cercle-mobile { display: none } .conteneurPhotoListGauche .PhotoListGauchePhoto { border: 0; box-shadow: none; background-color: transparent } .conteneurPhotoListGauche .PhotoListGauchePhoto .detail-user-droite { width: 100% } .conteneurPhotoListGauche .PhotoListGauchePhoto .bloc-caption { margin-top: 10px } .conteneurPhotoListGauche .PhotoListGauchePhoto .bloc-footer { margin-top: 15px } .super-sharing { float: left; text-align: left; width: 96%; padding: 0 2% } .super-sharing .social-links-viewer { border-bottom: 1px solid #202629; padding-bottom: 25px } .super-sharing a.lien-repost { float: none } .conteneurPhotoListGauche .PhotoListGauchePhoto .bloc-footer { height: auto } a.lien-repost { display: inline; top: 5px; margin-left: 0; padding-left: 0 } .separation-repost { display: inline-block; position: relative; top: 4px } #userProfilLarge .user-profil .user-profil-infos .profil-presentation { width: 100% } .pic-location { display: block } .left-align { width: 35% } .middle-align { float: right; text-align: right; width: 65% } .blocTriContests .ouvreTriContests { text-align: center } .blocTriContests a span.fleche { display: none } .blocTriContests .listeTriContests { top: 40px; z-index: 9 } .blocTriContests .listeTriContests .flecheListeTriContests { top: -10px; position: absolute; left: 10px; display: block } .blocTriContests .listeTriContests .triContests:first-child, .blocTriContests .listeTriContests .triContests:nth-child(2), .blocTriContests .listeTriContests .triContests.selected, .blocTriContests .listeTriContests a.triContests { background-color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 4%; width: 92% } .blocTriContests .listeTriContests .triContests.selected .mobileSelected { font-family: SSStandard; display: block; float: right; font-size: 14px } .imgWebviewerDetail { cursor: default } .conteneurPhotoListGauche .PhotoListGauchePhoto .photo-mode-liste { max-width: 600px } #conteneurCommentsSuivis { margin-bottom: 50px; clear: both; float: left; margin-top: 50px } #press-wrapper a.download { display: none } } @media only screen and (max-width:639px) { .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(4n), .photos-wrapper:nth-child(5n) { margin-top: 20px; width: 30%; margin-right: 2%; padding-bottom: 10px } .photos-wrapper:nth-child(3n) { margin-right: 0 } #filtre-album-mobile, #addFanpage-button-mobile { display: none } } @media only screen and (max-width:480px) { #general-content-large { background-image: none } .popinvideo { position: absolute; right: 4%; bottom: 54%; display: none } .photos-wrapper .activites { display: none } .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(4n), .photos-wrapper:nth-child(5n) { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-bottom: 0 } .photos-wrapper:hover { background: transparent } .print-conteneur { padding: 0 7%; width: 86% } .print-conteneur .box { margin-left: 10% } #userProfilLarge .user-profil { margin-top: -10px; width: 97%; padding: 0 1.5% } #userProfilLarge .user-profil .user-profil-infos .profil-presentation, #userProfilLarge .user-profil .username, #userProfilLarge .user-profil .fullname-user, #userProfilLarge .user-profil .bio-user { width: 100% } #userProfilLarge .user-profil .user-profil-infos { width: 77%; margin-left: 5% } #userProfilLarge .user-action { width: 100%; margin: 10px 0 } #userProfilLarge .user-action .followers, #userProfilLarge .user-action .user-action-btn { margin: 0 1.5%; padding: 5px 0 } #userProfilLarge .user-action .photos { margin: 0 3% 0 0 } #userProfilLarge .user-profil .user-profil-infos .profil-action { margin-top: 10px } #general-content .textareaCommentaire { width: 95% } .photos-wrapper.detailUser { padding-bottom: 10px } div#searchSeparation { display: none } #resultatSearch .titleSearch { margin: 15px 0 15px 2% } #resultatSearch #resultatSearchUser, #resultatSearch #resultatSearchTag { width: 47%; padding: 15px 1% 0 } #resultatSearch #resultatSearchUser .detailUserResult .list-photo-user { margin: 0 2% 10px 0 } #resultatSearch #resultatSearchUser .detailUserResult .list-photo-user img { width: 25px; height: 25px } #resultatSearch #resultatSearchTag .detailTagResult .ss-tag { display: none } #menu-check-donate { display: none } .pic-location { display: none } #userProfilLarge .profil-action-mobile { float: left; margin-left: 22%; clear: both } #userProfilLarge .followAction { padding: 5px 0; font-size: 12px } #userProfilLarge .followAction span { font-size: 12px; margin-right: 10px; display: inline-block } #userProfilLarge .bt-send-dm { display: none } } @media only screen and (max-width:320px) { .photos-wrapper, .photos-wrapper:nth-child(n), .photos-wrapper:nth-child(2n), .photos-wrapper:nth-child(4n), .photos-wrapper:nth-child(5n) { margin-top: 10px; width: 30%; margin-right: 2% } .photos-wrapper:nth-child(3n) { margin-right: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #submitZone { width: 300px; padding: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #cropZone { padding: 0 } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize textarea, #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInputFullSize input { width: 94% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu .formInput.right { margin-left: 5% } #conteneurUploadPhotoParticipation #uploadPhotoParticipationApercu #btSendUpload { width: 99% } #confirmationUpload { width: 82%; padding: 2% 7% 2% 11% } .photos-wrapper .pseudo a { max-width: 69px; min-height: 15px; display: inline-block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis } .title-repost { display: none } div#general-content.print-conteneur { padding: 0; width: 100% } .print-conteneur .box { margin-left: 1px; padding: 10px } #userProfilLarge .user-profil .user-profil-infos { width: 77% } #userProfilLarge .user-action .followers:first-child, #userProfilLarge .user-action .user-action-btn:first-child, #userProfilLarge .user-action .followers:last-child, #userProfilLarge .user-action .user-action-btn:last-child, #userProfilLarge .user-action .followers, #userProfilLarge .user-action .user-action-btn { margin: 0 1.5% 5px; padding: 5px 0; width: 30% } #userProfilLarge .user-action .user-action-btn .chiffre { font-size: 15px } #userProfilLarge .user-profil .profil-presentation .followAction { clear: both; margin: 5px 0 } #userProfilLarge .user-profil .relation_double, #userProfilLarge .user-profil .profil-presentation .user-relation-action.followAction { margin: 0 } .photos-wrapper a.unfollow { display: none } #resultatSearch #resultatSearchTag span.count { display: none } #resultatSearch #resultatSearchTag a.name { float: right; margin-right: 0 } div#logo-content { max-width: 990px; width: auto; padding-left: 0; padding-right: 0 } div#logo-content-wrapper { max-width: 990px; width: auto; padding-left: 2%; padding-right: 2% } #leaderboardNL { float: none; margin: 0 } .super-sharing { width: 94%; padding: 0 3% } #menu-follow-action { display: none } header.header-leaderboard { padding: 10px 0 } } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) { .directory-bloc-detailed .flagNew, .directory-bloc-rewards .flagNew { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/contests/new2.png); background-size: 50%; top: -6px; right: -52px } .directory-bloc-detailed .flagNotseen, .directory-bloc-rewards .flagNotseen { background-image: url(/web/20140408000908im_/http://static.statigr.am/images/contests/not-seen2.png); background-size: 50%; top: -6px; right: -52px } } .container { width: auto } .ui-tooltip, .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; z-index: 15000 } .ui-tooltip-fluid { display: block; visibility: hidden; position: static !important; float: left !important } .ui-tooltip-content { position: relative; padding: 5px 9px; overflow: hidden; border-width: 1px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden } .ui-tooltip-titlebar { position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: 700 } .ui-tooltip-titlebar + .ui-tooltip-content { border-top-width: 0 !important } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default { position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid } * html .ui-tooltip-titlebar .ui-state-default { top: 16px } .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon { display: block; text-indent: -1000em } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .ui-tooltip-icon .ui-icon { width: 18px; height: 14px; text-align: center; text-indent: 0; font: 400 bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em } .ui-tooltip-focus {} .ui-tooltip-hover {} /*! Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content { border-color: #F1D031; background-color: #FFFFA3; color: #555 } .ui-tooltip-default .ui-tooltip-titlebar { background-color: #FFEF93 } .ui-tooltip-default .ui-tooltip-icon { border-color: #CCC; background: #F1F1F1; color: #777 } .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover { border-color: #AAA; color: #111 } .ui-tooltip .ui-tooltip-tip { margin: 0 auto; overflow: hidden; background: transparent !important; border: 0 dashed transparent !important; z-index: 10 } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip * { position: absolute; line-height: .1px !important; font-size: .1px !important; color: #123456; background: transparent; border: 0 dashed transparent } .ui-tooltip .ui-tooltip-tip canvas { top: 0; left: 0 } #qtip-overlay { position: fixed; left: -10000em; top: -10000em } #qtip-overlay.blurs { cursor: pointer } #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(Opacity=70)" } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content { border-color: #E2E2E2; color: #454545 } .ui-tooltip-light .ui-tooltip-content { background-color: #fff } .ui-tooltip-light .ui-tooltip-titlebar { background-color: #f1f1f1 } /*! Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content { border-color: #303030; color: #f3f3f3 } .ui-tooltip-dark .ui-tooltip-content { background-color: #505050 } .ui-tooltip-dark .ui-tooltip-titlebar { background-color: #404040 } .ui-tooltip-dark .ui-tooltip-icon { border-color: #444 } .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover { border-color: #303030 } /*! Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content { border-color: #F9E98E; color: #A27D35 } .ui-tooltip-cream .ui-tooltip-content { background-color: #FBF7AA } .ui-tooltip-cream .ui-tooltip-titlebar { background-color: #F0DE7D } .ui-tooltip-cream .ui-state-default .ui-tooltip-icon { background-position: -82px 0 } /*! Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content { border-color: #D95252; color: #912323 } .ui-tooltip-red .ui-tooltip-content { background-color: #F78B83 } .ui-tooltip-red .ui-tooltip-titlebar { background-color: #F06D65 } .ui-tooltip-red .ui-state-default .ui-tooltip-icon { background-position: -102px 0 } .ui-tooltip-red .ui-tooltip-icon { border-color: #D95252 } .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover { border-color: #D95252 } /*! Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content { border-color: #90D93F; color: #3F6219 } .ui-tooltip-green .ui-tooltip-content { background-color: #CAED9E } .ui-tooltip-green .ui-tooltip-titlebar { background-color: #B0DE78 } .ui-tooltip-green .ui-state-default .ui-tooltip-icon { background-position: -42px 0 } /*! Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content { border-color: #ADD9ED; color: #5E99BD } .ui-tooltip-blue .ui-tooltip-content { background-color: #E5F6FE } .ui-tooltip-blue .ui-tooltip-titlebar { background-color: #D0E9F5 } .ui-tooltip-blue .ui-state-default .ui-tooltip-icon { background-position: -2px 0 } /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */ .ui-tooltip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15) } .ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content { filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom: -3px; .margin-bottom: -3px } /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } .ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } /*! Youtube tooltip style */ .ui-tooltip-youtube { -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333 } .ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content { _margin-bottom: 0; .margin-bottom: 0; background: transparent; background: rgba(0, 0, 0, .85); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000)"; color: #fff; border-color: #CCC } .ui-tooltip-youtube .ui-tooltip-icon { border-color: #222 } .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover { border-color: #303030 } .ui-tooltip-jtools { background: #232323; background: rgba(0, 0, 0, .7); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); border: 2px solid #ddd; border: 2px solid rgba(241, 241, 241, 1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333 } .ui-tooltip-jtools .ui-tooltip-titlebar { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A)" } .ui-tooltip-jtools .ui-tooltip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323)" } .ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content { background: transparent; color: #fff; border: 0 dashed transparent } .ui-tooltip-jtools .ui-tooltip-icon { border-color: #555 } .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover { border-color: #333 } .ui-tooltip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4); box-shadow: 4px 4px 5px rgba(0, 0, 0, .4) } .ui-tooltip-cluetip .ui-tooltip-titlebar { background-color: #87876A; color: #fff; border: 0 dashed transparent } .ui-tooltip-cluetip .ui-tooltip-content { background-color: #D9D9C2; color: #111; border: 0 dashed transparent } .ui-tooltip-cluetip .ui-tooltip-icon { border-color: #808064 } .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover { border-color: #696952; color: #696952 } .ui-tooltip-tipsy { border: 0 } .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content { _margin-bottom: 0; .margin-bottom: 0; background: transparent; background: rgba(0, 0, 0, .87); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000, endColorstr=#D9000000)"; color: #fff; border: 0 transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: 700; line-height: 16px; text-shadow: 0 1px #000 } .ui-tooltip-tipsy .ui-tooltip-titlebar { padding: 6px 35px 0 10 } .ui-tooltip-tipsy .ui-tooltip-content { padding: 6px 10 } .ui-tooltip-tipsy .ui-tooltip-icon { border-color: #222; text-shadow: none } .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover { border-color: #303030 } .ui-tooltip-tipped {} .ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content { border: 3px solid #959FA9; filter: none; -ms-filter: none } .ui-tooltip-tipped .ui-tooltip-titlebar { background: #3A79B8; background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"; color: #fff; font-weight: 400; font-family: serif; border-bottom-width: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .ui-tooltip-tipped .ui-tooltip-content { background-color: #F9F9F9; color: #454545; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .ui-tooltip-tipped .ui-tooltip-icon { border: 2px solid #285589; background: #285589 } .ui-tooltip-tipped .ui-tooltip-icon .ui-icon { background-color: #FBFBFB; color: #555 } .ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar { filter: none; -ms-filter: none }