@charset "utf-8";

body {
	background: #dedede url("../images/bg.gif");
	color: #000;
	font: 0.8em tahoma;
	letter-spacing: 0px;
	direction: rtl;
}

a {
	color: #000;
}

/**
 * Page header
 */

header {
	background-color: #232323;
}

header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header nav {
	width: 960px;
	height: 40px;
	margin: 0 auto;
}

header nav li {
	float: right;
}

header nav.top a {
	display: block;
	padding: 10px 12px 12px 12px;
	color: #fff;
	font: normal 1.1em tahoma;
}

header nav.top a:hover {
	background-color: #d8232a;
}

header .english a {
	font: bold 1.1em century_gothic;
}

header div.search {
	float: left;
}

header input, footer input {
	width: 232px;
	height: 30px;
	float: left;
	margin: 1px 0 0 0;
	padding: 3px;
	font: bold 1.1em arial;
	border: 1px solid #fff;
}

header button, footer button {
	width: 40px;
	height: 38px;
	float: left;
	margin: 1px 1px 0 0;
	color: #fff;
	background-color: #D8232A;
	border: 0;
}

header .header-outer {
	background-color: #F4F5F7;
}

header .header-inner {
	width: 960px;
	height: 80px;
	clear: both;
	padding: 15px 0;
	margin: 0 auto;
}

header .logo {
	width: 222px;
	float: right;
	margin-right: 35px;
}

header .flash {
	width: 600px;
	height: 80px;
	float: left;
	margin-left: 55px;
	overflow: hidden;
}

header nav.main a {
	display: block;
	padding: 7px 12px 5px 12px;
	color: #fff;
	font: normal 1.4em hacen_tunisia;
}

li.red a:hover {
	background-color: #d8232a;
}

li.black a:hover {
	background-color: #111111;
}

li.orange a:hover {
	background-color: #E6721B;
}

li.purple a:hover {
	background-color: #5A2249;
}

li.blue a:hover {
	background-color: #23514F;
}

li.green a:hover {
	background-color: #769134;
}

li.yellow a:hover {
	background-color: #E6B53E;
}

.ticker {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	background-color: #F4F5F7;
}

.ticker-title {
	width: 50px;
	float: right;
	margin: 5px 10px 0 0;
	font: normal 1.6em hacen_tunisia;
	border-left: 1px solid #fff;
}

.ticker-link {
	width: 740px;
	height: 29px;
	float: right;
	padding: 11px 8px 0 0;
	display: block;
	border-right: 1px solid #DBD9DA;
}

.ticker-link a {
	font: bold 1.3em Arial;
	color: #000;
}

.ticker-link a:hover {
	color: #d8232a;
}

.ticker-data {
	display: none;
}

.ticker-date {
	width: 95px;
	float: left;
	margin: 8px 0 0 0px;
	font: normal 1.4em hacen_tunisia;
}

/**
 * Page footer
 */

.footer-column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-column {
	width: 10.4%;
	float: right;
	padding: 10px;
}

.footer-column .title, footer .title {
	font: normal 1.5em hacen_tunisia;
	color: #232323;
}

.footer-column li {
	float: none;
	padding: 4px 0;
}

.footer-column a {
	font-size: 1.1em;
	color: #515151;
}

nav.sitemap {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	border-top: 1px solid #BFBFBF;
}

#footer-sitemap {
	width: 960px;
	clear: both;
	border-top: 1px solid #fff;
}

#footer-sitemap ul {
	margin-bottom: 15px;
}

#footer-sitemap a:hover {
	color: #d8232a;
}

footer {
	width: 100%;
	float: right;
	clear: both;
	background-color: #232323;
}

footer .links {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	padding-bottom: 10px;
}

footer .links a, footer .links .title, footer .newsletter .title {
	color: #fff;
}

footer .newsletter {
	width: 28%;
	float: left;
	padding: 10px;
}

footer input {
	float: right;
	margin: 25px 0 10px 0;
	text-align: left;
	direction: ltr;
}

footer button {
	width: 60px;
	float: right;
	clear: both;
}

footer .copyright-outer {
	width: 100%;
	float: right;
	clear: both;
	background-color: #111;
}

footer .copyright-inner {
	width: 960px;
	height: 60px;
	margin: 0 auto;
	clear: both;
}

footer img {
	margin: 5px 0 0 0;
}

footer span {
	display: block;
	float: left;
	margin: 20px 0 0 15px;
	color: #fff;
}

/**
 * Form
 */

form, fieldset {
	border: 0;
	margin: 0;
	padding: 5px;
}

form p {
	padding: 5px 0;
	text-align: right;
}

fieldset label {
	width: 120px;
	display: block;
	float: right;
	margin: 0 5px 0;
	text-align: right;
	line-height: 1.3em;
	font: normal 1.3em hacen_tunisia;
}

fieldset label:after {
	content: ' :';
}

fieldset p.button label:after {
	content: '';
}

fieldset input, fieldset textarea {
	height: 32px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #DEDEE0;
	font: bold 1.3em arial;
	color: #000;
}

fieldset button {
	height: 38px;
	color: #fff;
	background-color: #D8232A;
	border: 0;
}

