@import url('reset.css');
@import url('cake.debug.css');

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/*
 * STRUCTURE
 * ---------------------------------------------------------------------------
 */
body {
	font: 1em Trebuchet, "Trebuchet MS", sans-serif;
	background: #a39276 url('/img/body_bg.jpg') no-repeat center top;
}
#background {
	background: url('/img/background.gif') repeat-x 0 178px;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#flags {
	height: 34px;
}
#header a {
	display: block;
	width: 960px;
	height: 201px;
	text-indent: -9999px;
}
#header-fr { background-image: url('/img/header_fr.jpg'); }
#header-en { background-image: url('/img/header_fr.jpg'); }
#header-es { background-image: url('/img/header_fr.jpg'); }
#header-it { background-image: url('/img/header_fr.jpg'); }
#header-nl { background-image: url('/img/header_fr.jpg'); }
#header-rs { background-image: url('/img/header_fr.jpg'); }
#header-ru { background-image: url('/img/header_fr.jpg'); }
#header-ro { background-image: url('/img/header_fr.jpg'); }

#content-wrapper {
	background: url('/img/content_wrapper_bg.gif') repeat-y;
	overflow: auto;
	height: 1%;
}
.nav {
	width: 160px;
	background-color: #301e14;
}
#nav-left {
	float: left;
	background: url('/img/lft_bg.jpg') no-repeat;
}
#content {
	float: left;
	width: 640px;
}
#nav-right {
	float: right;
	background: url('/img/rght_bg.jpg') no-repeat;
}
#footer {
	clear: both;
	overflow: auto;
	height: 1%;
	background: #57311e url('/img/footer_bg.gif') repeat-x;
}

/*
 * FLAGS
 * ---------------------------------------------------------------------------
 */
#flags ul {
	float: right;
	line-height: 1.6;
}
#flags ul li {
	display: inline;
}
#flags ul li a {
	color: #fff;
	font-size: .7em;
	text-decoration: none;
	padding-left: 20px;
	margin-left: 1em;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
#flags ul li a:hover {
	text-decoration: underline;	
}	
#flag-fr { background-image: url('/img/flags/fr.png'); }
#flag-en { background-image: url('/img/flags/en.png'); }
#flag-es { background-image: url('/img/flags/es.png'); }
#flag-it { background-image: url('/img/flags/it.png'); }
#flag-nl { background-image: url('/img/flags/nl.png'); }
#flag-rs { background-image: url('/img/flags/rs.png'); }
#flag-ru { background-image: url('/img/flags/ru.png'); }
#flag-ro { background-image: url('/img/flags/ro.png'); }

/*
 * CONTENT
 * ---------------------------------------------------------------------------
 */
.content-header {
	background: url('/img/content_header_bg.gif') repeat-x;
	height: 65px;
}
.content-header h1 {
	color: #e5d3bc;
	font-weight: bold;
}
#classic-content-header h1 {
	font-size: 1.25em;
	padding: 20px 0 0 24px;
}
#content-body {
	color: #fff;
	background: url('/img/content_bg.jpg') no-repeat;
	overflow: auto;
}
#content-padding {
	padding: 24px 24px 0;
}
#content-body h2 {
	color: #e2b98e;
	font-size: 1em;
	font-weight: bold;
}
#content-body h2 a {
	color: #e2b98e;
}
#content-body p, #content-body ul {
	font-size: .8em;
	line-height: 1.7;
	margin-bottom: 1.5em;
}
#content-body a {
	color: #f7eadc;
	font-weight: bold;
	text-decoration: none;
}
#content-body a:hover {
	color: #fff;
}

/*
 * NAVIGATION
 * ---------------------------------------------------------------------------
 */
