#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png)
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: 0;
    display: none
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 15px;
    outline: 0;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    background: #465058;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    right: -18px;
    top: -12px;
    width: 22px;
    height: 23px;
    background: transparent url(/web/20140522013638im_/http://static.iconosquare.com/images/cross-down.png) -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-error {
    color: #444;
    font: 400 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: 0;
    background: transparent url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/blank.gif);
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0
}

#fancybox-right {
    right: 0
}

#fancybox-left-ico,#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -60px
}

#fancybox-left:hover,#fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox-x.png)
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -162px
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox-y.png);
    background-position: -20px 0
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -182px
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox-x.png);
    background-position: 0 -20px
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -142px
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox-y.png)
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png);
    background-position: -40px -122px
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancy_title_over.png);
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px
}

#fancybox-title-float-wrap {
    border: 0;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: 0;
    white-space: nowrap
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png) -40px -90px no-repeat
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: 700;
    padding: 0 0 3px;
    background: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox-x.png) 0 -40px
}
#features-detail-center {
    max-width: 1020px;
    margin: 20px auto 0;
    color: #585858;
    background: #f5f5f5;
}
div#feedback {
    height: 120px;
    left: -1px;
    position: fixed;
    top: 300px;
    width: 43px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(/web/20140522013638im_/http://static.iconosquare.com/images/fancybox/fancybox.png) -55px -90px no-repeat
}

.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_close.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-left-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_nav_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-right-ico {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_nav_right.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-over {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_title_over.png', sizingMethod='scale');
    zoom:1}

.fancybox-ie6 #fancybox-title-float-left {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_title_left.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-main {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_title_main.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-title-float-right {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancybox/fancy_title_right.png', sizingMethod='scale')
}

.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame {
    height: expression(this.parentNode.clientHeight+"px")
}

#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2 :document.body.clientHeight/2)+(ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop))+'px')
}

#fancybox-loading.fancybox-ie6 div {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale')
}

.fancybox-ie .fancybox-bg {
    background: transparent!important
}

.fancybox-ie #fancybox-bg-n {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-ne {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-e {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-se {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-s {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-sw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-w {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale')
}

.fancybox-ie #fancybox-bg-nw {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale')
}

div#fancybox-content.fancyBoxSettings {
    background-color: #f5f5f5;
    padding: 40px;
    font-size: 13px;
    width: 470px
}

div#fancybox-content.fancyBoxSettings h1#title-welcome-back {
    color: #252525;
    font-size: 26px;
    width: 300px;
    float: left;
    font-weight: 100
}

div#fancybox-content.fancyBoxSettings h1#title-new-user {
    color: #252525;
    font-size: 26px;
    width: 300px;
    float: left;
    font-weight: 100
}

div#fancybox-content.fancyBoxSettings div#border-title-welcome-back {
    margin: 18px 0 0;
    width: 100px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: right
}

div#fancybox-content.fancyBoxSettings div#border-title-new-user {
    margin: 18px 0 0;
    width: 160px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: right
}

div#fancybox-content.fancyBoxSettings form {
    margin: 25px 0 0
}

div#fancybox-content.fancyBoxSettings form input[type=checkbox] {
    margin: 8px 10px 0 0
}

div#fancybox-content.fancyBoxSettings div#border-bt-save-settings {
    margin: 16px 0 0 12px;
    width: 280px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: left
}

div#fancybox-content.fancyBoxRemove {
    background-color: #f5f5f5;
    padding: 15px;
    font-size: 12px;
    width: 470px
}

div#fancybox-content.fancyBoxRemove h1#title-welcome-back {
    color: #7F7362;
    font-size: 26px;
    text-shadow: 0 1px 0 #FFF;
    width: 350px;
    float: left
}

div#fancybox-content.fancyBoxRemove h1#title-new-user {
    color: #7F7362;
    font-size: 26px;
    text-shadow: 0 1px 0 #FFF;
    width: 300px;
    float: left
}

div#fancybox-content.fancyBoxRemove div#border-title-welcome-back {
    margin: 18px 0 0;
    width: 100px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: right
}

div#fancybox-content.fancyBoxRemove div#border-title-new-user {
    margin: 18px 0 0;
    width: 160px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: right
}

div#fancybox-content.fancyBoxRemove form {
    clear: both;
    float: left;
    margin: 25px 0 0
}

div#fancybox-content.fancyBoxRemove form input[type=checkbox] {
    margin: 8px 10px 0 0
}

div#fancybox-content.fancyBoxRemove div#border-bt-save-settings {
    margin: 16px 0 0;
    width: 305px;
    height: 1px;
    border-top: 1px solid #B7B09F;
    background-color: #E1DDD4;
    float: left
}

h1,h2,h3 {
    font-weight: 100 !im;
}

h1 {
    font-size: 40px
}

a {
    text-decoration: none;
    border: 0
}

.clear {
    clear: both
}

.bold {
    font-weight: 700
}

.nomargin {
    margin: 0
}

.mobile-show {
    display: none
}

.snapshots {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
    max-width: 856px;
    max-height: 366px;
    width: 100%
}

.tobottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.center {
    text-align: center
}

.title-big {
    max-width: 730px;
    text-align: center;
    margin: 0 auto;
    font-size: 54px;
    padding-top: 70px
}

.title-big.mobile-show {
    font-size: 48px;
    margin-bottom: 130px
}

.bouton {
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 11px 9px;
    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-red {
    background-color: #de2154
}

.bt-red:hover {
    background-color: #ce1e4d
}

.bt-black {
    background-color: #585858
}

.bouton .prepend {
    margin-right: 10px;
    line-height: 18px;
    position: relative;
    top: 7px;
    display: inline;
    height: auto!important
}

#key-metrics {
    background: url('../image/mosaic.jpg') repeat center top #000;
    color: #fff;
    height: 761px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.ombre {
    height: 130px;
    width: 100%;
    position: absolute;
    bottom: 0;
    -webkit-box-shadow: inset 0 -63px 72px -26px rgba(0,0,0,.8);
    -moz-box-shadow: inset 0 -63px 72px -26px rgba(0,0,0,.8);
    box-shadow: inset 0 -63px 72px -26px rgba(0,0,0,.8)
}

#key-metrics h2 {
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
    color: #bababa
}