fieldset textarea {
	height: 320px;
}

/**
 * Page structure
 */

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#page {
	width: 960px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	clear: both;
	position: relative;
	border-top: 1px solid #fff;
}

.inner-page {
	overflow: hidden;
}

#page-modal {
	background: #fff;
}

#page-title {
	width: 400px;
	padding: 0px 0;
	font: normal 2.5em hacen_samra;
}

#page-logo {
	margin: 0 auto;
	text-align: center;
}

#content-col, .row-right {
	width: 728px;
	float: right;
}

#sidebar-col, .row-left {
	width: 218px;
	float: left;
}

section.row {
	width: 100%;
	float: right;
	clear: both;
}

.separator {
	width: 100%;
	float: right;
	clear: both;
	margin-bottom: 10px;
	background-color: #BFBFBF;
}

.separator-inner {
	height: 1px;
	border-bottom: 1px solid #fff;
}

/**
 * Breakingnews
 */

#breakingnews {
	width: 960px;
	overflow: hidden;
	clear: both;
	margin: 10px auto;
	margin-bottom: 0px;
	background-color: #D8232A;
	color: #fff;
}

#breakingnews .title {
	width: 80px;
	float: right;
	padding: 3px 0;
	font: normal 2.5em hacen_tunisia;
	text-align: center;
	color: #D8232A;
	background-color: #fff;
	text-shadow: 0px 0px 1px rgba(216, 35, 42, 0.1);
}

#breakingnews .content {
	width: 850px;
	float: right;
	padding: 15px 10px;
	font: bold 1.6em arial;
	text-align: right;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, .1);
}

/**
 * Box
 */

.box {
	width: 100%;
	float: right;
	clear: both;
	margin: 0 0 15px 0;
}

.box .head {
	width: 100%;
	min-height: 34px;
	font: normal 1.8em hacen_tunisia;
	color: #fff;
}

.box .head span {
	padding: 0 10px;
}

.box .head a {
	color: #fff;
}

.box .content {
	width: 100%;
	float: right;
	padding: 5px 0;
	background-color: #fff;
	text-align: center;
}

.box .item {
	min-height: 210px;
	float: right;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
}

.box .item:hover,
.box .sticky {
	background-color: #EDEDED;
}

.box .item a.category {
	display: block;
	float: right;
	clear: both;
	padding: 0px 5px 0px 5px;
	font: normal 1.6em hacen_tunisia;
}

.box .item a.image {
	position: relative;
	overflow: hidden;
	display: block;
	clear: both;
	padding: 5px 4px 5px 5px;
}

.box .item img {
	width: 160px;
	height: 120px;
	border: 1px solid #ededed;
}

.box .item a.link {
	display: block;
	clear: both;
	padding: 0px 5px 5px;
	font: bold 1.3em arial;
	color: #000;
}

.box a.image i {
	position: absolute;
	overflow: hidden;
	bottom: 9px;
	left: 5px;
	padding: 5px;
	color: #fff;
	background-color: #D8232A;
}

.box-double {
	width: 360px;
	clear: none;
	margin-left: 8px;
}

.box-double .item {
	width: 170px;
	margin-right: 6px;
}

.box-half {
	width: 476px;
	clear: none;
	margin-left: 8px;
}

.box-half .item {
	width: 223px;
	height: 200px;
}

.box-half a.image i {
	left: 31px;
}

.box-triple .item {
	width: 230px;
	height: 200px;
}

.box-triple-small {
	width: 528px;
}

.box-triple-small .item {
	width: 170px;
	margin-right: 4px;
}

.box-single {
	width: 190px;
	float: left;
	clear: none;
}

.box-single .item {
	width: 170px;
}

.box-quad .item {
	width: 170px;
}

.box-quint .item {
	width: 180px;
}

.box-quint .item a.image {
	padding: 5px;
}

.box-sidebar {
	margin-bottom: 10px;
}

.box-group .item {
	min-height: 232px;
}

.box-sidebar .content {
	padding: 0;
	background: none;
}

.box-sidebar .item {
	width: 100%;
	min-height: 200px;
	margin: 0 0 5px 0;
	padding: 5px 0;
	background-color: #fff;
}

.box-sidebar .item:hover {
	background-color: #F4F5F7;
}

.box-sidebar .item img {
	width: 200px;
	height: 120px;
}

.box-sidebar a.image i {
	left: 9px;
}

.box-multilines .item {
	margin-bottom: 0;
}

.box-multilines .item img {
	width: 200px;
	height: 120px;
}

.box-multilines a.image i {
	left: 15px;
}

.box-quint a.image i {
	left: 10px;
}

.box-sidebar .item a.image,
.box-multilines .item a.image {
	padding: 5px;
}

.box-quint.box-multilines a.image i {
	left: 0;
}

.box .links {
	width: 100%;
	float: right;
	clear: both;
}

.box .links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box .links li {
	float: right;
}

.box .links a {
	display: block;
	padding: 3px 12px 3px 12px;
	color: #fff;
	font: normal 1.4em hacen_tunisia;
}

.box .tabs {
	width: 100%;
	float: right;
	clear: both;
	background-color: inherit;
}

