@charset "UTF-8";
/* --------------------
 * www.concepteurenmultimedia.ch
 * CSS 2.1     21.01.09
 * 
 * cyril 20.01.10
 * mica 20.01.10
 */


/* --------------------
 * GLOBAL styles + HTML
 */

html {
    overflow: -moz-scrollbars-vertical;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    font-size: 12px;
    color: #4b4b50;
    background: #393838 url(images/background.png) top repeat-x;
}

h1 {
    position: absolute;
    top: 248px;
    width: 194px;
    height: 118px;
}

h2 {
    float: left;
    width: 590px;
    margin-bottom: 40px;
}

a {
    font-weight: bold;
    color: #59243b;
    text-decoration: none;
}

body.cm a, .cmLink {
    color: #59243b;
}

body.ecv a, .ecvLink {
    color: #80986b;
}

body.media a, .mediaLink {
    color: #41545f;
}

small {
	font-size: 11px;
}

a:hover {
    color: #4b4b50;
}

address {
    float: right;
    width: 568px;
    margin: 50px 5px 0 0;
    padding-bottom: 30px;
    font-style: normal;
    font-size: 11px;
}

address a {
    font-weight: normal;
}



/* --------------------
 * LAYOUT styles  + IDs
 */

#global {
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 960px;
    margin-left: -480px;
    padding-top: 390px;
}

body.home #global { background: #ebecf2 url(images/compo_home.png) no-repeat; }
body.cm #global { background: #ebecf2 url(images/compo_cm.jpg) no-repeat; }
body.ecv #global { background: #ebecf2 url(images/compo_ecv.png) no-repeat; }
body.media #global { background: #ebecf2 url(images/compo_media.png) no-repeat; }
body.subscription #global { background: #ebecf2 url(images/compo_subscription.png) no-repeat; }
body.info #global { background: #ebecf2 url(images/compo_info.jpg) no-repeat; }

#header {
	position: absolute;
	z-index: 2;
	top: 0;
	height: 380px;
	width: 100%;
	background: url(images/background_header_shadow.png) top repeat-x;
}

#headerLeftBackground, #headerRightBackground {
	position: absolute;
	width: 50%;
	height: 380px;
}

#headerLeftBackground {
	left: 0;
	background: url(images/background_header_left.png) top repeat-x;
}

#headerRightBackground {
	right: 0;
	background: url(images/background_header_right.png) top repeat-x;
}

#innerHeader {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 370px;
	background: url(images/background_header.png) top no-repeat;
}

body.home #innerHeader { background: url(images/background_header_home.png) top no-repeat; }
body.cm #innerHeader { background: url(images/background_header_cm.png) top no-repeat; }
body.ecv #innerHeader { background: url(images/background_header_ecv.png) top no-repeat; }
body.media #innerHeader { background: url(images/background_header_media.png) top no-repeat; }
body.subscription #innerHeader { background: url(images/background_header_subscription.png) top no-repeat; }
body.info #innerHeader { background: url(images/background_header_info.png) top no-repeat; }

#teaser {
    position: absolute;
    top: 273px;
    right: 45px;
    width: 290px;
    height: 72px;
    background: url(images/background_header_teaser.png) no-repeat;
    color: #7b7b80;
    overflow: hidden;
}

#teaser h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: 5px;
}

#teaser p {
	margin: 0 20px;
	line-height: 18px;
}

#mainNav { list-style-type: none; 	}

#mainNav li {
    position: absolute;
    z-index: 3;
}

#mainNav li#homeNav { top: 48px; left: 0; }
#mainNav li#cmNav { top: 139px; left: 61px; }
#mainNav li#ecvNav { top: 55px; left: 256px; }
#mainNav li#mediaNav { top: 125px; left: 539px; }
#mainNav li#subscriptionNav { top: 160px; left: 685px; }
#mainNav li#infoNav { top: 21px; left: 840px; }

#content {
    display: inline;
    float: left;
    margin: 0 20px 0 30px;
}

#dee {
	clear: both;
    float: left;
    width: 200px;
    margin: 53px 0 30px 5px;
}


/* -----------------------
 * LAYOUT styles + CLASSES
 */

.contentCol {
	display: inline;
    float: left;
    width: 290px;
    margin: 0 5px;
}

.contentFull {
	display: inline;
    float: left;
    width: 590px;
    margin: 0 5px;
}