#key-metrics h3 {
    font-size: 30px;
    text-align: center;
    color: #fff
}

#sharingz {
    background: #f5f5f5;
    height: 80px;
    color: #252525;
    padding: 50px 0;
    text-align: center
}

#sharingz h4 {
    font-weight: 100;
    font-size: 24px;
    display: block;
    margin: 0 auto;
    height: 27px;
    line-height: 15px
}

#sharingz .icon-contain {
    line-height: 66px
}

#sharingz .icon-contain a {
    color: #585858;
    font-family: Statifont;
    font-size: 60px;
    padding: 0 9px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#sharingz .icon-contain a:hover {
    color: #202629
}

.uppercase {
    text-transform: uppercase;
    font-size: 12px;
    color: #BABABA;
    font-weight: 300;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    position: relative;
    top: 4px
}

.share-snippet a {
    color: #c7cdd1;
    font-family: Statifont;
    font-size: 40px;
    padding: 0 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 37px;
    height: 37px;
    display: inline-block
}

.share-snippet a:hover {
    color: #98a6af
}

.share-snippet {
    position: absolute;
    right: 0;
    top: -3px;
    height: 40px
}

#instagram-confortable {
    background: #fff;
    padding: 0 0 50px;
    z-index: 2
}

#instagram-confortable h1 {
    color: #252525
}

#instagram-confortable #list-features {
    list-style: none;
    margin: 30px 0 50px;
    padding: 0
}

#instagram-confortable li {
    display: block;
    text-align: center;
    margin: 0 1.5%;
    width: 13%;
    float: left
}

#instagram-confortable li span {
    background: #63ca60;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 55px;
    color: #fff
}

#instagram-confortable li p {
    margin: 10px 0 0;
    font-size: 16px;
    color: #585858
}

#instagram-confortable li span.view-photo {
    line-height: 60px
}

#instagram-confortable li span.like-photos {
    line-height: 68px
}

#instagram-confortable li span.post-comments {
    line-height: 67px
}

#instagram-confortable li span.popular-photos {
    line-height: 68px
}

#instagram-confortable li span.photo-of-you {
    line-height: 71px
}

#instagram-confortable li span.follow-people {
    line-height: 62px
}

#search-user-hashtag {
    z-index: 3;
    background: url('../image/stream@2x.jpg') repeat center top;
    height: 197px;
    padding-top: 140px;
    background-size: cover
}

#search-user-hashtag #prepend-search {
    position: relative;
    width: 396px;
    margin: 0 auto
}

#search-user-hashtag #prepend-search #search {
    width: 300px;
    display: block;
    height: 31px;
    padding: 11px 25px 5px 69px;
    margin-bottom: 20px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FBFBFB;
    border: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,1),0 0 11px -2px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,1),0 0 11px -2px rgba(0,0,0,.3);
    box-shadow: inset 0 1px 1px rgba(255,255,255,1),0 0 11px -2px rgba(0,0,0,.3);
    -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;
    font-family: MuseoSans,Tahoma,Helvetica,Arial,"Microsoft Yahei","å¾®è½¯é›…é»‘",STXihei,"åŽæ–‡ç»†é»‘",sans-serif;
    font-size: 16px;
    color: #585858;
    font-weight: 500
}

#search-user-hashtag #prepend-search #search:focus {
    outline: 0
}

#search-user-hashtag #prepend-search #bt-search {
    background: transparent;
    border: 0;
    position: absolute;
    top: 2px;
    right: 9px;
    line-height: 40px;
    cursor: pointer;
    color: #d7d7d7;
    z-index: 999999999;
    -webkit-appearance: none;
    width: 28px;
    height: 42px
}

#search-user-hashtag #prepend-search span {
    position: absolute;
    left: 10px;
    color: #d7d7d7;
    z-index: 1000;
    top: 1px
}

#search-user-hashtag #prepend-search .picto-small {
    font-size: 36px;
    letter-spacing: -4px
}

#statigram-today {
    padding: 0 0 50px
}

#statigram-today table {
    margin: 25px 0 35px
}

#statigram-today fb-like {
    margin-top: 4px
}

#statigram-today .bloc-today {
    width: 26%;
    height: 90%;
    padding: 0 3% 0 2%;
    border-left: 1px solid #e3e3e3;
    display: inline-block;
    margin-left: 2%;
    margin-top: 30px;
    font-size: 16px;
    color: #585858
}

#statigram-today .bloc-today:last-child {
    padding-right: 0
}

#statigram-today .bloc-today p {
    margin: 0
}

#statigram-today .bloc-today .chiffre-bleu {
    color: #3b96d4;
    font-size: 50px;
    font-weight: 900;
    display: inline-block;
    font-family:museo_sans900;
}

#statigram-today .bloc-today .legende-chiffre-bleu {
    display: inline-block;
    line-height: 16px
}

#statigram-today .bloc-today .legende-chiffre-bleu.last {
    line-height: 19px
}

#statigram-today .bloc-today .infos-bottom {
    margin-top: 50px
}

#statigram-today .bloc-today .chiffre-marron {
    font-size: 30px;
    font-weight: 900;
    font-family: museo_sans900;
}

#statigram-today .bloc-today .infos-bottom.first {
    margin-top: 50px
}

#hootsuite-testimonial {
    background: #ebb836;
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding: 30px 10px;
    font-weight: 100
}

#hootsuite-testimonial b {
    font-size: 16px
}

#promote-account {
    padding: 0 0 65px;
    background: #fff
}

#promote-account h2 {
    font-size: 16px;
    color: #585858;
    margin: 20px 0 30px
}

#promote-account-bt-mobile,#promote-account-visuals-mobile {
    display: none
}

#promote-account #promote-account-visuals {
    margin: 20px 0 30px;
    position: relative
}

#promote-account #promote-account-visuals #background {
    width: 100%;
    max-width: 888px
}

#promote-account #promote-account-visuals-mobile img {
    width: 100%;
    max-width: 564px
}

#promote-account-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 888px;
    height: 100%
}

#promote-account-nav span {
    position: absolute
}

#promote-account-nav #greysanatomy {
    top: 1%;
    right: 1%
}

#promote-account-nav #candycrush {
    top: 11%;
    right: 19%
}

#promote-account-nav #puma {
    top: 23%;
    right: -2%
}