.box .tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box .tabs li {
	width: 55px;
	float: right;
	border-right: 1px solid #111;
	text-align: center;
}

.box .tabs a {
	display: block;
	padding: 3px 0;
	color: #fff;
	font: normal .74em hacen_tunisia;
}

.box .controls {
	height: 34px;
	float: left;
	overflow: hidden;
	margin: -1px 5px 0px;
	padding: 0;
	text-align: center;
}

.box .controls a {
	display: inline-block;
	padding: 5px;
	font-size: .6em;
}

.box .controls i {
	margin: 0;
	padding: 0;
}

.box .controls a:hover {
	color: #000;
	background-color: #fff;
}

.box .form {
	width: 240px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: -2px 5px 0px;
	padding: 0;
	text-align: center;
}

.box .form input {
	height: 25px;
	margin-left: -3px;
	padding: 5px;
	font-size: .6em;
	border: 1px solid #D8232A;
}

.box .form input.empty {
	border: 1px solid #D8232A;
}

.box .form form, .box .form fieldset {
	padding: 0;
}

.box .form button {
	width: 34px;
	height: 35px;
	background-color: #B41313;
}

.box-cartoon img {
	width: 315px;
	height: 225px;
	margin: 0;
	padding: 0;
}

.box-media .content-media {
	padding: 10px 0 4px 0;
}

.box-media .item {
	width: 140px;
	min-height: 80px;
	float: right;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
}

.box-media .item img {
	width: 140px;
	height: 114px;
	margin: 0;
	padding: 0;
	border: 0;
}

.box-media .item:hover {
	background: none;
}

