/* posts */

#content .container-post{
    padding:10px!important;
    opacity:0;
}
#content .post {
    color: White;
    font: 18px/17px Georgia,"Times New Roman",Palatino,serif;
    position: relative;
    text-align: left;
    word-wrap: break-word;

}
#content .post, #content .post .content-img, #content .post .front, #content .post .back {
    height:225px;
    position: relative;
}
#content .large .post, #content .large .post .content-img, #content .large .post .front, #content .large .post .back  {
   height:470px;
}

#content .post, #content .post .front, #content .post .back {
    width:100%;
    perspective:250px;
}

#content .post:before, #content .post:after {
    clear: both;
    content: "";
    display: table;
}
#content .post .content {
    clear: left;
    display: block;
    font:15px/18px Georgia,"Times New Roman",Palatino,serif;
    padding:10px 15px 10px 15px;
    position:absolute;
    z-index:2;
    overflow:hidden;
    bottom:0px;
}
#content .no-img .post .content {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 28px;
    position:relative;
    height:225px;
}
#content .no-img .post .content.sz-20 {
    font-size: 40px;
    line-height: 44px;
}
#content .no-img .post .content.sz-40 {
    font-size: 38px;
    line-height: 42px;
}
#content .no-img .post .content.sz-60 {
    font-size: 34px;
    line-height: 38px;
}
#content .no-img .post .content.sz-80 {
    font-size: 30px;
    line-height: 34px;
}
#content .no-img .post .content.sz-120 {
    font-size: 26px;
    line-height: 30px;
}
#content .no-img .post .content.sz-160 {
    font-size: 22px;
    line-height: 26px;
}

#content .post .content img
 {
     display:none;
 }
#content .post .author
 {
     text-decoration:none;
     font-size:12px;
     font-weight:bold;
     display:block;
 }

#content .post a.author:over
  {
      text-decoration:underline;
  }
#content .post img.author_icon
  {
    -moz-force-broken-image-icon: 1;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 32px;
    margin: 0 10px 5px 5px;
    width: 32px;
  }
#content .post .date
   {
    color: white;
    display: block;
    font-size: 12px;
    font-weight:bold;
   }

#content .container-post .front, #content .container-post .back {
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	position: absolute;
	top: 0;
	left: 0;
}
#content .container-post{
    perspective:514px;
    position:relative;
}
#content .container-post.large{
    perspective:1068px;
}
#content .container-post .front {
    text-align:center;

}
#content .container-post .back {
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s; /* Safari 3.1 to 6.0 */
    transform-style:preserve-3d;
    -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg); /* IE 9 */
    -webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
}
#content .container-post.flip .post {
    -ms-transform: rotateY(180deg); /* IE 9 */
    -webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */
	transform: rotateY(180deg);
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s; /* Safari 3.1 to 6.0 */
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
    position:relative;
}
#content .container-post.flip .back {
    backface-visibility: visible;
    -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
}
#content .post .front .details {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display:block;
    margin-top:20px;
}
#content .large .post .front .details {
    margin-top:154px;
}
#content .no-img .post .front .details {
    margin-top:8px;
}

#content .post .front .author
 {
     font-size:16pt;
     font-weight:bold;
     display:block;
     line-height:22pt;
 }
#content .post .front img.author_icon{
    height:128px;
    width:128px;
    float:none;
}
#content .post .front .date{
    font-size:16pt;
    line-height:22pt;
}
#content .post a
{
    color:White;
}
#content .post .content-img {
    width: 100%;
    background:url("") no-repeat 0 0;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}
#content .post .content-img img{
    display:none;
}
#content .post.Twitter .front, #content .post.Twitter .back, #content .post.Twitter .content
{
    color:white;
    background-color:#2DAAE1;
}

#content .post.Youtube .front, #content .post.Youtube .back, #content .post.Youtube .content
{
    color:white;
    background-color:rgb(254,52,50);
}

#content .post.Vimeo .front, #content .post.Vimeo .back, #content .post.Vimeo .content
{
    color:white;
    background-color:rgb(65,178,220);
}

#content .post.Flickr .front, #content .post.Flickr .back, #content .post.Flickr .content
{
    color:white;
    background-color:rgb(255,0,132);
}

#content .post.Pinterest .front, #content .post.Pinterest .back, #content .post.Pinterest .content
{
    color:white;
    background-color:rgb(203,32,39);
}

#content .post.Tumblr .front, #content .post.Tumblr .back, #content .post.Tumblr .content
{
    color:white;
    background-color:#2A445F;
}

#content .post.Facebook .front, #content .post.Facebook .back, #content .post.Facebook .content
{
    background-color: #3C5A9A;
}
#content .post.Facebook img.img
{
    margin: 5px;
    max-width: 40%;
}
#content .post.Linkedin .front, #content .post.Linkedin .back, #content .post.Linkedin .content
{
    background-color: #0173B2;
}
#content .post.Dailymotion .front, #content .post.Dailymotion .back, #content .post.Dailymotion .content
{
    color:white;
    background-color:#095173;
}
#content .post.Instagram .front, #content .post.Instagram .back, #content .post.Instagram .content
{
    color:white;
    background-color:#517FA4;
}