#promote-account-nav #chelseafc {
    top: 28%;
    right: 17%
}

#promote-account-nav #victoriassecret {
    top: 39%;
    right: 3%
}

#promote-account-nav #snoopdogg {
    top: 51%;
    right: 15%
}

#promote-account-nav #nba {
    top: 61%;
    right: -2%
}

#promote-account-nav #levis {
    top: 69%;
    right: 16%
}

#promote-account-nav #fergie {
    top: 73%;
    right: -14%
}

#promote-account-nav #lakers {
    top: 86%;
    right: -1%
}

#promote-account-nav #ladyantebellum {
    top: 13%;
    right: -14%
}

#promote-account-nav #nike {
    top: 84%;
    right: 22%
}

#promote-account-nav #therollingstones {
    top: 49%;
    right: -14%
}

#engage-audience {
    padding: 0 0 1px;
    background: #202629;
    color: #fff;
    position: relative
}

#engage-audience p {
    color: #bababa
}

#engage-audience-mobile {
    display: none
}

#engage-audience .title-big {
    max-width: 890px
}

#engage-audience .slides_container {
    height: 600px
}

#engage-audience .slides_container .slide {
    text-align: center;
    max-width: 1020px;
    width: 100%
}

#engage-audience .slides_container #slide-1 img {
    margin: 40px 0 0;
    width: 98%;
    max-width: 845px
}

#engage-audience .slides_container #slide-1 .title-big {
    padding-top: 50px
}

#engage-audience .slides_container .bouton {
    margin-top: 25px;
    display: inline-block
}

#engage-audience .pagination {
    margin: 30px 0 50px 10px;
    padding: 0;
    list-style: none
}

#engage-audience .pagination li {
    display: inline-block;
    margin-right: 10px
}

#engage-audience .pagination a {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #454545;
    color: #454545;
    text-indent: -9999em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: 0
}

#engage-audience .pagination a:hover {
    color: #fff;
    background-color: #fff
}

#engage-audience .pagination .current a {
    background-color: #fff;
    color: #fff
}

#engage-audience .slider-start-campaign {
    position: absolute;
    bottom: 40px;
    left: 400px
}

#engage-audience #slide-1 .manymore {
    margin-top: 27px
}

#engage-audience #slide-2 img {
    margin-top: 60px;
    width: 100%;
    max-width: 1016px
}

#engage-audience #slide-2 .bouton {
    margin-top: 45px
}

#engage-audience #slide-3 .communities-bloc {
    display: inline-block;
    width: 41%;
    margin: 70px 0 0 5%
}

#engage-audience #slide-3 .title {
    font-weight: 700;
    font-size: 16px;
    margin-right: 20px
}

#engage-audience #slide-3 p {
    float: left;
    margin: 5px 0 0;
    max-width: 68%;
    text-align: left;
    font-size: 14px
}

#engage-audience #slide-3 .picto {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    line-height: 55px;
    color: #fff
}

#engage-audience #slide-3 .ig {
    background: #1873ac;
    line-height: 68px
}


#engage-audience #slide-3 .fb {
    background: #254d9c;
    line-height: 68px
}

#engage-audience #slide-3 .communitie {
    background: #3180fb;
    line-height: 58px
}

#engage-audience #slide-3 .tw {
    background: #2eafed;
    line-height: 64px
}

#engage-audience #slide-3 .bouton {
    margin-top: 80px
}

#engage-audience #slide-4 h1 {
    margin-bottom: 10px;
    padding-top: 50px
}

#engage-audience #slide-5 h1 {
    margin-bottom: 30px
}

#engage-audience #slide-4 .left,#engage-audience #slide-5 .left {
    float: left;
    width: 43%;
    text-align: left;
    margin: 32px 0 0
}

#engage-audience #slide-5 .left {
    margin: 50px 0 0
}

#engage-audience #slide-4 img,#engage-audience #slide-5 img {
    float: right;
    margin: 50px 1% 0 0;
    width: 55%;
    max-width: 545px
}

#engage-audience #slide-5 p {
    margin: 0
}

#engage-audience #slide-5 p.download {
    margin-top: 40px
}

#engage-audience #slide-5 ul {
    padding: 0;
    font-size: 12px;
    color: #bababa
}

#engage-audience #slide-5 li {
    list-style: none
}

#engage-audience #slide-5 .picto {
    font-size: 20px;
    margin-right: 5px;
    color: #454545
}

#engage-audience #slide-5 .bouton {
    margin-top: 12px
}

#engage-audience #slide-6 h1 {
    padding-top: 50px
}

#engage-audience #slide-6 .imgslide {
    width: 100%;
    max-width: 1019px
}

#engage-audience #slide-6 .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 66px;
    height: 66px
}

#engage-audience .swatch-logo {
    width: 78px;
    height: 14px
}

#engage-audience .sony-logo {
    width: 66px;
    height: 12px
}

.ht {
    max-width: 143px;
    max-height: 59px
}

#engage-audience #slide-6 .brand-logo {
    position: absolute;
    top: 17px;
    right: 0
}

#engage-audience #slide-6 .left,#engage-audience #slide-6 .right {
    width: 37%;
    padding-left: 8%;
    text-align: left;
    position: relative;
    margin-top: 25px
}

#engage-audience #slide-6 .left {
    float: left;
    margin-left: 1%
}

#engage-audience #slide-6 .right {
    float: right;
    margin-right: 1%
}

#engage-audience #slide-6 .name {
    color: #3b96d4;
    font-weight: 700;
    margin-bottom: 0
}

#engage-audience #slide-6 .job {
    font-weight: 300;
    margin-top: 0
}

#engage-audience #slide-6 .testimonial {
    font-size: 14px
}

#engage-audience #slide-6 .firstline {
    margin: 15px 0 5px
}

#engage-audience #slide-6 .secondline {
    margin: 0 0 15px
}

#engage-audience #slide-6 .bouton {
    margin-top: 35px
}

#browse-contests {
    padding: 0 0 65px
}

#contests-home-container {
    margin: 30px 0 10px;
    display: inline-block;
    width: 100%
}

#manage-conversations {
    background: url('../image/manage-conversation.jpg') no-repeat center top;
    color: #fff;
    height: 711px;
    padding: 30px 0;
    background-size: cover
}

#manage-conversations h1 {
    margin: 14% 0 1% 5%;
    font-size: 54px;
    display: inline-block
}

