@import "reset.css";

/* GLOBAL
   ============================= */

body {
	font: 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #5c5c51;
	background: #99214f;
}
a:link,
a:visited {
	color: #ff5a00;
	text-decoration: none;
}
a:hover,
a:visited:hover,
a:active,
a:visited:active { color: #000; }

/* WYSIWYG
   ============================= */
   
.left {
	width: 49.9%;
	float: left;
	display: inline;
}
.right {
	width: 49.9%;
	float: right;
	display: inline;
	text-align: right;
}
.strong { font-weight: bold; }
.ib {
	display: inline-block;
	vertical-align: top;
}
.lalign { text-align: left; }
.ralign { text-align: right; }

/* STRUCTURE
   ============================= */

#root {
	width: 980px;
	margin: 0 auto 0;
}
#container {
	background: #fff;
}
#main {
	position: relative;
	width: 688px;
	float: left;
	padding: 80px 0;
}
#aside {
	position: relative;
	width: 292px;
	float: right;
	color: #656565;
	font-size: 14px;
}
/* HEADER
   ============================= */

#header {
/*	height: 124px;*/
	position: relative;
	margin: -54px 0 0;
	top: 54px;
}
#logo {
	width: 195px;
	height: 178px;
	float: left;
	margin: 0 20px;
}
#logo a {
	float: left;
	background: url(../img/logo.png) no-repeat;
	width: 195px;
	height: 178px;
	text-indent:-9999px;
}
#tagline {
	float: left;
	font: italic normal 20px Georgia, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow:2px 2px 2px #630d27;
	padding: 40px 10px 0;
}
#tagline em {
	font-weight: bold;
	font-size: 24px;
}
#lang {
	float: right;
	margin-right: 96px;
}
* html #lang {
	margin-right: 48px;
}
#lang a {
	float: left;
	width: 27px;
	height: 19px;
	text-indent:-9999px;
	margin: 15px 5px;
}
#lang .fr {
	background: url(../img/lang_fr.png) no-repeat;
}
#lang .en {
	background: url(../img/lang_en.png) no-repeat;
}

/* MAIN > ENTRY
   ============================= */

.entry {
	position: relative;
	padding: 0 15px 60px 30px;
}
.entry h3 {
	font-weight: bold;
	font-size: 24px;
	color: #2a2a25;
	padding: 0 0 10px 20px;
}
.entry h3 a {
	color: #2a2a25;
}
.entry p {
	line-height: 1.6;
	padding: 0 0 10px;
}
.entry .content {
	width: 100%;
	overflow: hidden;
}
.entry .date {
	background: url(../img/entry_date.png) no-repeat;
	width: 53px;
	height: 56px;
	position: absolute;
	left: -14px;
	top: -20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.entry .date em {
	display: block;
	font-size: 24px;
	font-style: normal;
}
.entry .date small {
	display: block;
	font-size: 10px;
}
.entry .bordered {
	border: 1px solid #a0a08d;
	padding: 10px;
}
.entry img.lalign {
	float: left;
	margin: 0 15px 20px 0;
}
.entry a.read-more {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #ff5a00;
	margin: 0 0 10px;
}
.entry a.read-more span {
	background: url(../img/ico_readmore.png) no-repeat left center;
	padding-left: 20px;
}
.entry .fbshare {
	display: block;
	color: #004791;
	background: #e3eff5 url(../img/ico_facebook_sm.png) no-repeat 5px center;
	padding: 5px 10px;
	text-indent: 15px;
	font-size: 11px;
	font-weight: bold;
}

/* ===[ ENTRY > FEATURE ]=== */

.entry.feature h3, .entry.page h3 {
	background: url(../img/entry_arrow.png) no-repeat left center;
	position: relative;
	left: -44px;
	padding-left: 64px;
}

/* MAIN > PAGINATION
   ============================= */

.pagination {
	padding: 0 15px 0 30px;
}
.pagination a.prev, .pagination a.next {
	float: left;
	background: url(../img/pagination_prev.png) no-repeat;
	width: 153px;
	height: 28px;
	line-height: 28px;
	padding: 0 10px 0 15px;
	text-align: right;
	font-size: 14px;
	color: #a0a0a0;
}
.pagination a.next {
	float: right;
	background: url(../img/pagination_next.png) no-repeat; 
	text-align: left;
}

/* ASIDE
   ============================= */

#aside a {
	color: #656565;
}
#aside a:hover {
	color: #9c9c9c;
}
#aside .inner {
	position: relative;
	width: 232px;
	background: url(../img/aside_tile.png) repeat-y;
	padding: 50px 6px 0 7px;
	margin: 0 0 0 33px;
}
* html #aside .inner {
	width: 235px;
	padding: 50px 15px 0 40px;
	margin: 0;
	background: url(../img/aside_tile.png) repeat-y 33px 0;
}
#aside .top {
	width: 245px;
	height: 50px;
	background: url(../img/aside_top.png) no-repeat;
	position: absolute;
	top: -50px;
	margin: 0 0 0 33px;
}
html>body #aside .top { 
	*margin-left:0;
}
#aside .bot {
	width: 245px;
	height: 124px;
	background: url(../img/aside_bot.png) no-repeat top;
	position: absolute;
	bottom: -124px;
	margin: 0 0 0 33px;
}
* html #aside .bot { 
	bottom: -125px;
}
* html #aside .block {
	width: 230px;
	overflow: hidden;
}
#aside .block h3 {
	width: 253px;
	height: 45px;
	padding: 25px 0 0 25px;
	background: url(../img/aside_title.png) no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	left: -26px;
}
* html #aside .block h3 {
	left: -27px;
}
#aside .block .content {
	padding: 0 15px;
}