.box-media .item a.link {
	width: 140px;
	height: 99px;
	position: absolute;
	overflow: hidden;
	display: none;
	top: 0;
	bottom: 0;
	padding: 15px 0 0 0;
	color: #fff;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

.box-media .item a.image {
	padding: 0;
}

.box-media div.item:hover a.link {
	display:  block;
}

.box-media .content-media div:first-child {
	width: 400px;
	height: 235px;
	float: right;
	margin: 0 14px 0 2px;
}

.box-media .content-media div:first-child img {
	width: 400px;
	height: 235px;
}

.box-media .content-media div:first-child a.link {
	width: 370px;
	height: auto;
	display:  block;
	top: auto;
	padding: 15px 0 15px 30px;
}

.box-media i {
	position: absolute;
	overflow: hidden;
	top: 88px;
	left: 0;
	padding: 5px;
	color: #fff;
	background-color: #D8232A;
}

.box-media .content-media div:first-child i {
	top: 210px;
}

.box-media-wide .content-media div:first-child {
	width: 400px;
	height: 235px;
	float: right;
	margin: 0 24px 0 35px;
}

.box-media-wide a.image i {
	bottom: 3px;
	left: 0;
	padding: 5px;
}

.box-gallary .content {
	padding-top: 10px;
}

.box-gallary .item {
	width: 169px;
	min-height: 129px;
	float: right;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
}

.box-gallary .item img {
	width: 169px;
	height: 129px;
	margin: 0;
	padding: 0;
}

.box-gallary .item:hover {
	background: none;
}

.box-gallary .item a.link {
	width: 159px;
	height: 30px;
	position: absolute;
	overflow: hidden;
	display: none;
	top: 85px;
	bottom: 0;
	margin-right: 1px;
	padding: 15px 5px 0 5px;
	color: #fff;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

.box-gallary .item a.image {
	padding: 0;
}

.box-gallary div.item:hover a.link {
	display:  block;
}

section .box-gallary .item {
	width: 180px;
}

section .box-gallary .item img {
	width: 180px;
	height: 140px;
}

section .box-gallary .item a.link {
	width: 168px;
	height: 35px;
	top: 91px;
}

.box-tabs-quad .tabs li {
	width: 24.85%;
}

.box-tabs-quad .tabs li:first-child {
	border: 0;
}

.box-image .content img {
	width: 320px;
	height: 220px;
	padding: 8px 0 0px;
}

.box-slideshow img {
	width: 500px;
	margin: 15px 0;
	border: 1px solid #ededed;
}

.box-slideshow .share {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.box-about .content {
	width: auto;
	padding: 5px;
	color: #000;
	font: normal 1.5em arial;
	line-height: 1.7em;
	text-align: right;
}

.box-privacy .head {
	text-align: left;
	direction: ltr;
}

.box-privacy .content {
	width: auto;
	padding: 5px;
	color: #000;
	font: normal 1.3em arial;
	line-height: 1.7em;
	text-align: left;
	direction: ltr;
}

section .box-quad {
	width: 730px;
}

section .row-right-large {
	width: 730px;
}

section .row-right-large .box-double.margin-left-0 {
	float: left;
	width: 358px;
}

section .box-sidebar .item {
	min-height: 210px;
}

section .box-multilines.box-fixed .item {
	margin-bottom: 20px;
}

section .box-multilines.box-fixed .item img {
	width: 160px;
}

.box-fixed .content {
	padding-bottom: 1px;
}

.box-white .head {
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid #ECECEC;
}

.box-white .head a {
	color: #000;
}

.box-red .head,
.box-red .links {
	background-color: #d8232a;
}

.box-red .enabled {
	background-color: #B41313;
}

.box-black .head,
.box-black .links {
	background-color: #111;
}

.box-orange .head,
.box-orange .links {
	background-color: #E6721B;
}

.box-purple .head,
.box-purple .links {
	background-color: #5A2249;
}

.box-blue .head,
.box-blue .links {
	background-color: #23514F;
}

.box-blue-dark .head,
.box-blue-dark .links {
	background-color: #23514F;
}

.box-blue-dark .content {
	background-color: #19403D;
}

.box-green .head,
.box-green .links {
	background-color: #769134;
}

.box-yellow .head,
.box-yellow .links {
	background-color: #E6B53E;
}

.box-blue .links li:hover {
	background-color: #18403F;
}

.box-yellow .links li:hover {
	background-color: #C49A36;
}

.box-purple .links li:hover {
	background-color: #722A5C;
}

.box-black .tabs {
	background-color: #525051;
}

.box-black .tabs li.selected,
.box-black .tabs li:hover {
	background-color: #111;
}

.box-purple .tabs {
	background-color: #722A5C;
}

.box-purple .tabs li:hover {
	background-color: #5A2249;
}

.box-red a.category {
	color: #d8232a;
}

.box-black a.category {
	color: #111;
}

.box-orange a.category {
	color: #E6721B;
}

.box-purple a.category {
	color: #5A2249;
}

.box-blue a.category {
	color: #23514F;
}

.box-green a.category {
	color: #769134;
}

.box-yellow a.category {
	color: #C49A36;
}

.box-black .content-media {
	background-color: #232323;
}

.box-purple .content-media {
	background-color: #461938;
}

.box-readmore-wide {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0;
	float: none;
	clear: none;
	border-top: 1px solid #fff;
}

.box-readmore-wide .head {
	background-color: #232323;
}

.box-readmore-wide .head span {
	width: 10%;
	display: block;
	background-color: #23514F;
}

.box-readmore-wide .content {
	background-color: #232323;
}

.box-readmore-wide .item a.category {
	display: none;
}

.box-readmore-wide .item a.link {
	color: #fff;
}

.box-readmore-wide .item:hover a.link,
.box-readmore-wide .item a.link:hover {
	color: #000;
}

.box-lite .content {
	background-color: #D8232A;
}

.box-lite a {
	font: normal 1.5em hacen_tunisia;
	color: #fff;
}

.box-lite span {
	display: block;
	color: #fff;
}

/**
 * JCarousel
 */

.jcarousel {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.jcarousel-list {
	width: 20000em;
	position: relative;
}

.jcarousel-list div:first-child {
	margin-right: 8px;
}

.jcarousel-list div:last-child {
	margin-left: 25px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
	display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
	opacity: .5;
	cursor: default;
}

.stickyBar.scrolled {
	width: 960px;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-color: #000;
}

/**
 * Homepage slider
 */

#slider {
	width: 960px;
	position: relative;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

#slider .inner {
	width: 960px;
	float: right;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #BFBFBF;
}

#slider .news {
	width: 726px;
	float: right;
	padding: 3px 1px 0px 1px;
	background-color: #fff;
}

#slider .flash {
	width: 220px;
	position: absolute;
	left: 0;
	top: 10px;
	float: left;
	text-align: center;
}

#slider .news h1 {
	width: 726px;
	height: 55px;
	display: table-cell;
	vertical-align: middle;
	line-height: 120%;
	margin: 0;
	padding: 10px 0;
	letter-spacing: 0;
	border-bottom: 1px solid #E4E4E4;
}

#slider .news h1 a {
	display: block;
	padding: 0 5px;
	font: bold .9em arial;
	color: #D8232A;
}

#slider .news .container {
	width: 100%;
	float: right;
	padding: 0;
	border-bottom: 1px solid #BFBFBF;
}

#slider .news .box {
	margin: 3px 0 0 0;
}

#slider .news .slide {
	float: right;
	padding: 5px 0;
}

#slider .news .slide img {
	width: 400px;
	height: 285px;
}

#slider .news nav {
	width: 314px;
	float: right;
	padding: 5px 5px 5px 0;
}

#slider .news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider .news li {
	width: 314px;
	height: 45px;
	float: right;
	margin: 0;
	padding: 5px 2px;
	background-color: #F4F5F7;
	border: 1px solid #E5E5E5;
}

#slider .news li:hover,
#slider .news li.active,
#slider .news li.active a {
	color: #fff;
	background-color: #D8232A;
}

#slider .news li:hover a {
	color: #fff;
}

#slider .news li a {
	color: #000;
	font: bold 1.2em arial;
}

#slider .news li img {
	display: none;
}

/**
 * Sport slider
 */

#slider .slider-wide {
	width: 960px;
	float: right;
	padding: 0;
	background-color: #fff;
}

#slider .slider-wide .slide {
	position: relative;
	padding: 0;
}

#slider .slider-wide h1 {
	width: 620px;
	height: 65px;
	float: right;
	position: absolute;
	overflow: hidden;
	display: block;
	top: 315px;
	bottom: 0;
	margin: 0;
	padding: 10px 0;
	letter-spacing: 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	border: 0;
}

