#wall {
    padding: 0;
}
.dcsns {
    color: #ffffff;
}
#rechercheSocial {
    display: block;
    color: #000000;
    margin: 10px auto;
    max-width: 300px;
    width: 100%;
}
#dcsns-filter.dc-center {
    display: block;
    float: none;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding: 0;
}
#wall .stream {
    margin: 0 auto;
    padding: 0;
}
.stream li {
    width: 280px;
    height: 280px;

    list-style-type: none;

    font-size: 11px;

    font-family: Arial, Sans-Serif;

    line-height: 1.7em;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: inset 1px #333333;

}

.stream li .inner {

    overflow: hidden;

    padding: 0;

}

.stream li .section-thumb {

    float: left;

    margin: 0;

    position: absolute;

  width: 100%;
  height: 100%;
    max-width: 280px;

    max-height: 280px;

    overflow: hidden;

}

.stream li .section-user {

    background: none;

    position: absolute;

    bottom: 15px;

    left: 35px;

}

.stream li .section-title {

    position: absolute;

    bottom: 15px;

    left: 40px;

}

.stream li .icon {

    position: absolute;

    bottom: 10px;
  width: auto;
}

.stream li .section-text {

    display: block;

    /*position: absolute;*/

    margin: 30px;

    font-size: 1.2em;

}

.stream li.dcsns-facebook a, .stream li.dcsns-twitter a, .stream li.dcsns-youtube a, .stream li.dcsns-vimeo a, .stream li.dcsns-flickr a, .stream li.dcsns-instagram a {

    display: block;
  height: 100%;

    color: #ffffff;

    font-size: 1.1em;
  /*background-size: cover;*/
  background-position: center;

}

.stream li.dcsns-flickr .section-thumb img, .stream li.dcsns-instagram .section-thumb img, .stream li.dcsns-youtube .section-thumb img, .stream li.dcsns-vimeo .section-thumb img, .stream li.dcsns-facebook .section-thumb img {

    max-width: 100%;

    border: none;

    padding: 0;

    margin: 0;

    background: none;

}

.stream li.dcsns-flickr .section-thumb img, .stream li.dcsns-youtube .section-thumb img, .stream li.dcsns-vimeo .section-thumb img {

    /*max-width: inherit;*/

    max-height: 280px;

    min-height: 280px;

}
.stream li.dcsns-youtube .section-thumb img,
.stream li.dcsns-vimeo .section-thumb img {
  width: 134%;
  max-width: 134%;
  max-height: none;
  min-height: none;
}

.stream li.dcsns-facebook .section-intro, .stream li.dcsns-twitter .section-intro, .stream li.dcsns-youtube .section-intro, .stream li.dcsns-vimeo .section-intro, .stream li.dcsns-flickr .section-intro,.stream li.dcsns-instagram .section-intro {

    display: none;

}

/*--------TWITTER---------------------*/

.stream li.dcsns-twitter {

    /*width: 280px;

    height: 280px;*/

    padding: 15px;

    margin: 0;

    background-color: #00aaf0;

}

.stream li.dcsns-twitter .section-thumb {

    bottom: 5px;

    right: 5px;

    margin-top: 3px;

}

.stream li.dcsns-twitter .section-user {

    bottom: 15px;

    left: 45px;

}

.stream li.dcsns-twitter .twitter-user {

    position: absolute;

    bottom: 12px;

    left: 35px;

}

.stream li.dcsns-twitter .twitter-user a {

    color: #ffffff;

    text-decoration: none;

}

.stream li.dcsns-twitter .section-text {

    margin-top: 40px;

    text-align: center;

}

.stream li.dcsns-twitter .section-text:before {

    content: url("/lae/public1.0/img/mur-social/quote-gauche.png");

    position: relative;

    display: block;

    bottom: 10px;

    left: -10px;

    margin: 0 ;

    width: 20px;

    height: 20px;

    z-index: 1200;

}

.stream li.dcsns-twitter .section-text:after {

    content: url("/lae/public1.0/img/mur-social/quote-droite.png");

    position: relative;

    display: block;

    /*top:10px;*/

    left: 90%;

    margin: 0 ;

    width: 20px;

    height: 20px;

    z-index: 1200;

}

.stream li.dcsns-twitter .section-thumb img {

    border: 1px solid #ccc;

    padding: 0;

    width: 30px;

    height: 30px;

}

.stream li.dcsns-twitter .twitter-user a strong {

    color: #ffffff;

}

.stream li.dcsns-twitter a:hover {

    color: #ffffff;

}

/*--------FACEBOOK--------------*/