.contentCol p, .contentFull p {
    padding: 0 10px 20px 10px;
    line-height: 16px;
}

.contentCol dl {
    margin-bottom: 10px;
}

.contentCol dt {
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px 10px 5px 25px;
}

.contentCol dt {
    background: url(images/list_closed.png) no-repeat;
}

.contentCol dt.opened {
    background: url(images/list_opened.png) no-repeat;
}

.contentCol dt.pdf {
    background: url(images/list_cm_pdf.png) no-repeat;
}

body.ecv .contentCol dt.pdf, .ecvPdf {
    background: url(images/list_ecv_pdf.png) no-repeat !important;
}

.contentCol dt.url {
    background: url(images/list_url.png) no-repeat;
}

.contentCol dd {
    padding: 0 10px 8px 10px;
}

.contentCol p.cmImportant, .contentCol p.ecvImportant, .contentCol p.mediaImportant {
    padding: 4px 10px 5px 10px;
    line-height: 18px;
    color: #fff;
}

.contentCol p.mediaImportant {
	color: #4b4b50;
}

.contentCol p.cmImportant a, .contentCol p.ecvImportant a { color: #fff; }


.contentCol div.cmImportantTop, .contentCol div.cmImportantBottom, .contentCol div.ecvImportantTop, .contentCol div.ecvImportantBottom, .contentCol div.mediaImportantTop, .contentCol div.mediaImportantBottom {
    height: 5px;
    font-size: 1px;
}
.contentCol div.cmImportantBottom, .contentCol div.ecvImportantBottom {
    margin-bottom: 25px;
}
.contentCol div.mediaImportantBottom {
    margin-bottom: 10px;
}
.contentCol p.cmImportant {
    background: url(images/background_cm_highlight.png) repeat-y;
}
.contentCol div.cmImportantTop {
    background: url(images/background_cm_highlight_top.png) no-repeat;
}
.contentCol div.cmImportantBottom {
    background: url(images/background_cm_highlight_bottom.png) no-repeat;
}
.contentCol p.ecvImportant {
    background: url(images/background_ecv_highlight.png) repeat-y;
}
.contentCol div.ecvImportantTop {
    background: url(images/background_ecv_highlight_top.png) no-repeat;
}
.contentCol div.ecvImportantBottom {
    background: url(images/background_ecv_highlight_bottom.png) no-repeat;
}
.contentCol p.mediaImportant {
    background: url(images/background_media_highlight.png) repeat-y;
}
.contentCol div.mediaImportantTop {
    background: url(images/background_media_highlight_top.png) no-repeat;
}
.contentCol div.mediaImportantBottom {
    background: url(images/background_media_highlight_bottom.png) no-repeat;
}


/* --------------------
 * LAYOUT media block
 */
 
.mediaBlock {
 	clear: both;
 	float: left;
	width: 900px;
	background: url(images/background_media_border.png) no-repeat;
	margin-bottom: 30px;
	/*margin: 0 5px 10px 5px;*/
}

.mediaHeader {
	background: url(images/background_media_header.png) no-repeat;
}

.mediaBlock h3 {
	display: block;
	float: right;
	width: 595px;
	height: 80px;
	margin-top: 20px;
	line-height: 80px;
	font-size: 16px;
}

.mediaContent {
	padding: 15px 0 0 300px;
}

.mediaContent .contentCol, .mediaContent .contentFull {
	margin-bottom: 10px;
}

.mediaFooter {
	/*height: 5px;
	background: url(images/background_media_highlight_bottom.png) no-repeat;*/
}

.mp3Player {
	display: block;
	width: 270px;
	height: 30px;
	/*background: url('media/placeholder_mp3player.png') no-repeat;*/
}

.feedLogo {
	float: right;
	margin-left: 5px;
}


/* --------------------
 * LAYOUT general CLASSES
 */


.clearer { visibility: hidden; clear: both; }

.indent {
    font-style: italic;
    margin-left: 15px;
}

.teaser, .formationTeaser {
	display: block;
	margin-bottom: 10px;
}

.teaserPicture {
	height: 101px;
	overflow: hidden;
}

.teaserText {
	padding: 10px;
	text-align: right;
	font-size: 10px;
	color: #fff;
}

.cmBackground { background-color: #59243b; }

.ecvBackground { background-color: #80986b; }

.secondLineAddress { padding-left: 68px; }