#manage-conversations h2 {
    line-height: 1.6;
    font-size: 16px;
    margin: 0 0 5% 5%
}

#manage-conversations a {
    margin-left: 5%
}

#analyse {
    padding: 0 0 65px
}

#analyse h2 {
    font-size: 16px;
    color: #585858
}

#analyse #list-stats {
    list-style: none;
    margin: 30px 0 50px;
    padding: 0
}

#analyse #list-stats li {
    display: inline-block;
    text-align: center;
    width: 29%;
    padding: 2%;
    vertical-align: top
}

#analyse #list-stats li p.title {
    font-weight: 700;
    margin: 0 0 10px;
    color: #585858;
    font-size: 16px
}

#analyse #list-stats li p.content {
    font-size: 12px;
    color: #585858
}

#analyse .pagination a {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    background-color: #E0E0E0;
    color: #E0E0E0
}

#analyse .pagination .current a {
    background-color: #AFAFAF;
    color: #AFAFAF
}

#analyse #list-stats .pagination li {
    width: 10px;
    padding: 5px
}

.fancyImg {
    position: relative
}

.overlay-analyze {
    position: absolute;
    top: -97px;
    left: 0;
    width: 183px;
    height: 114px;
    background-color: rgba(59,150,212,.7);
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    color: rgba(255,255,255,.7);
    font-size: 59px;
    font-family: Statifont;
    line-height: 111px;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fancyImg:hover .overlay-analyze {
    opacity: 1
}

#statigram-team {
    background: #63ca60;
    color: #fff;
    font-size: 26px;
    font-weight: 100;
    text-align: center;
    padding: 30px 10px
}

#statigram-team b {
    font-size: 16px
}

#statigram-on-hootsuite {
    background: #e8e8e8;
    color: #585858;
    padding: 20px 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#statigram-on-hootsuite .container * {
    float: left
}

#statigram-on-hootsuite .container p {
    margin: 20px 0 0 20px
}

#statigram-on-hootsuite .container a {
    float: right;
    margin-top: 12px
}

.bt-black:hover {
    background: #444
}

#features-detail-content {
    padding: 0;
    background: 0;
    position: relative
}

.center .bt-instagram {
    margin: 0 auto
}

#statigram-today,#browse-contests,#analyse {
    background: #fff
}

.analyse-img {
    width: 100%;
    max-width: 183px
}

.conteneur-button {
    text-align: center
}

.mobile-terms {
    display: none
}

a,img {
    border: 0
}

.pr-grey {
    width: 176px;
    height: 72px
}

.pr-candy {
    width: 189px;
    height: 72px
}

.pr-lady {
    width: 156px;
    height: 51px
}

.pr-puma {
    width: 122px;
    height: 63px
}

.pr-chelsea {
    width: 146px;
    height: 63px
}

.pr-victoria {
    width: 172px;
    height: 63px
}

.pr-snoop {
    width: 158px;
    height: 72px
}

.pr-rolling {
    width: 171px;
    height: 51px
}

.pr-nba {
    width: 136px;
    height: 63px
}

.pr-levis {
    width: 131px;
    height: 63px
}

.pr-fergie {
    width: 134px;
    height: 72px
}

.pr-nike {
    width: 115px;
    height: 51px
}

.pr-lakers {
    width: 135px;
    height: 63px
}

.f3-col {
    width: 30%;
    padding-right: 3%;
    float: left;
    margin-bottom: 20px
}

#promote-account-nav span.retina {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 100000
}

#promote-account-nav span.retina:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

#promote-account-nav span i {
    position: absolute;
    font-size: 12px;
    font-style: normal;
    color: #3b96d4;
    font-weight: 700;
    font-family: museo_sans700;
}

#promote-account-nav #greysanatomy i {
    left: 91px;
    top: 37px
}

#promote-account-nav #candycrush i {
    left: 92px;
    top: 39px
}

#promote-account-nav #ladyantebellum i {
    left: 70px;
    top: 27px
}

#promote-account-nav #puma i {
    left: 81px;
    top: 34px
}

#promote-account-nav #chelseafc i {
    left: 81px;
    top: 32px
}

#promote-account-nav #victoriassecret i {
    left: 81px;
    top: 33px
}

#promote-account-nav #snoopdogg i {
    left: 90px;
    top: 36px
}

#promote-account-nav #therollingstones i {
    left: 67px;
    top: 26px
}

#promote-account-nav #nba i {
    left: 81px;
    top: 33px
}

#promote-account-nav #levis i {
    left: 80px;
    top: 32px
}

#promote-account-nav #fergie i {
    left: 91px;
    top: 36px
}

#promote-account-nav #nike i {
    left: 71px;
    top: 26px
}

#promote-account-nav #lakers i {
    left: 81px;
    top: 32px
}

#search-user-hashtag #prepend-search #bt-search {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#search-user-hashtag #prepend-search #bt-search.red,#search-user-hashtag #prepend-search #bt-search:hover,#search-user-hashtag #search:focus+#bt-search {
    color: #ce1e4d
}

#fancybox-content {
    padding: 12px;
    background-color: #fff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    #search-user-hashtag {
        z-index:3;
        background: url('../image/stream@2x.jpg') repeat center top;
        height: 197px;
        padding-top: 140px;
        background-size: cover
    }

    #manage-conversations {
        color: #fff;
        background: url(/web/20140522013638im_/http://static.iconosquare.com/images/home2/manage-conversation@2x.jpg) no-repeat center top;
        color: #fff;
        height: 711px;
        padding: 30px 0;
        background-size: cover
    }

    #key-metrics {
        background: url('../image/mosaic@2x.jpg') repeat center top #000;
        color: #fff;
        height: 761px;
        z-index: 1;
        position: relative;
        -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }

    .bt-instagram {
        border: 1px solid #222
    }
}

.directory-bloc-detailedhtml {
    -webkit-text-size-adjust: none
}

