/* V1.00 31-08-2018 - Changement couleur #0166c3 (bleu marine) par #ff6600 (orange) */
#blog_latest_new_home .post_title{color:#666;margin-top:30px;font-family: 'Playfair Display', serif;font-size:18px;font-style:italic;margin-bottom:18px;padding-bottom:28px;background:url(../img/line-blog.png)no-repeat bottom left;}
#blog_latest_new_home  .blog-content p {margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e5e4e4;line-height:20px;color:#999;}
.g-blog-info{color:#9a5a58;text-transform:uppercase;font-size:10px;font-family:'Montserrat', sans-serif;}
.g-blog-info .blog-author{float:left;margin-right:20px;}
.g-blog-info .blog-author:before{content:"\f007";font-family:"FontAwesome";margin-right:7px;}
.g-blog-info .blog-date:before{    content: "\f017";font-family:"FontAwesome";margin-right:7px;}
.wtblogpost{padding:30px ;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.even .wtblogpost{border-right-color:transparent;}
.article-content{margin-bottom:20px;}
.article-content a{display:block;position:relative;}
.article-content a:after{ z-index: 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;filter: alpha(opacity=0);
  transform: scale(0,1);
  -moz-transform: scale(0,1);
  -webkit-transform: scale(0,1);
  transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  background:#fff;}
.article-content a:hover:after{    transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 0.7;filter: alpha(opacity=70);}
.article-header i {margin-right:5px;}
.blog-tool > span {font-size:11px; text-transform:uppercase;margin-right:20px;}
.blog-tool > span.date-time{color:#26a69d;}
.blog-title{font-size:24px;font-weight:400;}
.sdsarticle-des{margin-top:22px;}
.sdsreadMore{margin-top:5px;display:inline-block;}
.more a{padding:12px 20px; background:#26a69d;color:#fff;border:1px solid #26a69d;text-transform:uppercase;font-size:12px;border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
.more a:hover{background:#fff;color:#26a69d;}
.pagination-bottom-blog 
{
 padding:26px 30px;
 background:#fff;
}
.pagination-bottom-blog  li{display:inline-block;float:left;}
.pagination-bottom-blog  li a, .pagination-bottom-blog  li span {background:none;border:none;padding:0;margin-right:12px;}
.pagination-bottom-blog  li.active span{background:none;border:none;padding:0;margin-right:12px;color:#26a69d;text-decoration:underline;}
.pagination-bottom-blog ,.pagination-bottom-blog  .pagination-blog{margin:0;}
.blog-content-bottom .tags-update{margin-right:20px;}

/**detail***/
#wtblogcat #blog_list li{padding:0}
#blog_list .blog-img{position:relative;}
#blog_list .blog-info .post-date{float:left;border-right:1px solid #fff; padding-right:10px  ; }
#blog_list .blog-info {    margin-top: 7px;    margin-bottom: 17px;}
#blog_list .blog-info .blog-author{padding-left:10px;}
#wtblogcat #blog_list .content .blog-content p{ color:#666;}
#blog_list .content .blog-content .post_title a{color:#000;font-size:15px;font-weight:600;}
/* #blog_list .content .blog-content .read-more a{color:  #0166c3;font-size:15px;font-weight:600;} */
#blog_list .content .blog-content .read-more a{color:  #ff6600;font-size:15px;font-weight:600;}
#blog_list .content .blog-content .read-more a:after{content: "\f105";    font-family: "FontAwesome";    margin-left: 7px;}
#blog_list .content .blog-content .read-more a:hover{color:#000;}
#blog_list li .blog-content {    padding: 30px;    border: 1px solid #d9d9d9;    border-top: none;}
#wt_post .blog-img{position:relative;}
.date-view{position:absolute;left:0;bottom:0;z-index:2;}
/* .date-view .post-time{    background: #0166c3;color:#fff;   text-align: center;  padding: 12px 16px;font-family:'Lato', sans-serif;} */
.date-view .post-time{    background: #ff6600;color:#fff;   text-align: center;  padding: 12px 16px;font-family:'Lato', sans-serif;}
.date-view .post-time .date{    font-size: 22px;font-weight: 600;margin-bottom:3px;}
.date-view .post-time .month{    text-transform: uppercase;    font-weight: 600;}
.view { background: #000; text-align: center; padding: 16px 16px;color:#fff;}
.view i {    font-size: 20px;}
/* .wt-blog-category .wt-blog-cat-img .page-heading span{color:#333;font-size:24px; border-bottom:5px solid   #0166c3;padding-bottom:5px;float:left;} */
.wt-blog-category .wt-blog-cat-img .page-heading span{color:#333;font-size:24px; border-bottom:5px solid   #ff6600;padding-bottom:5px;float:left;}
.wt-blog-category .wt-blog-cat-img .page-heading .heading-counter{clear:left;    float: right;    border: none;    font-size: 15px;}
.blog-info {
    /* background: #0166c3; */
    background: #ff6600;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    padding: 6px 10px;
  	margin-top: 7px;
	margin-bottom:15px;}
#wt_post .post_title {font-size: 24px; color: #333;  margin-bottom: 30px;font-family:'Roboto', sans-serif;}
.g-blog-content p{color:#666;}
.g-blog-content{border:1px solid #cccccc;    padding: 20px 10px 20px 20px;border-top:none;}	
.wt-block-title h3 {
   /* margin: 0;
    font-size: 24px;
    color: #333;
   font-family:'Roboto', sans-serif;
   /* border-bottom:5px solid  #0166c3; */
   /* border-bottom:5px solid  #ff6600; a enlever pour supprimer le trait soulignement sous tous les titres sur la photos des sliders de catégories - V2 */
   padding-bottom:5px;
   /* float:left; a enlever pour centrer tous les titres sur la photos des sliders de catégories - V2 */
   margin-bottom:15px;*/
}
.blog_content{clear:left;}
.related_posts .blog_content li a {
color: #666;
font-family:'Lato', sans-serif;font-weight:400;}
.related_posts .blog_content li a:before {
    content: "\f00c";
    font-family: "FontAwesome";
    margin-right: 10px;
    vertical-align: 1px;
    font-size: 8px;
}
.related_posts .blog_content li a:hover {
    /* color:  #0166c3; */
    color:  #ff6600;
}
.related_posts .blog_content li {
    margin-bottom: 12px;
}
.block-blog-title {
    margin-bottom: 20px;
    margin-top: 30px;
}
/* .out_right button{background: #0166c3;border: 1px solid #0166c3; */
.out_right button{background: #0166c3;border: 1px solid #ff6600;
    color: #fff;
    padding: 10px 15px;
    font-size: 15px;
	transform: translateZ(0);}
.out_right button:hover{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);    transform: translateZ(0);}
.block.blog_lastest_posts .blog-info .post-date{float:left;border-right:1px solid #fff;padding-right:5px;}
.block.blog_lastest_posts .blog-info .blog-author{padding-left:5px;}
.blog-comments .blog-info .post-date{float:left;border-right:1px solid #fff;padding-right:5px;}
.blog-comments .blog-info .blog-author{padding-left:5px;}
.comment-content{color:#666;margin-top:10px;}
.blog-content .post_title a{margin-top:10px;font-size:13px;font-weight:500;}
.blog-content .post_title a:hover{color: #0166c3;}
@media (min-width: 768px) {
.blog-item{width:50%;float:left;}
}
@media (max-width: 767px ) 
{
.blog-extra, #blog_article{padding:20px;}
.wtblogpost{border-left:1px solid #d6d6d6;}
.blog-item:first-child .wtblogpost{border-top:1px solid #d6d6d6;}
.even .wtblogpost{border-right-color:#d6d6d6;}
}
@media only screen and (min-width : 768px) and (max-width : 1199px)
{
.blog-title{height:28px;overflow:hidden;}
}