.stream li.dcsns-facebook {

    /*width: 280px;*/

    height: auto;

    padding: 0;

    margin: 0;

    background-color: #3a5799;

}

.stream li.dcsns-facebook .section-text {

    position: relative;

    padding: 15px;

    /*background-color: rgba(0, 0, 0, 0.56);

    bottom: 30px;*/

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    line-height: 1.2em;

    /*max-height: 17.2em;
  max-width: 218px;
  background-color: rgba(0, 0, 0, 0.5);*/

}

.stream li.dcsns-facebook .section-text a {

    color: #ffffff;

}

/*.stream li.dcsns-facebook .section-thumb img {

    //max-height: 282px;

    min-width: 280px;

    min-height: 280px;

}*/

.stream li.dcsns-facebook .section-thumb {
  position: relative;
  width: 100%;
  height: 100%;

    /*bottom: 5px;

    right: 5px;

    margin-top: 3px;*/

}

.stream li.dcsns-facebook .section-thumb img {

    border: 1px solid #ccc;

    padding: 0;

    /*width: 30px;

    height: 30px;*/
  width: 100%;
  height: auto;

}

/*----------YOUTUBE---------------*/

.stream li.dcsns-youtube {

    /*width: 280px;

    height: 280px;*/

    margin: 0;

    padding: 0;

    background-color: #e32809;

}

/*.stream li.dcsns-youtube .section-thumb a:after {

    content: url("/lae/public1.0/img/mur-social/youtube.png");

    position: relative;

    display: block;

    top:-180px;

    margin: 0 auto;

    width: 80px;

    height: 80px;

    z-index: 1200;

}*/

.stream li.dcsns-youtube .section-thumb img.playerYt {

    top: 110px;

    left: 100px;

    position: absolute;

    width: 70px;

    height: 70px;

    min-height: initial;

    margin: 0 auto;

}

.user-youtube {

    display: none;

}

/*----------VIMEO---------------*/

.stream li.dcsns-vimeo {

    /*width: 280px;

    height: 280px;*/

    margin: 0;

    padding: 0;

    background-color: #00adef;

}

/*.stream li.dcsns-vimeo .section-thumb a:after {

    content: url("/lae/public1.0/img/mur-social/vimeo.png");

    position: relative;

    display: block;

    top:-180px;

    margin: 0 auto;

    width: 80px;

    height: 80px;

    z-index: 1200;

}*/

.stream li.dcsns-vimeo .section-thumb img.playerVi {

    top: 110px;

    left: 100px;

    position: absolute;

    width: 70px;

    height: 70px;

    min-height: initial;

    margin: 0 auto;

}

.user-vimeo {

    display: none;

}

/*------------FLICKR------------*/

.stream li.dcsns-flickr {

    /*width: 280px;

    height: 280px;*/

    margin: 0;

    padding: 0;

    background-color: #ff0084;

}

/*-----------INSTAGRAM------------*/

.stream li.dcsns-instagram {

    /*width: 280px;

    height: 280px;*/

    margin: 0;

    padding: 0;

    background-color: #a47559;

}

.stream li.dcsns-instagram .section-text {

    display: none;

}

/*-----------MENU FILTRE--------------*/

#wall .dcsns-toolbar {

    height: 75px;

    margin-bottom: 25px;

}

.dcsns-toolbar .filter li {

    list-style-type: none;

    position: relative;

    max-width: 86px;

    /*width: 16%;*/

    width: 100%;

    height: 60px;

    display: inline-block;

}

#dcsns-filter span {

    position: absolute;

    top: 20px;

    right: 10px;

    color: #ffffff;

    text-decoration: none;

}

.dcsns-toolbar .filter li a, .dcsns-toolbar .filter .link-all {

    /*max-width: 120px;*/

    width: 100%;

    height: 60px;

    padding: 0;

    float: left;

}

.dcsns-toolbar .filter li a.iso-active:after, .dcsns-toolbar .filter li a.link-all.iso-active:after {

    content: ' ';

    position: relative;

    display: block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

}

.dcsns-toolbar .filter li a.iso-active:after {

    left:42px;

    top: 14px;

}

.dcsns-toolbar .filter li a.link-all.iso-active:after {

    left:28px;

    top: 12px;

    border-color: #0092D2 transparent transparent transparent;

}

.dcsns-toolbar .filter li img {

    margin: 18px 0 0 18px;
  width: auto;

}

.dcsns-toolbar .filter .link-all {

    color: #ffffff;

    text-transform: capitalize;

    background-color: #0092D2;

    /*max-width: 102px;

    height: 40px;*/

    padding: 20px 0 0 18px;

}

