/* Plugin styles */

.social-feed-element.hidden {
    background-color: red !important;
}

.social-feed-element .pull-left {
    float: left;
    margin-right: 10px;
}

.social-feed-element .pull-right {
    margin-left: 10px;
}

.social-feed-element img {
    width: 100%;
    width: auto\9;
    height: auto;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.social-feed-element .attachment {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/* Link styles */
.social-feed-element a {
    color: #0088cc;
    text-decoration: none;
}

    .social-feed-element a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .social-feed-element a:hover,
    .social-feed-element a:active {
        outline: 0;
        color: #005580;
        text-decoration: underline;
    }

/* Text styles */
.social-feed-element small {
    font-size: 85%;
}

.social-feed-element strong {
    font-weight: bold;
}

.social-feed-element em {
    font-style: italic;
}

.social-feed-element p {
    margin: 0 0 10px;
}

.social-feed-element .media-body > p {
    margin: 8px 0 8px 0;
    min-height: 20px;
}

.social-feed-element p.social-feed-text {
    margin: 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

    .social-feed-element p.social-feed-text > a {
        color: #5B2330;
    }
/* Message styles */
.social-feed-element,
.social-feed-element .media-body {
    overflow: hidden;
    zoom: 1;
    *overflow: visible;
    /*max-height: 462px !important;*/
}

    .social-feed-element .media-body .social-network-icon {
        margin-top: -3px;
        margin-right: 5px;
        width: 16px;
    }

    .social-feed-element .media-body div {
        color: #666;
        line-height: 20px;
    }

    .social-feed-element:first-child {
        margin-top: 0;
    }

    .social-feed-element .media-object {
        display: block;
        width: 48px;
        border-radius: 50%;
    }

    .social-feed-element .media-heading {
        margin: 0 0 5px;
    }

    .social-feed-element .media-list {
        margin-left: 0;
        list-style: none;
    }

    .social-feed-element .muted {
        color: #999;
    }

    .social-feed-element a.muted:hover,
    .social-feed-element a.muted:focus {
        color: #808080;
    }

.social-feed-element {
    box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    /*margin: -1px;*/
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    background-color: #fff;
    color: #333;
    text-align: left;
    font-size: 14px;
    /*font-family: "Helvetica W01 Light";*/
    line-height: 16px;
    width: 300px;
    float: left;
    margin-right: 10px !important;
}

    .social-feed-element:nth-child(3) {
        margin-right: 0;
    }

    .social-feed-element:hover {
        box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
    }

    .social-feed-element .content {
        /*padding: 5px;*/
    }

    .social-feed-element .social-network-icon {
        opacity: 0.7;
    }


    .social-feed-element .author-title {
        color: #444;
        line-height: 1.5em;
        font-weight: 500;
    }

.ctSocialFeed {
    opacity: 0;
    /*-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;*/
}

.ctSocialFeedShow {
    max-width:1240px;
    margin:0 auto;
    opacity: 1;
}
/*sections*/
section, .intro, .stripe {
    display: block;
    padding: 20px 0;
}

.intro {
    font-weight: 100;
    background-image: radial-gradient(ellipse farthest-side at 100% 100%, #85D8CE 10%, #085078 120%);
}

    .intro .controls {
        margin: 20px 0px 0px 0px;
    }

.stripe {
    font-weight: 100;
    background-color: #444;
}

/*Markup elements*/
section.intro h1, .intro h1, .intro.stripe h1 {
    /*font-family: "Indie Flower", cursive;*/
    font-size: 70px;
    font-weight: 100;
}

section.intro p, .intro p, .intro.stripe p {
    font-size: 20px;
}

section.intro i, .intro i, .intro.stripe i {
    font-weight: 200;
}

section.intro hr, .intro hr, .intro.stripe hr {
    opacity: 0.2;
    background-color: #fff;
    border-color: #fff;
    border-bottom: none;
}

/*buttons & fields*/
.button, .input {
    text-align: center;
    font-size: 20px;
    font-weight: 200;
    color: #000;
    background: none;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.button {
    padding: 7px 10px;
    background-color: rgba(255, 255, 255, 0.2);
}

    .button:hover {
        cursor: pointer;
        color: rgba(0, 50, 150, 0.5);
        text-decoration: none;
        background-color: #FFF;
    }

.input {
    height: 41px;
    padding: 7px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .input:hover {
        background: none;
        color: #fff;
    }

.field {
    margin-top: 7px;
}

.field-right {
    width: 20%;
    height: 41px;
    float: right;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.field-left {
    width: 80%;
    float: left;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.referral {
    text-align: left;
}

    .referral a {
        color: white;
        font-weight: 200;
    }

    .referral ul {
        list-style: none;
    }

.icoSocial {
    height: 29px !important;
    width: 29px !important;
}

.social-feed-netwok-twitter {
    /*display:none;*/
}
/*isotop*/

.filters-social a {
    margin-right: 10px;
    color: #666;
    text-decoration: none;
}

/*.filters-social a.current { 
    font-weight:bold;
}*/


.ctSocialFeedShow img {
    margin: 5px;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }

.filters-social {
    display: flex;
    justify-content: space-around;
    padding: 10px 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #5B2330;
}

.btnIco:before {
    color: #5B2330;
    font-size: 20px;
    padding-left: 10px;
}

.btnPint:before {
    color: #BD081C;
}

.btnTwitter:before {
    color:#55ACEF;
}
.btnFacebook:before{
    color:#3B5998;
}
/*actualite nouvelle version */

#panHomeActus {
    align-items: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}



.classActu:first-child {
    width: 940px;
    height: auto;
}

.classActu:nth-child(2) {
    width: 465px;
    margin-right: 5px;
    align-self: flex-start;
    min-height: 280px;
    height: auto;
}

.classActu:nth-child(3) {
    width: 465px;
    margin-left: 5px;
    align-self: flex-end;
    min-height: 280px;
    height: auto;
}

.titreActu {
    width: auto !important;
}

.btnActu a {
    color: #FFF !important;
}

.classActu:nth-child(2) .dvTitreActuAvec, .classActu:nth-child(3) .dvTitreActuAvec {
    width: 465px;
}

.classActu .dvTitreActuAvec > .btnActu {
    padding: 0 0 10px 0;
    width: 95%;
}

.ctDescriptionActuHome p {
    margin: 10px;
    color: #fff;
}