.nav h2 {
	background: url('/img/nav_header_bg.gif') repeat-x;
	color: #e5e3e1;
	font-size: .9em;
	font-weight: bold;
	margin-top: 12px;
	padding: 2px 12px;
}
.nav-box {
	color: #cbc7c4;
	font-size: .75em;
	padding: 8px 12px;
}
.nav-box a {
	text-decoration: none;
}
.nav-box a:hover,
#nav-main-menu li a:hover {
	color: #e2b98e;
}
.nav-menu li {
	background: url('/img/menu_icon_small.gif') no-repeat 0 7px;
	padding-left: 8px;
	margin-bottom: 8px;
	line-height: 1.4;
}
.nav-menu li small {
	color: #c3825e;
	font-size: .9em;
	/*font-weight: bold;*/
}
.nav-box-footer a {
	font-weight: bold;
	background: url('/img/menu_icon_small_double.gif') no-repeat 0 8px;
	padding-left: 10px;
}
.nav-menu a, .nav-box-footer a {
	color: #cbc7c4;
}
#nav-paypal {
	margin: 10px 10px 0 10px;
}

#nav-main-menu {
	font-size: .75em;
	margin: .5em 0;
}
#nav-main-menu li {
	background: transparent url('/img/menu_icon_big.gif') no-repeat 12px 13px;
	padding-left: 22px;
	line-height: 2;
}
#nav-main-menu li:hover {
	background-color: #4f4037;
}
#nav-main-menu li a {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#nav-main-menu li ul {
	background-color: #301e14;
}

#nav-audio-player {
	margin-top: 12px;
}

.ico-rss {
	color: #fff;
	font-weight: bold;
	background: url('/img/ico_rss.gif') no-repeat 0 2px;
	padding-left: 16px;
}

#newsletter-form {
	color: #988f8a;
	font-size: .9em;
	text-align: center;
}
#newsletter-form p {
	margin: 1em 0 .5em;
	text-align: justify;
}
#newsletter-form input {
	font-size: 1em;
}

#subscriber-email {
	color: #666;
    width: 130px;
}
#subscriber-submit {
	margin: .5em 0 0;
}

/*
 * THUMBNAILS
 * ---------------------------------------------------------------------------
 */
#nav-video-thumb img {
	border: 3px solid #846e58;
}
#nav-video-thumb a:hover img {
	border: 3px solid #a39276;
	color: #a39276;
}
#nav-video-thumb a:hover {
	color: #a39276;
}
.thumbnail img {
	border: 3px solid #a39276;
}
.thumbnail a:hover img {
	border: 3px solid #fff;
	color: #fff;
}
.thumbnail a:hover {
	color: #fff;
}
.diaporama {
	margin: 16px 20px;
}

/*
 * NEWS
 * ---------------------------------------------------------------------------
 */
.news {
    clear: both;
	overflow: auto;
	border-bottom: 1px solid #968471;
    border-top: 1px solid #968471;
    padding: 2;
    padding-top: 30px;
}
.future {
	background-color: #968471;
	padding: 1em;
}
.news small {
	color: #401905;
	font-size: .75em;
	font-weight: bold;
}
.news span {
	font-size: .75em;
}
.news h2 a {
	color: #e2b98e;
	text-decoration: none;
}
.news h2 a:hover {
	color: #fff;
}
.news-photo {
	float: left;
	padding-right: 1em;
}
.news-body {
	/*overflow: auto;*/
}
.news-desc {
	margin: 1em;
}
.news-desc p, .news-desc ul {
	text-align: justify;
	margin-bottom: 1.5em;
}
.news-desc ul {
	margin-left: 2em;
	list-style: disc;
}
.news-desc td {
	font-size: .8em;
}
.readmore {
	background: url('/img/menu_icon_small.gif') no-repeat 0 8px;
	padding-left: 8px;
}
.metadata li {
	list-style: none;
}
.ico-image, .ico-video, .ico-article, .ico-pdf, .ico-contact {
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 1px;
}
.ico-image   { background-image: url('/img/thumbnail.png'); }
.ico-video   { background-image: url('/img/video.png'); }
.ico-article { background-image: url('/img/editcopy.png'); }
.ico-pdf     { background-image: url('/img/pdf.png'); }
.ico-contact { background-image: url('/img/mail.png'); }

/*
 * RELATED
 * ---------------------------------------------------------------------------
 */