.dcsns-toolbar  .filter .f-facebook a {

    background-color: #3b5998;

}

.dcsns-toolbar  .filter .f-facebook a.iso-active:after {

    border-color: #3b5998 transparent transparent transparent;

}

.dcsns-toolbar  .filter .f-twitter a {

    background-color: #4ec2dc;

}

.dcsns-toolbar  .filter .f-twitter a.iso-active:after {

    border-color: #4ec2dc transparent transparent transparent;

}

.dcsns-toolbar  .filter .f-youtube a {

    background-color: #DF1F1C;

}

.dcsns-toolbar  .filter .f-youtube a.iso-active:after {

    border-color: #DF1F1C transparent transparent transparent;

}
.dcsns-toolbar  .filter .f-vimeo a {
  background-color: #00adef;
}
.dcsns-toolbar  .filter .f-vimeo a.iso-active:after {
  border-color: #00adef transparent transparent transparent;
}

.dcsns-toolbar  .filter .f-flickr a {

    background-color: #f90784;

}

.dcsns-toolbar  .filter .f-flickr a.iso-active:after {

    border-color: #f90784 transparent transparent transparent;

}

.dcsns-toolbar  .filter .f-instagram a {

    background-color: #a47559;

}

.dcsns-toolbar  .filter .f-instagram a.iso-active:after {

    border-color: #a47559 transparent transparent transparent;

}

.dcsns-toolbar  .filter .f-rss a {

    background-color: #E08D2D;

}

.dcsns-toolbar  .filter .f-rss a.iso-active:after {

    border-color: #E08D2D transparent transparent transparent;

}

.dcsns-toolbar  .filter .f-perso a {

    background-color: #00A700;

}

.dcsns-toolbar  .filter .f-perso a.iso-active:after {

    border-color: #00A700 transparent transparent transparent;

}

@media (max-width: 600px) {

    #dcsns-filter.dc-center {

        width: 100%;

        max-width: 394px;

        margin: 0 auto;

    }

    #dcsns-filter span {

        display: none;

    }

    .dcsns-toolbar .filter li {

        /*max-width: 60px;*/

        max-width: 62px;

        height: 60px;

    }

    .dcsns-toolbar .filter li a, .dcsns-toolbar .filter .link-all {

        /*max-width: 60px;*/

        max-width: 72px;

    }

    .dcsns-toolbar .filter li a.iso-active:after {

        left: 14px;

    }

    .dcsns-toolbar .filter li a.link-all.iso-active:after {

        top:12px;

        left: -2px;

    }

    .dcsns-toolbar .filter .link-all {

        /*max-width: 42px;*/

    }

    .dcsns-toolbar .filter .link-all {

        text-align: center;

        padding: 20px 28% 0 28%;

    }

    .dcsns-toolbar .filter li img {

        margin: 18px 28% 0 28%;

    }

}

@media (max-width: 450px) {

    #dcsns-filter.dc-center {

        max-width: 274px;

    }

    .dcsns-toolbar .filter li {

        /*width: 15%;

        max-width: 60px;*/

        width: 100%;

        max-width: 42px;

        height: 40px;

    }

    .dcsns-toolbar .filter li a, .dcsns-toolbar .filter .link-all {

        /*max-width: 60px;*/

        width: 100%;

        height: 40px;

    }

    .dcsns-toolbar .filter li img {

        margin: 20%;

    }

    .dcsns-toolbar .filter .link-all {

        /*max-width: 40px;*/

        max-width: 52px;

        padding: 20%;

    }

    .dcsns-toolbar .filter li a.link-all.iso-active:after {

        top:2px;

        left: -2px;

    }

    .dcsns-toolbar .filter li a.iso-active:after {

        top:-8px;

        left: 10px;

    }

    .stream li {

        width: 200px;

        height: 200px;

    }

    .stream li .section-text {

        font-size: 1em;

        line-height: 1.3em;

    }

    .stream li .section-user {

        left: 25px;

    }

    .stream li.dcsns-facebook a, .stream li.dcsns-twitter a, .stream li.dcsns-youtube a, .stream li.dcsns-vimeo a, .stream li.dcsns-flickr a, .stream li.dcsns-instagram a {

        font-size: 1em;

    }

    /*-------TWITTER-------*/

    .stream li.dcsns-twitter .section-text {

        margin-top: 0;

    }

    .stream li.dcsns-twitter .section-text:before, .stream li.dcsns-twitter .section-text:after {

        display: none;

    }

    /*------FACEBOOK----*/

    .stream li.dcsns-facebook .section-text {

        padding: 0;

    }

}