/* =============================================================================
   Single Blogue
   ========================================================================== */
html.single-post,
html.single-post body,
html.single-post .big-container{
	height: 100%;
}
html.single-post.no-photo,
html.single-post.no-photo body,
html.single-post.no-photo .big-container{
	height: auto;
}
#page.single-blogue{
	margin-top: 0;
	padding-top: 120px;
}  
#page.single-blogue .title-wrapper{
	overflow: hidden;
}
#page.single-blogue .title-wrapper h1{
	display: inline-block;
	width: 80%;
	float: left;
}
#page.single-blogue .title-wrapper .share-clinique{
	float: right;
	width: 20%;
	display: inline-block;
	text-align: right;
}
#page.single-blogue .filAriane{
	background: none;
}
#page.single-blogue.no-photo .filAriane{
	background: #F5F5F5;
}
#page.single-blogue .cols-wrapper{
	overflow: hidden;
}
#page.single-blogue .cols-wrapper .col-left{
	width: 69%;
	float: left;
}
#page.single-blogue .cols-wrapper .col-right{
	width: 29%;
	float: right;
}
#page.single-blogue .cols-wrapper .col-right ul{
	list-style: none;
	padding-left: 0;
	line-height: normal;
	font-size: 1em;
}
#page.single-blogue .cols-wrapper .col-right ul .widget li{
	margin-bottom: 5px;
}
#page.single-blogue .cols-wrapper .col-right h2{
	margin-top: 1em;
	margin-bottom: .5em;
}
#page.single-blogue .cols-wrapper .col-left .photo-wrapper{
	height: 0;
	padding-bottom: 50%;
	width: 100%;
	margin-bottom: 2em;
	background-size: cover!important;
}
#page.single-blogue .autres-articles .bloc{
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

/* Résolution moyenne */
@media screen and (max-width: 1600px) {
	
	/*Blogue */
	#page.single-blogue .title-wrapper h1{width: 70%;}
	#page.single-blogue .title-wrapper .share-clinique{width: 30%;
}

/* Tablettes */
@media screen and (max-width: 1024px) {

	/* Blogue */
	html.single-post{height: auto;}
}

/* mobiles */
@media screen and (max-width: 900px) {
	
	/* Single blogue */
	#page.single-blogue{padding-top: 80px;}
	
}

@media screen and (max-width: 767px) {
	
	/* Blogue */
	#page.single-blogue .title-wrapper h1 { width: 100%;}
	#page.single-blogue .title-wrapper .share-clinique { width: 100%;}
	.share-clinique .share-on{display: none;}
	#page.single-blogue .title-wrapper{margin-bottom: 0;}
}

/* Petits mobiles */
@media screen and (max-width: 500px) {
	/* Single blogue */
	#page.single-blogue{padding-top: 50px;}
}