#related h2 {
	color: #b39473;
	font-size: 1.5em;
}
#related ul {
	margin: 1em 2em;
}
#related li {
	background: url('/img/menu_icon_small.gif') no-repeat 0 7px;
	padding-left: 8px;
	margin-bottom: 8px;
	line-height: 1.25;
}
#related a {
	text-decoration: none;
}
#related li a {
	color: #f7eadc;
}
#related-more {
	font-size: .9em;
	margin-left: 1em;
}
#related-more a {
	color: #d7c5b2;
	background: url('/img/menu_icon_small_double.gif') no-repeat 0 8px;
	padding-left: 8px;
}
#related a:hover {
	color: #e2b98e;
}

/*
 * HOME
 * ---------------------------------------------------------------------------
 */
#home-content-header-left h1 {
	padding: 11px 0 0 24px;
	font-size: 2.1em;
}
#home-articles {
	padding: 24px;
}
#home-articles .news {
	border-color: #846e58;
}
#home-articles-cat {
	margin-left: 1.5em;
}
#home-articles-cat li {
	font-size: 1.2em;
	background: url('/img/home_articles_cat_icon.gif') no-repeat 0 12px;
	padding-left: 12px;
}

/*
 * VIDEOS
 * ---------------------------------------------------------------------------
 */
#video-player {
	text-align: center;
}

/*
 * PAGINATOR
 * ---------------------------------------------------------------------------
 */
.paginatorstatus {
	color: #c2b7ac;
	font-size: .75em;
	padding: .5em;
	border-bottom: 1px solid #968471;
	text-align: right;
}
.paginatornumbers {
	font-size: .7em;
	padding: .5em 0;
	text-align: center;
}
.paginatornumbers .current {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px solid #968471;
    background: #514038;
    font-weight: bold;
}
.paginatornumbers a {
	margin: .5em .25em;
    padding: .25em .5em;
    border: 1px solid #968471;
    color: #e2b98e;
    background: #321f15;
	font-weight: bold;
	text-decoration: none;
}
.paginatornumbers a:hover {
	color: #fff;
	background: #514038;
}

/*
 * FORMS
 * ---------------------------------------------------------------------------
 */
#content form fieldset {
	margin: 10px 0;
	padding: 10px;
	border: #968471 1px solid;
	font-size: .9em;
}
#content form fieldset legend {
	font-weight: bold;
	color: #e2b98e;
	padding: 0 5px;
}
.input {
	padding: 4px 0;
	clear: both;
}
.input label {
	color: #fff;
	margin-right: 5px;
	padding-right: 5px;
	width: 180px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-weight: bold;
}
.submit {
	text-align: center;
}
.submit input {
	font-weight: bold;
}
.required {
	background: url('/img/required.png') no-repeat 180px 4px;
}
.legal {
	margin: 2em;
	font-size: .75em;
	color: #c2b7ac;
	line-height: 1.5;
	text-align: justify;
}
#content input, #content textarea {
	color: #fff;
	border: 1px solid #968471;
	background-color: #6a5544;
}
#content .form-error {
	border: 1px solid #f99;
	background: #900;
}
#content .error-message {
	margin-left: 190px;
	color: #f99;
	font-size: .75em;
	font-weight: bold;
	line-height: 2;
}

/* 
 * MESSAGES
 * ---------------------------------------------------------------------------
 */
.message {
	border: 1px dashed #fff;
	margin: 12px 0;
	background: no-repeat 8px 10px;
}
.message strong {
	font-size: 1.1em;
	font-weight: bold;
}
.mssg_txt {
	font-size: .8em;
	line-height: 1.4;
	color: #fff;
	margin: 8px;
}
.mssg_error {
	background-color: #c00;
}
.mssg_success {
	background-color: green;
}
.mssg_notice,
.mssg_restricted {
	background-color: #f60;
}

/*
 * FOOTER
 * ---------------------------------------------------------------------------
 */
#footer {
	color: #a39078;
	font-size: .7em;
}
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer-copyright, #footer-links {
	margin: 1.25em;
}
#footer-copyright {
	float: left;
}
#footer-links {
	float: right;
}
#footer-links ul li {
	float: left;
	margin-left: 8px;
	background: url('/img/footer_sep.gif') no-repeat 0 3px;
}
#footer-links ul li a {
	margin-left: 10px;
}
#footer-links ul li:first-child {
	background: none;
}