/* ===[ ASIDE > DATE ]=== */

#date {
	position: relative;
	width: 116px;
	height: 117px;
	background: url(../img/aside_date.png) no-repeat;
	margin: -128px auto 10px;
	text-align: center;
	color: #fff;
}
#date em {
	font-size: 42px;
	font-weight: bold;
	font-style: normal;
	display: block;
	padding: 20px 0 0;
}
#date small {
	display: block;
	font-size: 16px;
	font-weight: bold;
}

/* ===[ ASIDE > MENU ]=== */

#aside .menu li  {
	padding: 0 0 20px;
}
#aside .menu li.active a {
	color: #fff;
}
#aside .menu li a {
	text-transform: uppercase;
}

/* ===[ ASIDE > NEWSLETTER ]=== */

#aside .newsletter form * {
	vertical-align: middle;
}
#aside .newsletter label {
	display: block;
	padding: 0 0 3px;
}
#aside .newsletter input.text {
	background: #676763;	
	border: 0;
	color: #000;
	width: 150px;
	padding: 5px;
}
#aside .newsletter .btn-ok {
	background: url(../img/btn_ok.png) no-repeat;
	width: 25px;
	height: 25px;
	border: 0;
	text-indent:-9999px;
	margin: 0 5px;
}
#aside .newsletter a.unsubscribe {
	display: block;
	width: 160px;
	text-align: right;
	font-size: 11px;
	text-decoration: underline;
	padding: 5px 0;
}

/* ===[ ASIDE > OTHER ]=== */

#aside .other {
	padding: 20px 0 60px;
}
#aside .logo-bot {
	width: 82px;
	height: 91px;
	background: url(../img/logo_bot.png) no-repeat;
	text-indent:-9999px;
}
#aside .social-media {
	width: 34px;
}
#aside .social-media a {
	width: 34px;
	height: 34px;
	display: block;
	text-align: left;
	text-indent:-9999px;
	margin: 10px 0;
}
#aside .social-media a.twitter {
	background: url(../img/ico_twitter.png) no-repeat;
}
#aside .social-media a.facebook {
	background: url(../img/ico_facebook.png) no-repeat;
}


/* QUOTE
   ============================= */

.entry fieldset {
	padding: 0 0 40px;
}
.entry fieldset h4 {
	font-size: 16px;
	font-weight: bold;
	color: #ff6600;
	padding: 0 0 20px;
}
.entry fieldset label {
	width: 200px;
	padding: 3px 10px 3px 0;
	margin: 0 0 15px;
	text-align: right;
	float: left;
	clear: left;
	font-size: 14px;
}
.entry fieldset input.text, .entry fieldset textarea {
	width: 300px;
	border: 1px solid #ddddd4;
	clear: right;
	padding: 5px;
	margin: 0 0 15px;
}
.entry fieldset button {
	background: url(../img/button.png) no-repeat;
	border: 0;
	width: 314px;
	height: 42px;
	text-align: center;
	font: bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 15px 0 0;
	cursor: pointer;
}

/* PHOTOS
   ============================= */

#gallery {
	padding: 20px 0;
}
#gallery li {
	position: relative;
	width: 178px;
	border: 1px solid #a0a08d;
	float: left;
	margin: 0 48px 48px 0;
	padding: 1px;
	overflow: hidden;
}
#gallery li.last {
	margin-right: 0;
}
#gallery li a img {
	float: left;
}
#gallery .caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5px 0;
	background: #fff;
	font-size: 11px;
	color: #333;
	text-indent: 5px;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}