.directory-bloc-detailed {
    color: #585858;
    position: relative;
    float: left;
    width: 30.25%;
    background-color: #fff;
    -moz-box-shadow: 0 1px 7px -1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 7px -1px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 7px -1px rgba(0,0,0,.2);
    box-shadow: 0 1px 7px -1px rgba(0,0,0,.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#848076, Direction=180, Strength=10);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 1.4;
    margin: 0 4.5% 30px 0;
    height: 535px
}

.directory-footer {
    position: absolute;
    bottom: 0;
    width: 100%
}

.directory-bloc-detailed:nth-child(3n) {
    margin-right: 0
}

.directory-bloc-detailed .directory-pic300,#preview-directory .directory-pic300 {
    width: 100%;
    max-height: 299px;
    background-color: #465058;
    display: block;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.directory-bloc-detailed .directory-pic300 img,#preview-directory .directory-pic300 img {
    width: 100%;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0
}

.directory-bloc-detailed .directory-infos,#preview-directory .directory-infos {
    padding: 30px 0 5px;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    background-color: #fff;
    width: 309px;
    word-wrap: break-word
}

.directory-bloc-detailed .directory-infos .picto-small,#preview-directory .directory-infos .picto-small {
    color: #d7d7d7
}

.directory-bloc-detailed .directory-infos .directory-title,#preview-directory .directory-infos .directory-title {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 700;
    color: #de2154;
    display: inline-block
}

.directory-bloc-detailed .directory-title,#preview-directory .directory-title,.directory-bloc-detailed .directory-dotations,#preview-directory .directory-dotations {
    padding: 0 10px 0 15px
}

.directory-bloc-detailed .directory-endsin,#preview-directory .directory-endsin {
    margin-left: 15px
}

.directory-bloc-detailed hr,#form-contest #preview-directory hr {
    background-color: #ececec;
    height: 1px
}

.directory-bloc-detailed .directory-infos .directory-dotations,#preview-directory .directory-infos .directory-dotations {
}

.directory-bloc-detailed .directory-infos .directory-endsin,#preview-directory .directory-infos .directory-endsin {
    width: 41%;
    float: left
}

.directory-bloc-detailed .directory-infos .directory-opento,#preview-directory .directory-infos .directory-opento {
    width: 52%;
    float: left
}

.directory-bloc-detailed .directory-infos .directory-endsin,#preview-directory .directory-infos .directory-endsin {
    margin-right: 1%
}

.directory-bloc-detailed .directory-infos .directory-endsin .picto-small,.directory-bloc-detailed .directory-infos .directory-opento .picto-small,#preview-directory .directory-infos .directory-endsin .picto-small,#preview-directory .directory-infos .directory-opento .picto-small {
    float: left
}

.directory-bloc-detailed .directory-infos .directory-endsin .picto-small,.directory-bloc-detailed .directory-infos .directory-opento .picto-small,#preview-directory .directory-infos .directory-endsin .picto-small,#preview-directory .directory-infos .directory-opento .picto-small {
    margin-right: 5px;
    height: 17px!important;
    display: inline-block;
    line-height: 23px;
    font-size: 30px
}

.directory-bloc-detailed .directory-infos .directory-list-pays,#preview-directory .directory-infos .directory-list-pays {
    float: left;
    width: 80%;
    margin-top: 5px;
    height: 30px
}

.directory-bloc-detailed .directory-infos .directory-endsin-text {
    line-height: 26px;
    vertical-align: top
}

.directory-bloc-detailed hr,#general-content #form-contest hr {
    border: 0;
    height: 1px;
    background: #EAEAEA;
    margin-top: 30px;
    margin-bottom: 10px
}

.tooltipContest {
    border-radius: 5px;
    border: 0;
    background: #202629;
    color: #bababa;
    font-family: MuseoSans,Tahoma,Helvetica,Arial,"Microsoft Yahei","å¾®è½¯é›…é»‘",STXihei,"åŽæ–‡ç»†é»‘",sans-serif;
    font-weight: 300;
    position: absolute
}

.tooltipContest .tooltipster-content {
    font-size: 13px;
    line-height: 16px;
    padding: 10px
}

.tooltipContest2 {
    border-radius: 5px;
    border: 0;
    background: #202629;
    color: #bababa;
    font-family: MuseoSans,Tahoma,Helvetica,Arial,"Microsoft Yahei","å¾®è½¯é›…é»‘",STXihei,"åŽæ–‡ç»†é»‘",sans-serif;
    font-weight: 300
}

.tooltipContest2 .tooltipster-content {
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
    width: 415px
}

.tooltipContest3 {
    border-radius: 5px;
    border: 0;
    background: #fff;
    color: #585858;
    font-family: MuseoSans,Tahoma,Helvetica,Arial,"Microsoft Yahei","å¾®è½¯é›…é»‘",STXihei,"åŽæ–‡ç»†é»‘",sans-serif;
    font-weight: 300;
    border: 1px solid rgba(0,0,0,.1)
}

.tooltipContest3 .tooltipster-content {
    font-size: 11px;
    line-height: 14px;
    padding: 10px;
    width: 200px
}

@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: 830px) {
    .directory-bloc-detailed .directory-infos .directory-endsin {
        width:100%
    }

    .directory-bloc-detailed .directory-infos .directory-opento {
        width: 100%;
        margin-top: 10px
    }
}

@media only screen and (max-width: 640px) {
    .directory-bloc-detailed {
        width:100%;
        margin: 0 0 20px;
        padding: 0;
        font-size: 12px;
        height: auto
    }

    .directory-bloc-detailed .directory-pic300 {
        width: 43%;
        float: left;
        margin-right: 3%;
        margin-bottom: 0
    }

    .directory-bloc-detailed .directory-infos {
        float: left;
        width: 54%;
        padding: 5px 0
    }

    .directory-bloc-detailed .directory-footer {
        position: absolute;
        bottom: 0;
        width: 54%
    }
}

@media only screen and (max-width: 320px) {
    .directory-bloc-detailed {
        font-size:10px
    }

    .directory-bloc-detailed .directory-infos .directory-title {
        margin-bottom: 0
    }

    .directory-bloc-detailed hr {
        margin: 0
    }

    .directory-bloc-detailed .directory-infos .directory-opento {
        margin-top: 0
    }

    .directory-bloc-detailed .directory-footer {
        position: initial;
        width: 100%
    }

    .directory-bloc-detailed .directory-infos .directory-dotations,#preview-directory .directory-infos .directory-dotations,.directory-bloc-detailed .directory-dotations {
        height: auto
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .directory-bloc-detailed .flagNew,.directory-bloc-rewards .flagNew {
        background-image:url(/web/20140522013638im_/http://static.iconosquare.com/images/contests/new2.png);
        background-size: 50%;
        top: -6px;
        right: -52px
    }

    .directory-bloc-detailed .flagNotseen,.directory-bloc-rewards .flagNotseen {
        background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/contests/not-seen2.png);
        background-size: 50%;
        top: -6px;
        right: -52px
    }
}