#slider .slider-wide h1 a {
	display: block;
	padding: 0 5px;
	font: bold .7em arial;
	color: #fff;
}

#slider .slider-wide .container {
	width: 100%;
	float: right;
	padding: 0;
	border: 0;
}

#slider .slider-wide .slide img {
	width: 620px;
	height: 400px;
	padding: -5px 0 0 0;
}

#slider .slider-wide nav {
	width: 335px;
	float: right;
	padding: 3px 2px 4px 0;
}

#slider .slider-wide li {
	width: 330px;
	height: 68px;
	float: right;
	margin: 0;
	padding: 5px 3px;
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #E5E5E5;
}

#slider .slider-wide li:last-child {
	border: 0;
}

#slider .slider-wide li a {
	color: #000;
	font: bold 1.3em arial;
}

#slider .slider-wide li:hover,
#slider .slider-wide li.active,
#slider .slider-wide li.active a {
	color: #fff;
	background-color: #23514F;
}

/**
 * Article page
 */

.box-content {
	background-color: #fff;
}

#content-page h1 {
	padding: 10px;
	letter-spacing: 0px;
	font: bold 1.7em arial;
	color: #D8232A;
}

#content-page .title {
	width: 100%;
	float: right;
	clear: both;
	padding: 0 0 5px;
	border-bottom: 1px solid #dee2de;
}

#content-page .subtitle {
	width: 98%;
	float: right;
	clear: both;
	margin-top: 3px;
	padding: 5px 10px 10px;
	font: normal 1.3em arial;
	color: #333;
}

#content-page span.category a {
	font: bold 1em arial;
	color: #a2a2a2;
}

#content-page .large-image {
	width: 680px;
	margin: 0 auto;
	text-align: center;
}

#content-page .large-image img {
	width: 480px;
	/*height: 350px;*/
	padding: 15px 0;
}

#content-page .side-image {
	width: 160px;
	float: left;
	padding: 0 15px 0 0;
}

#content-page .side-image img {
	width: 160px;
}

#content-page .side-facebook {
	width: 140px;
	float: left;
	padding: 10px;
	background-color: #4862A3;
	color: #fff;
	font: bold 1em arial;
	text-align: center;
}

#content-page .side-facebook a {
	background-color: #4862A3;
	color: #fff;
	font: bold 1em arial;
	text-align: center;
	text-decoration: none !important;
}

#content-page .side-twitter {
	width: 140px;
	float: left;
	padding: 10px;
	background-color: #55ACEE;
	color: #fff;
	font: bold 1em arial;
	text-align: center;
}

#content-page .side-twitter a {
	background-color: #55ACEE;
	color: #fff;
	font: bold 1em arial;
	text-align: center;
	text-decoration: none !important;
}

#content-page .large-image-noheight img {
	width: 680px;
	height: auto;
	padding: 15px 0;
}

#content-page .text {
	width: 100%;
	float: right;
	clear: both;
	margin-bottom: 25px;
}

#content-page .details .image,
#content-page .details .video {
	width: 640px;
	margin: 0 auto;
	text-align: center;
}

#content-page .details img {
	border: 1px solid #ededed;
}

#content-page .details .image-caption {
	margin: -10px auto;
	padding: 5px 0;
	font: bold .9em Arial;
	background-color: #e8e8e8;
}

#content-page .text div.details {
	width: 707px;
	float: right;
	padding: 10px 10px 5px;
	font: normal 1.5em arial;
	line-height: 1.6em;
	text-align: justify;
}

#content-page .text ul, #content-page .text ol {
	padding: 0 1.25em;
}

#content-page .text ul {
	list-style: square;
}

#content-page .text a {
	text-decoration: underline;
}

#content-page .text a:hover {
	text-decoration: none;
}

#content-page .bar {
	width: 96.7%;
	height: 34px;
	float: right;
	clear: both;
	margin: 0 2px 0 0;
	padding: 10px;
	background-color: #EDEDED;
}

#content-page .publish-date {
	float: right;
	margin: 10px 0;
	font-weight: bold;
}

#content-page .share {
	float: left;
	margin: 8px 0 8px 5px;
}

#content-page .misc {
	float: left;
	margin: 4px 10px 8px 0;
	font-size: 1.7em;
}

#content-page .misc i {
	margin-right: -2px;
}

#content-page .misc a {
	margin-right: -2px;
}

#content-page .font-tools {
	float: left;
	margin: 2px 5px 8px 0;
	font-size: 1.6em;
}

#content-page .font-resizer {
	width: 25px;
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-family: hacen_tunisia;
	font-size: .76em;
	text-align: center;
}

#content-page .share ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content-page .share li {
	float: left;
	padding: 0 2px;
}

#content-page .head {
	color: #D8232A;
	background-color: #fff;
}

/**
 * Comments
 */

#comments .head {
	padding: 0 0 0 0;
	font-size: 1.6em;
}

#comments .head a.comments-enable {
	display: inline-block;
	margin-top: .5px;
	padding: 2px 0 0 0;
}

#comments .content {
	padding: 0;
}

