/* ---------------------------------------- */
/* ------ PAGE SINGLE BLOG ---------------- */
/* ---------------------------------------- */

.header-single{margin-top:60px;height:100px;}

.header-single h1{
	text-transform:uppercase;
	font-family : "Oswald";
	font-size:44px;
	display:inline-block;
	color:#EF5E04;
}
.header-single a.btn-blog-back{
	display: inline-block;
    width: 50px;
    height: 50px;
    float: left;
    background-image: url('../img/arrow_previous_off.svg');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: left center;
}

.header-single a.btn-blog-back:hover{background-image:url('../img/arrow_previous_cat_on.svg');}

.content-single{max-width:80%;margin:0 auto;margin-top: 60px;}
.content-single h1,h2,h3,h4,h5,h6{font-family: "Oswald";text-transform:uppercase;text-align:center;padding:0px;margin:0px auto;}
.content-single h1{font-size:24px;font-weight:bold;padding:0px;line-height:34px;margin-bottom:20px;}
.content-single h2{font-size:20px;letter-spacing:1.5px;}
.content-single h3{font-size:16px;letter-spacing:1.5px;}
.content-single h4{font-size:14px;letter-spacing:1.5px;}
.content-single h5{font-size:12px;letter-spacing:1.5px;}
.content-single h6{font-size:10px;letter-spacing:1.5px;}

.content-single .post-categories{list-style-type:none;padding:0px;width:100%;margin-bottom:40px;text-align:center}
.content-single .post-categories li{display:inline-block;font-size:12px;margin:10px;}
.content-single .post-categories li a{
	width:100%;padding:3px 10px;background:#EF5E04;color:#fff;
	max-width:100%;text-transform:uppercase;border-radius:5px;
	border:1px solid #EF5E04;font-weight:bold;
}

.content-single .post-categories li a:hover{background:#EF8004;text-decoration:none;}
.content-single img{margin:20px 0px;}
.content-single p{text-align: justify;margin:20px 0px;line-height:24px;color:#434E64;}
.content-single ul{
	line-height:24px;color:#434E64;font-size:16px;padding-left:16px;
}
.content-single a{
	max-width:70%;
	text-align:center;
	color:#EF5E04;
	display:inline-block;
	margin:0 auto;
}
.content-single a:hover{
	color:#EF5E04;
	text-decoration:none;
	text-decoration:underline;
}

.single-date, .single-author{color:#b0a7a7;font-size:13px;letter-spacing:1.4px;height:40px;line-height:40px;}
.single-date{float:left;}
.single-author{float:right;}

.single .pagination{
	max-width:1000px;
	margin:0 auto;
	height:60px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.single .pagination span{width:50%;font-size:13px;}
.single .pagination .previous{text-align:left;}
.single .pagination .next{text-align:right;}

.single .pagination .previous a{border:none;padding:6px 20px;background-image:url('../img/arrow_previous_off.svg');background-repeat:no-repeat;background-position:center left;background-size:24px 24px;padding-left:36px;float:left;color:#EF5E04}
.single .pagination .previous a:hover{background-image:url('../img/arrow_previous_on.svg');text-decoration:none;}
.single .pagination .next a{border:none;padding:6px 20px;background-image:url('../img/arrow_next_off.svg');background-repeat:no-repeat;background-position:center right;background-size:24px 24px;padding-right:36px;color:#EF5E04;}
.single .pagination .next a:hover{background-image:url('../img/arrow_next_on.svg');text-decoration:none;}


/* ----- SINGLE ---- */

/* -- Pagination Single --*/

.pagination-single{
	max-width:1000px;
	margin:0 auto;
	margin-bottom:60px;
}

.single-previous, .single-next{font-size:14px;}
.single-previous {float:left;width:50%;}
.single-next {float:right;width:50%;}
.single-previous a{text-align:left;color:green;}
.single-next a{text-align:right;}

/*--  Page liste --*/

.liste-detail{border-bottom:1px solid #434E64;padding-bottom:20px;}
.liste-detail h2{font-family : "OpenSans-Regular";color:#434E64;text-transform:uppercase;text-align:left;padding:40px 0px 20px 0px;letter-spacing:2px;font-weight:bold;font-size:18px;line-height:24px;}
.liste-detail p{font-size:14px;}
.author-document{font-size:14px;}
.liste-informations{margin:40px 0 20px 0;height:20px;}
.liste-date{float:left;font-size:14px;}
.liste-lien{float:right;font-size:13px;}
.liste-lien a{background-color:#EF5E04;color:#F1F2F4;padding:4px 20px 6px 20px;border-radius:20px;letter-spacing:2px;}



/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */



@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



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

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
	.header-single{width:90%;margin:0 auto;margin-top:60px;}
	.header-single h1{}
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
	.header-single{width:90%;margin:0 auto;margin-top:140px;}
	.header-single h1{}
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
	.header-single{margin-top:140px;}
	.header-single h1{font-size:36px;}

	.single .pagination{width:80%;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
	.header-single{margin-top:140px;}
	.header-single h1{font-size:36px;}

	.single .pagination{width:80%;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

	.header-single{margin-top:140px;position: relative;}
	.header-single h1{font-size:36px;padding-left:60px;}
	.header-single a.btn-blog-back{position:absolute;left:0;}

	.single .pagination{width:80%;}
}   



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


	.header-single{margin-top:100px;position: relative;}
	.header-single h1{font-size:28px;padding-left:60px;}
	.header-single a.btn-blog-back{position:absolute;left:0;}

	.single .pagination{width:80%;}

}