
/* #################### POSTS ############## */

.post
{
	padding: 12px 12px 12px 7px;
	z-index: 1;
	position: relative;
}

.post_tour
{
	padding: 7px;
	background-color: rgba(255, 255, 255, 0.62);
	box-shadow: 0px 0px 8px #171c21;
}

.post_contenu
{
	background-color: #fff;
	box-shadow: 0px 0px 8px #5b5f65;
}

.post_contenu
{
	width: 750px;
}

.post_title
{
	width: 100%;
	border-collapse: collapse;
}

.post_title_secondcell
{
	width: 75px;
}

.post_title_h1
{
	display: block;
	font-size: 38px;
	font-weight: lighter;
	color: #093c79;
	text-decoration: none;
	padding: 7px 20px 18px 32px;
}

.post_title_com
{
	display: block;
	width: 53px;
	height: 44px;
	background-image: url('./images/reply_number_background.png');
	background-repeat: no-repeat;
	opacity: 0.7;
	
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}

.post_title_com:hover { opacity: 0.6 }
.post_title_com:active { opacity: 1; }

.post_title td:nth-child(1) {
	width: 578px;
}

.illustration_titre
{
	margin-bottom: 15px;
}

.post_texte
{
	font-size: 16px;
	font-weight: lighter;
	color: #000;
	padding: 0px 30px 15px 30px;
}

.informations
{
	width: 690px;
	margin: 14px auto 0px auto;
	font-size: 18px;
	font-weight: lighter;
	color: #63467b;
}

.informations a
{
	text-decoration: none;
	font-size: 18px;
	font-weight: lighter;
	color: #63467b;
}

.informations a:hover { color: #8c6ba8; }
.informations a:active { color: #3b284b; }

.partage_link { opacity: 0.4; }
.partage_link:hover { opacity: 0.6; }
.partage_link:active { opacity: 0.8; }

.tags
{
	width: 690px;
	margin: auto;
	padding: 0px 0px 30px 0px;
}

.tags a
{
	display: inline-block;
	height: 26px;
	font-size: 16px;
	font-weight: 150;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 1px 15px 0px 26px;
	margin: 10px 5px 0px 5px;
	background-color: #000;
	opacity: 0.18;
	background-image: url('./images/tag_end.png');
	background-repeat: no-repeat;
}

.tags a:hover {opacity: 0.25; }
.tags a:active {opacity: 0.5; }

.noPostHere
{
	font-size: 30px;
	font-weight: lighter;
	color: #093c79;
	padding: 25px;
}

/* #################### PAGINATION ############## */

#pagination
{
	width: 100%;
	text-align: center;
	margin: 8px 0px;
}

.page_link, .prev_next
{
	display: inline-block;
	height: 30px;
	margin: 3px;
	padding: 4px;
	background-color: rgba(255, 255, 255, 0.22);
	
	font-size: 21px;
	font-weight: 150;
	color: #41546c;
	text-decoration: none;
	text-align: center;
}

#pagination a:hover
{
	background-color: rgba(255, 255, 255, 0.3);
}

#pagination a:active
{
	background-color: rgba(255, 255, 255, 0.4);
	color: #283545;
}

.prev_next.disabled 
{ 
	cursor: default;
	background-color: rgba(255, 255, 255, 0.08); 
}

.prev_next
{
	width: 190px;
}

.page_link
{
	width: 42px;
}

#page_link_active
{
	color: #deedff;
}