#comments .tabs {
	height: 32px;
	background-color: #F4F5F7;
}

#comments .tabs li {
	width: auto;
	padding: 0 5px 0 8px;
	border: 0px;
	color: #000;
	font: normal .8em hacen_tunisia;
}

#comments .tabs li.title {
	height: 31px;
}

#comments .tabs li.title, #comments .tabs span {
	padding: 1px 5px 0 5px;
	background-color: #000;
	color: #fff;
}

#comments .tabs span {
	height: 28px;
	float: left;
	padding: 4px 5px 0;
	font: normal .7em hacen_tunisia;
}

#comments .tabs a {
	color: #000;
	font: normal .9em hacen_tunisia;
}

#comments .tabs li:hover {
	background-color: inherit;
}

#comments .tabs li.active {
	color: #000;
	background-color: #fff;
}

#comments .tabs li.title:hover {
	color: #fff;
	background-color: #000;
}

#comments .comment {
	width: 100%;
	height: 65px;
	float: right;
	clear: both;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #DEDEE0;
}

#comments .avatar {
	width: 65px;
	float: right;
	margin: 0 15px 0 10px;
}

#comments .title {
	width: 600px;
	height: 60px;
	float: right;
	overflow: hidden;
	padding: 5px;
	text-align: right;
}

#comments .title a {
	font: bold 1.4em arial;
	color: #000;
}

#comments .title span {
	display: block;
	clear: both;
	padding: 15px 0;
	font: bold 1.2em arial;
	color: #727D84;
}

#comments .number {
	width: 150px;
	height: 115%;
	position: relative;
	float: left;
	overflow: hidden;
	padding: 0 5px 0 0;
	text-align: center;
}

#comments .number span {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 0;
	font: bold 1.9em arial;
	color: #727D84;
}

#comments .score-box {
	width: 100%;
	height: 27px;
	clear: both;
	position: absolute;
	top: 45px;
	bottom: 0;
	left: 0;
	padding: 5px 0 0 0;
	background-color: #F4F5F7;
}

#comments .score-box {
	font: bold 1.3em arial;
}

#comments .comments-facebook {
	padding: 5px 0;
}

#comments .facebook-note {
	padding: 8px 0 12px;
	font: bold 1.3em arial;
}

#comment-form input[type=text] {
	width: 300px;
}

#comment-form textarea {
	width: 550px;
	height: 140px;
	padding: 5px;
}

#comment-form form {
	position: relative;
	float: right;
	overflow: hidden;
	margin-right: 5px;
}

#comment-form fieldset {
	float: right;
	overflow: hidden;
}

#comment-form div.note {
	width: 190px;
	position: absolute;
	top: 10px;
	left: 15px;
	margin: 0 0 0 12px;
	padding: 10px;
	font-size: 1.3em;
	color: #000;
	text-align: justify;
}

#comment-form .response, #comments-container .response {
	padding: 10px;
	font: bold 1.3em arial;
	color: #000;
	text-align: center;
}

.box-comment {
	margin: 0;
}

.box-comment .line {
	width: 100%;
	float: right;
	clear: both;
	padding: 10px 0;
	text-align: right;
	border-bottom: 1px solid #ededed;
	font-size: 1.1em;
}

.box-comment .label {
	width: 20%;
	float: right;
	padding: 0 5px;
	font-weight: bold;
}

.box-comment .label-wide {
	width: 95%;
	clear: both;
	padding-bottom: 3px;
}

.box-comment .label:after {
	content: ':';
}

.box-comment .data-text {
	width: 98%;
	height: 209px;
	overflow: auto;
	clear: both;
	padding: 0px 3px;
	font: normal 1.4em arial;
}

.box-comment .buttons {
	width: 98%;
	float: right;
	padding: 5px 5px 10px;
	text-align: left;
	background-color: #fff;
}

.box-comment .buttons a {
	float: left;
	display: block;
	margin: 0 5px 0 0;
	padding: 1px 5px;
	font: normal 1.3em hacen_tunisia;
	border: 1px solid #ededed;
	color: #000;
	cursor: pointer;
	background-color: #F7F6F6;
}

.box-comment .buttons .comment-report {
	float: right;
	display: block;
	margin: 0 5px 0 0;
	padding: 1px 5px;
	font: normal 1.3em hacen_tunisia;
	color: #D8232A;
	cursor: pointer;
	background: none;;
	border: none;
	text-decoration: underline;
}

/**
 * Category page
 */

.box-category .head span.icon, .head-category span.icon {
	height: 34px;
	float: left;
	overflow: hidden;
	margin: 3px 5px 0;
	padding: 0;
}

.box-category .head span.more, .head-category span.more {
	height: 26px;
	float: left;
	overflow: hidden;
	margin: 7px 0 0;
	padding: 0;
	font-size: .7em;
}

.box-category .item {
	width: 704px;
	min-height: 140px;
	clear: both;
	margin: 0;
	padding: 5px 12px;
	border-bottom: 1px solid #eee;
}

.box-category .item:hover {
	background: none;
}

.box-category .item a.link {
	width: 440px;
	display: block;
	float: right;
	clear: none;
	padding: 5px 5px 0 0;
	font: bold 1.5em arial;
	text-align: right;
	color: #000;
}