body * {
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 29, 2024 */



@font-face {
    font-family: 'museo_sans500_italic';
    src: url('../font/museosans_500_italic-webfont.woff2') format('woff2'),
         url('../font/museosans_500_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans500';
    src: url('../font/museosans_500-webfont.woff2') format('woff2'),
         url('../font/museosans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans700';
    src: url('../font/museosans_700-webfont.woff2') format('woff2'),
         url('../font/museosans_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans900';
    src: url('../font/museosans_900-webfont.woff2') format('woff2'),
         url('../font/museosans_900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans100';
    src: url('../font/museosans-100-webfont.woff2') format('woff2'),
         url('../font/museosans-100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans100_italic';
    src: url('../font/museosans-100italic-webfont.woff2') format('woff2'),
         url('../font/museosans-100italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans300';
    src: url('../font/museosans-300-webfont.woff2') format('woff2'),
         url('../font/museosans-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans300_italic';
    src: url('../font/museosans-300italic-webfont.woff2') format('woff2'),
         url('../font/museosans-300italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans700_italic';
    src: url('../font/museosans-700italic-webfont.woff2') format('woff2'),
         url('../font/museosans-700italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans900_italic';
    src: url('../font/museosans-900italic-webfont.woff2') format('woff2'),
         url('../font/museosans-900italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'static_bold_italicbold_italic';
    src: url('./font/static_bold_italic-webfont.woff2') format('woff2'),
         url('./font/static_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'static_boldbold';
    src: url('../font/static_bold-webfont.woff2') format('woff2'),
         url('../font/static_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'static_italicitalic';
    src: url('../font/static_italic-webfont.woff2') format('woff2'),
         url('../font/static_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'staticregular';
    src: url('../font/static-webfont.woff2') format('woff2'),
         url('../font/static-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    -webkit-text-size-adjust: none
}

body {
    background: #f5f5f5;
    font-family:museo_sans300 !important;
    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: staticregular;
    font-size: 40px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.picto {
    font-family: static_boldbold;
    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;
    font-family:museo_sans900;
}

.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/20140522013638im_/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: 2r5px;
    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/20140522013638im_/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: 25px;
}

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%
    }
    /* footer{
        position: relative;
        z-index: 999;
    } */
}

@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
    }
footer .footer-column.size1 {
    width: 25%
}
}

@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/20140522013638im_/http://static.iconosquare.com/images/contests/new2.png);
        background-size: 50%;
        top: -6px;
        right: -52px
    }

    .directory-bloc-detailed .flagNotseen,.directory-bloc-rewards .flagNotseen {
        background-image: url(/web/20140522013638im_/http://static.iconosquare.com/images/contests/not-seen2.png);
        background-size: 50%;
        top: -6px;
        right: -52px
    }
}

.container {
    width: auto
}

@media only screen and (max-width: 1040px) {
    #milestones-wrapper .left-container,#milestones-wrapper .right-container {
        width:100%;
        text-align: center;
        float: none;
        border: 0;
        height: auto;
        max-width: 100%
    }

    #milestones-wrapper .left-1 {
        margin-top: 0
    }

    #milestones-wrapper .left,#milestones-wrapper .right {
        width: 100%;
        float: none;
        padding: 0 0 50px;
        text-align: center;
        margin: 0 auto
    }

    #milestones-wrapper .left .dot,#milestones-wrapper .left .star,#milestones-wrapper .right .dot,#milestones-wrapper .right .star {
        display: none
    }

    #our-story-wrapper .left {
        width: 52%;
        padding: 45px 5% 0
    }

    #our-story-wrapper .right {
        width: 30%;
        padding: 45px 5% 0 0
    }

    #our-team-wrapper a span.username {
        display: none
    }
}

@media only screen and (max-width: 1039px) {
    #searchForm3 #getSearch {
        width:74px
    }

    #conteneur-terms,#join-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 989px) {
    #features-detail-content {
        padding:2%
    }

    #features-detail-center {
        margin-top: 0
    }

    #statigram-today .bloc-today {
        font-size: 14px
    }

    #statigram-today .bloc-today .chiffre-bleu {
        font-size: 32px
    }

    #instagram-confortable li p {
        font-size: 13px
    }

    body {
        width: 100%;
        height: 100%;
        /* overflow: hidden */
    }

    body.no-overflow {
        overflow: visible
    }

    .scrollable {
        overflow: auto;
        -webkit-transition-property: top,bottom;
        transition-property: top,bottom;
        -webkit-transition-duration: .2s,.2s;
        transition-duration: .2s,.2s;
        -webkit-transition-timing-function: linear,linear;
        transition-timing-function: linear,linear;
        -webkit-overflow-scrolling: touch
    }

    #promote-account-visuals #background {
        width: 100%
    }

    #promote-account-bt-web,#promote-account-visuals {
        display: none
    }

    #promote-account-visuals-mobile {
        display: block;
        margin-bottom: 15px
    }

    #promote-account-bt-mobile {
        display: inline-block
    }

    #engage-audience #slide-4 .left,#engage-audience #slide-5 .left {
        width: 42%;
        margin-left: 1%
    }

    #engage-audience #slide-4 .right,#engage-audience #slide-5 .right {
        width: 42%;
        margin-right: 1%
    }

    #manage-conversations {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        height: auto
    }
}

@media only screen and (max-width: 900px) {
    #statigram-today .bloc-today {
        font-size:12px
    }

    #statigram-today .bloc-today .chiffre-bleu {
        font-size: 26px
    }

    #statigram-today .bloc-today .chiffre-marron {
        font-size: 20px;
        font-weight: 900;
    }

    .fb-like {
        display: none!important
    }

    #statigram-on-hootsuite img {
        width: 90px
    }

    #statigram-on-hootsuite .container p {
        margin: 13px 0 0 20px;
        font-size: 14px
    }

    #statigram-on-hootsuite .container a {
        float: right;
        margin-top: 4px;
        font-size: 10px
    }
    footer .footer-social {
        width:100% !important;
    }
}