.box-category .item a.link:hover {
	color: #D8232A;
}

.box-category .item a.image {
	float: right;
	clear: none;
}

.box-category .item img {
	width: 232px;
	height: 142px;
}

/**
 * Search
 */

.box-search .item {
	min-height: 60px;
	padding: 10px 20px;
}

.box-search .item a.link {
	width: 704px;
}

.box-search .item span {
	display: block;
	padding: 5px 2px;
	float: right;
	clear: both;
	font: normal 1.2em arial;
}

/**
 * Social icons
 */

.box-social-icons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box-social-icons li {
	float: left;
	padding-left: 14px;
}

.box-social-icons ul.full li:first-child {
	margin-left: 2px;
}

.box-social-icons ul.full li {
	padding-left: 5px;
}

.box-social-icons a {
	display: block;
	padding: 6px;
	font-size: 1.4em;
	color: #fff;
}

.box-social-icons a.facebook {
	background-color: #3C5A99;
}

.box-social-icons a.twitter {
	background-color: #55ACEE;
}

.box-social-icons a.gplus {
	background-color: #D44332;
}

.box-social-icons a.linkedin {
	background-color: #0173B2;
}

.box-social-icons a.android {
	background-color: #8AC502;
}

.box-social-icons a.apple {
	background-color: #0173B2;
}

.box-social-icons a.youtube {
	background-color: #DD2826;
}

.box-social-icons a.mail {
	background-color: #232323;
}

.box-social-icons a.rss {
	background-color: #FB7A39;
}

/**
 * Submit
 */

.box-form input {
	width: 280px;
}

.box-form textarea.text {
	width: 500px;
	height: 320px;
}

.box-form textarea.note {
	width: 500px;
	height: 140px;
}

.box-form .captcha input {
	width: 50px;
}

.box-message .content {
	padding: 50px 0;
	font: bold 1.3em arial;
	text-align: center;
}

/**
 * Pagination
 */

#pagination {
	float: right;
	clear: both;
	margin: 0 2px 0 0;
	padding: 8px 5px 5px;
	text-align: right;
}

#pagination a {
	margin: 2px;
	padding: 5px 8px;
	color: #000;
	font: bold 1.2em arial;
}

#pagination a:hover {
	background-color: #D8232A;
	color: #fff;
}

#pagination .current {
	margin: 2px;
	padding: 5px 8px;
	background-color: #D8232A;
	color: #fff;
	font: bold 1.2em arial;
}

#pagination .disabled {
	margin: 2px;
	padding: 5px 8px 5px 8px;
	border: 1px solid #d0d0d0;
	color: #f6f6f6;
}

/**
 * Flash
 */

.flash-top {
	width: 960px;
	height: 80px;
	clear: both;
	margin: 0 auto;
	padding: 2px 0;
	text-align: center;
}

.flash-right {
	width: 160px;
	height: 0;
	float: right;
	position: relative;
	top: 42px;
	left: auto;
	right: -54%;
}

.flash-side-rectangle {
	width: 336px;
	height: 280px;
	float: left;
	padding: 0 15px 0 0;
}

.flash-page-right {
	width: 160px;
	height: 0;
	float: right;
	position: absolute;
	top: 124px;
	right: -165px;
	z-index: 99;
	background-color: #fff;
	text-align: center;
}

.flash-160x600 {
	width: 220px;
	height: 600px;
	clear: both;
	margin-bottom: 15px;
	padding: 2px 0;
	background-color: #fff;
	text-align: center;
}

.flash-160x660 {
	height: 660px;
}

.flash-200x200 {
	min-height: 170px;
	clear: both;
	margin-bottom: 15px;
	padding: 2px 0;
	background-color: #fff;
	text-align: center;
}

.flash-middle {
	margin: 0 auto;
}

.flash-728x90 {
	width: 728px;
	min-height: 80px;
	clear: both;
	margin-bottom: 15px;
	padding: 2px 0;
	background-color: #fff;
	text-align: center;
}

.flash-item {
	width: 220px;
	height: 100px;
	float: left;
	clear: both;
	margin: 0 0 10.5px;
}

/**
 * Common
 */

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.noborder {
	border: 0;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.margin-left-0 {
	margin-left: 0;
}

.color-red {
	color: #D8232A;
}

.overflow {
	overflow: auto;
}

.clear-both {
	clear: both;
}

.dir-ltr {
	direction: ltr;
}

.dir-rtl {
	direction: rtl;
}

.font-bold {
	font-weight: bold;
}

.font-medium {
	font-size: medium;
}

.no-border {
	border: 0;
}

.hide {
	display: none;
}

.hidden {
	overflow: hidden;
}

.notebox {
	padding: 15px 0;
	color: #fff;
	background-color: #D8232A;
	font: bold 1.4em arial;
}

.box-video {
	width:726px;
	min-height:10px;
	float:right;
	background-color:#f9f9f9;
	border:1px solid #e3e3e3;
	position:relative;
	margin-right:0;
}

.box-video .head {
	width:100%;
	min-height: 20px;
	float:right;
	margin-right:-12px;
	margin-top:8px;
}

.box-video .title {
	width:323px;
	height:41px;
	background-image:url(../images/right_corner.png);
	float:right;
	text-align:right
}

.box-video .title a {
	color:#fff;
	font-size:18px;
	line-height:35px;
	margin-right:25px;
}

.box-video .new {
	width:96px;
	height:35px;
	float:right;
	margin-right:-5px;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:35px;
	background-image:url(../images/label_new.png);
}

.box-video .content {
	width:calc(100% - 20px);
	height:auto;
	float:right;
	padding:0px 10px;
	margin-top:5px;
	margin-bottom:15px;
	background-color:#f9f9f9;
}

.box-video .item {
	width:170px;
	height:235px;
	border-bottom:1px solid #e3e3e3;
	margin-left:2px;
	text-align:center;
	overflow:hidden;
	float:right;
	margin-right: 0;
	padding-left: 3px !important;
}

.box-video .item img {
	width:170px;
	height:157px;
	float:right;
	background-color:#111;
}

.box-video .item a {
	font-size:14px;
	color:#181818;
	line-height:21px;
}

.box-video .item:hover p {
	color:#808080;
}

.box-video .item:last-child {
	margin-left:0px;
}

.transition {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.box-sms a, .box-sms input, .box-sms button {
	outline:none;
	text-decoration:none;
	background:none;
	border:none;
	font-family: 'hacen_tunisia' !important;
}

.box-sms-large {
	width: 728px;
	margin: auto;
}

.box-sms {
	width: 332px;
	height: 90px;
	float: right;
	margin-bottom: 10px;
	position: relative;
	padding: 15px;
	background-color: #f9f9f9;
	border: 1px solid #e3e3e3;
	text-align: justify;
	/*background: url(//cdn.alwatanvoice.com/ar/vega/images/sms/bg.png) !important;*/
	background: #D8232A;
}

.box-sms h1 {
	color: #fff;
	font-size: 22px;
	line-height: 29px;
	font-family: 'hacen_tunisia' !important;
	padding: 0 5px 0 0 !important;
}

.box-sms p {
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	font-family: 'hacen_tunisia' !important;
	padding: 0px 5px 0 0 !important;
}

.box-sms input {
	width: 287px;
	height: 35px;
	float: right;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	padding: 0px 5px;
	line-height: 35px;
	border-left: 0px;
	direction: ltr;
	font-size: 1.3em;
}

.box-sms button {
	/*width: 34px;*/
	height: 37px;
	float: left;
	background-color: #111;
	text-align: center;
	cursor: pointer;
	font-size: 1em;
	padding: 0 1px;
	color: #fff;
}

.box-sms button i {
	color: #fff;
}

.box-sms-sidebar {
	width: 190px;
	height: 120px;
	margin: auto;
	margin-bottom: 10px;
	position: relative;
	padding: 15px;
	/*background-color: #f9f9f9;*/
	border: 1px solid #e3e3e3;
	text-align: justify;
}


.box-sms-sidebar input {
	width: 145px;
}

.box-sms-sidebar .link {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -20px;
	background-color: #f9f9f9;
	border: 1px solid #e3e3e3;
	border-radius: 50%;
	cursor: pointer;
}

.box-sms-sidebar .link img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-top: 9px;
}

.box-sms .link {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5px;
	border-radius: 50%;
	cursor: pointer;
	left: 10px;
}

.box-sms .link img {
	width: 25px;
	height: 25px;
	margin-right: 12px;
	margin-top: 11px;
}

.box-sms .logo-jawwal, .box-sms .logo-watania {
	display: none;
}

.box-sms .logo-jawwal img, .box-sms .logo-watania img {
	width: 30px;
	right: 65px;
	margin-top: 5px;
}

.box-sms-watania, .box-sms-watania:hover {
	background-color:#e11134 !important;
	border:1px solid #b70c29;
}

.box-sms-watania {
	background:#e11134 url(//cdn.alwatanvoice.com/ar/vega/images/sms/bg.png) !important;
	border:1px solid #b70c29;
}

.box-sms-watania h1, .box-sms-watania p {
	color:#fff !important;
}

.box-sms-watania button {
	background-color:#b70c29 !important;
}

.box-sms-jawwal:hover,.box-sms-jawwal {
	background-color:#076132 !important;
	border:1px solid #0e7b42;
}

.box-sms-jawwal {
	background:#076132 url(//cdn.alwatanvoice.com/ar/vega/images/sms/bg.png) !important;
	border:1px solid #0e7b42;
}

.box-sms-jawwal h1, .box-sms-jawwal p {
	color:#fff !important;
}

.box-sms-jawwal button {
	background-color:#0e7b42 !important;
}

.box-sms .message-success {
	width: 120px;
	float: left;
	padding: 0px 5px;
	position: absolute;
	bottom: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	left: 15px;
	background-color: #0c8d0c;
	border-radius: 5px;
	text-align: center;
	display: none;
}

.box-sms .message-error {
	width: 120px;
	float: left;
	padding: 0px 5px;
	position: absolute;
	bottom: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	left: 15px;
	background-color: #ED1C24;
	border-radius: 5px;
	text-align: center;
	display: none;
}