@media only screen and (max-width: 830px) {
    .title-big {
        font-size:36px
    }

    .title-big.mobile-show {
        font-size: 36px;
        margin-bottom: 80px
    }

    #key-metrics {
        height: 680px
    }

    #instagram-confortable li p {
        font-size: 12px
    }

    #engage-audience #slide-6 .left,#engage-audience #slide-6 .right {
        padding-left: 10%
    }
}

@media only screen and (max-width: 768px) {
    #instagram-confortable li p {
        font-size:10px
    }

    #statigram-on-hootsuite img {
        display: block;
        float: none;
        margin: 0 auto
    }

    #statigram-on-hootsuite .container p {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        margin-top: 10px
    }

    #statigram-on-hootsuite .container a {
        display: block;
        float: none;
        margin: 0 auto;
        width: 50px;
        margin-top: 10px
    }

    #statigram-on-hootsuite .container * {
        float: none
    }
}

@media only screen and (max-width: 640px) {
    .mobile-hide {
        display:none
    }

    .mobile-show {
        display: block
    }

    .f3-col {
        width: 100%
    }

    footer .title {
        font-size: 14px
    }

    footer li {
        font-size: 12px
    }

    .picto {
        font-size: 40px
    }

    footer #copyright {
        font-size: 12px
    }

    footer #copyright p {
        font-size: 12px;
        margin: 0
    }

    .fb-like {
        display: none!important
    }

    .title-big {
        font-size: 27px
    }

    #manage-conversations {
        margin-top: 0
    }

    #instagram-confortable li {
        width: 29.3%;
        margin-bottom: 20px
    }

    #instagram-confortable li span {
        width: 80px;
        height: 80px
    }

    #instagram-confortable li span.picto {
        /* font-size: 70px; */
        line-height: 70px
    }

    #instagram-confortable li span.view-photo {
        line-height: 57px
    }

    #instagram-confortable li span.follow-people {
        line-height: 60px
    }

    #search-user-hashtag {
        height: 108px;
        padding-top: 59px;
        background-size: cover
    }

    #search-user-hashtag #prepend-search {
        width: 80%
    }

    #search-user-hashtag #prepend-search #search {
        width: 100%;
        height: auto;
        font-size: 11px;
        line-height: 35px;
        padding: 8px 14px 0 48px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #search-user-hashtag #prepend-search span {
        font-size: 24px!important;
        top: 8px;
        letter-spacing: 0!important
    }

    #search-user-hashtag #prepend-search #bt-search {
        right: 2px;
        top: 0;
        font-size: 33px
    }

    .title-big.mobile-show {
        font-size: 24px
    }

    #key-metrics {
        height: 520px
    }

    #promote-account h2 {
        font-size: 18px
    }

    #engage-audience #slide-6 .left,#engage-audience #slide-6 .right {
        width: 74%;
        margin: 3% 5%;
        padding-left: 17%
    }

    #engage-audience #slide-6 .left p,#engage-audience #slide-6 .right p {
        margin: 0
    }

    #manage-conversations h1 {
        font-size: 40px
    }

    #manage-conversations h2 {
        font-size: 18px
    }

    #analyse h2 {
        font-size: 18px;
        padding: 0 10%
    }

    #analyse #list-stats li {
        padding: 0
    }

    #analyse #list-stats p.content {
        padding: 0 10%
    }

    #analyse #list-stats .pagination {
        padding: 0;
        text-align: center
    }

    .about-header h1 {
        font-size: 36px
    }

    #memories-popin {
        width: 290px;
        height: 320px
    }

    #memories-popin .close-popin {
        right: -8px;
        top: -8px
    }

    #memories-popin .close-popin img {
        width: 16px;
        height: 16px
    }

    #memories-popin .memories-title {
        padding-top: 25px
    }

    #memories-popin h1 {
        font-size: 17px
    }

    #memories-popin .memories-share-text {
        font-size: 12px;
        line-height: 18px
    }

    #footer-memories {
        height: 85px
    }

    #footer-memories .go {
        margin-top: 15px;
        padding: 12px 24px
    }

    #footer-memories .no {
        margin-top: 8px
    }

    #memories-popin .snapshot-memories {
        margin-top: 6px;
        width: 240px;
        height: 183px
    }

    #memories-popin .memories-example {
        width: 240px;
        height: 183px;
        margin-bottom: 6px
    }

    #footer-memories .no.loading-memories {
        margin-top: 4px
    }

    #memories-popin .memories-share-text.memories-thanks-generating {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 568px) {
    #statigram-today .bloc-today .chiffre-bleu {
        font-size:24px
    }
}

@media only screen and (max-width: 480px) {
    #key-metrics {
        height:430px
    }

    #hootsuite-testimonial,#statigram-team {
        font-size: 14px
    }

    #hootsuite-testimonial b,#statigram-team b {
        font-size: 13px
    }

    .title-big.mobile-show {
        font-size: 24px;
        margin-bottom: 35px
    }

    #engage-audience #slides {
        display: none
    }

    #engage-audience-mobile {
        display: block;
        padding-bottom: 10%
    }

    #engage-audience-mobile img {
        width: 96%
    }

    #manage-conversations h1 {
        font-size: 26px;
        margin-top: 0
    }

    #manage-conversations h2 {
        font-size: 12px;
        width: 50%
    }

    #our-story-wrapper .left,#our-story-wrapper .right {
        width: 90%;
        padding: 45px 5% 0
    }

    #milestones img {
        width: 100%
    }

    .about-header h1 {
        font-size: 26px;
        padding: 20px 5% 0
    }

    #our-team-wrapper table {
        width: 90%
    }

    #our-team-wrapper td {
        padding: 5%
    }

    #press-wrapper {
        padding: 10px 0 50px
    }
}

@media only screen and (max-width: 320px) {
    #search-user-hashtag #prepend-search span {
        display:none
    }

    #search-user-hashtag #prepend-search #search {
        padding: 8px 14px 0
    }

    #key-metrics {
        height: 340px
    }

    .title-big {
        padding-top: 40px
    }

    #instagram-confortable #list-features {
        margin: 30px 0 20px
    }

    #instagram-confortable {
        padding: 0 0 40px
    }

    #instagram-confortable li span {
        width: 50px;
        height: 50px
    }

    #instagram-confortable li span.picto {
        font-size: 38px;
        line-height: 49px
    }

    #instagram-confortable li span.view-photo {
        line-height: 37px
    }

    #instagram-confortable li span.view-photo {
        line-height: 41px
    }

    #instagram-confortable li span.follow-people {
        line-height: 43px
    }

    #statigram-today table {
        margin: 0
    }

    #promote-account {
        padding: 0 0 30px
    }

    #analyse #list-stats {
        list-style: none;
        margin: 30px 0 20px;
        padding: 0
    }

    .slides_container {
        height: 205px!important
    }

    #analyse {
        padding: 0 0 40px
    }

    #statigram-team {
        padding: 10px;
        padding-bottom: 20px
    }

    #statigram-today .bloc-today {
        font-size: 10px;
        height: auto
    }

    footer #copyright {
        padding-bottom: 10px
    }

    #statigram-today .bloc-today .legende-chiffre-bleu {
        line-height: 13px
    }

    #statigram-today .bloc-today .legende-chiffre-bleu.last {
        line-height: 13px
    }

    #promote-account h2 {
        font-size: 15px
    }

    .title-big.mobile-show {
        font-size: 21px;
        margin-bottom: 35px
    }

    footer .footer-social li {
        margin-right: 0
    }

    footer #copyright {
        width: 200px
    }

    footer #copyright p {
        font-size: 11px
    }
}

@media only screen and (max-width: 989px) {
    .header-desktop {
        display:none
    }

    .header-mobile {
        display: block
    }

    .snap-drawers {
        position:static;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto
    }

    .snap-drawer {
        position: static;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        width: 265px;
        height: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: width .3s ease;
        -moz-transition: width .3s ease;
        -ms-transition: width .3s ease;
        -o-transition: width .3s ease;
        transition: width .3s ease;
        height: 100vh;
    }
    body.snapjs-left {
    overflow: hidden;
}
    .share-snippet{
        display: none;
    }

    .snap-drawer-left {
        left: 0;
        z-index: 1
    }

    .snap-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        z-index: 2;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0px,0,0);
        -moz-box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
        box-shadow: 0 0 6px 2px rgba(0,0,0,.5);
        background: #fff;
    }

    .snap-drawers {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    footer .title {
        font-size:14px
    }

    footer li {
        font-size: 12px
    }

    footer .footer-column.size2 {
        margin-left: 10%
    }

    footer #copyright {
        font-size: 12px
    }

    footer #copyright p {
        font-size: 12px;
        margin: 0
    }

    .sous-menu {
        height: 0
    }
}

@media only screen and (max-width: 479px) {
    footer .footer-column {
        display:inline-grid;
    }

    .mobile-terms {
        display: block
    }

    .mobile-terms a {
        text-decoration: underline
    }

    footer #copyright {
        float: right;
        text-align: right;
        margin-top: 9px
    }
}

@media only screen and (max-width: 480px) {
    footer .footer-social {
        margin-top:14px;
        width: 35%
    }

    footer .footer-social li {
        display: inline-block;
        margin-right: 0
    }

    footer #copyright {
        width: 62%;
        line-height: 1.5
    }
}
h1.title-custom{
 max-width: 1020px;
 width: 100%;
 margin: 25px auto 0;
} 
#terms h2{
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin: 40px 0 15px;
    color: #252525;
    font-family: 'museo_sans900';
}
#terms p{
    /* padding: 25px 0; */
    color: #585858;
    font-size: 12px;
    line-height: 1.5;
}
/* blog-page-css */
.blog-page .container, .single-blog-page .container{
    width: 1170px;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
}
.blog-page-dynamic{display: flex; gap:40px;}
.blog-page .main-content{
    width:calc(80% - 20px);
}
.blog-page .sidebar{
    width:calc(20% - 20px);
    padding:30px 0 30px;
}

h2.blog-heading{
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}
h2.blog-heading a{color:#3B96D4;}
.blog-page{
    background: white;
    padding:70px 0 30px;
}
.single-blog-page{
    padding:40px 0 30px;
    background-color: #fff;
}
.single-blog-page .main-content img{
    width: 100%;
    height: 390px;
    object-fit: cover;
}
.blog-page .post {
    display: flex;
    padding:30px 0 30px;
    border-bottom:2px solid #F5F5F5;
}
.blog-page .post img {
    max-width:100%;
    height: auto;
}
.blog-page .post-content p a{
    color: #3B96D4;
    font-weight: 700;
}
.blog-page .post-content{margin-left: 20px;}
.single-blog-page .post{margin-bottom: 20px;}
.blog-page .post h2 a{
    font-size: 32px;
    margin: 0 0 20px;
    color: #292C33;
}
.blog-page .post h2{margin: 0;}
.blog-page .post-content .post p {
    font-size: 14px;
    color: #555;
    margin: 20px 0;
}
.search-bar {
    width: 100%;
    padding: 4px 20px;
    border: none;
    border-radius: 5px;
    height: 54px;
    background-color: #F5F5F5;
}
.ad-banner h3, .newsletter h3{
    margin-bottom: 20px;
    font-weight: 200 !important;
}
.ad-banner button, .newsletter button {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}
.newsletter button{
    margin:20px 0 20px;
}
.ad-banner button:hover, .newsletter button:hover {
    background: #0056b3;
}
.categories-custom ul{
    list-style: none;
    padding-inline-start: 0;
    padding-top: 12px;
    color:#202629;
    margin:0;
}
.categories-custom ul li ul li{
    padding:0 0 12px;
}
.categories-custom ul li ul li a{
    color: #3B96D4;
}
.single-blog-page h2 a{
    color: #202629;
}
.contact-form-custom{
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;

}
.contact-content img{width:100%}
.vr-input[type="text"] {
    margin: 0 0 20px !important;
}
input.vr-input, textarea.vr-input {
    padding: 18px 20px;
    border-radius: 10px;
    border: 2px solid #00000024;
    background: transparent;
    width: 100%;
    margin-bottom: 20px;
}
.contact-inner form p{margin-top:-17px;}
html .contact-form-custom p input[type="submit"] {
    border-radius: 10px;
    color: #868990 !important;
    font-weight: 700;
    background: #f6f0f0 !important;
    padding: 15px;
    border: 1px solid #cec2c2;
}


