/*
 * YOOtheme CSS file
 *
 * @author yootheme.com
 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.
 */ 

/*
 * Page
 */
 
body {
	background: #385A81 url(../images/FOND_RADIO.jpg) 50% 0 repeat-x fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
	text-align:left;
}
div#lien {
	text-decoration:none;
	text-align:center;
}
div#lien a {
	text-decoration:none;
}
div#lien2 {
	text-decoration:none;
	text-align:center;
	font-size:10px;
}
div#lien2 a {
	text-decoration:none;
	font-size:10px;
}
div#header {
	width: 900px;  
	height: 114px;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-bottom:25px;
}
div#header-left {
	background-image:url(../images/lc2radio.png);
	background-repeat:no-repeat;
	width: 200px;  
	height: 114px;
	padding: 0px;
	position: relative;
	float:left;
}
div#header-right {
	width: 700px;  
	height: 114px;
	margin-top:25px;
	padding: 0px;
	position: relative;
	float:right;
}
div#header-right h1{
	font-size:22px;
	color:#000;
	text-align:center;
	padding-top:20px;
	margin:0px;
}
div#header-right h2{
	font-size:18px;
	color:#000;
	text-align:center;
	padding:0px;
	margin:0px;
}
div#banniere {
	width: 900px;  
	height: 80px;
	padding: 0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index: 10;
	clear: both;  
}
div#banniere2 {
	width: 900px;  
	height: 114px;
	padding: 0px;
	margin-top:35px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index: 10;
	clear: both;  
}
div#content {
	width: 900px;  
	min-height:400px;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
div#content-left {
	width: 700px;  
	min-height:400px;
	padding: 0px;
	position: relative;
	float:left;
}
div#content-right {
	background-color:#fff;
	width: 200px;  
	min-height:400px;
	padding: 0px;
	margin:0px;
	position: relative;
	float:right;
}



div#mod-paper  {
	width:200px;
	height:auto;
}
div#mod-paper-top  {
	background: url(../images/module_paper_header2.png) 0 0 repeat-x;
	margin-top: -15px;
	width:200px;
	height:35px;
}
div#mod-paper-middle  {
	background: url(../images/module-paper-middle.png) 0 0 repeat;
	width:200px;
	height:auto;
}
div#mod-paper-bottom  {
	background: url(../images/module-paper-bottom.png) 0 0 repeat-x;
	width:200px;
	height:9px;
}
div#mod-paper h3 {
	height: 35px;
	font-size: 80%;
	line-height: 32px;
	text-indent: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #fff;
	text-align:left;
}




div#mod-paper-menu  {
	width:200px;
	height:auto;
	background-color:#fff;
}
div#mod-paper-menu-top  {
	background: url(../images/module_paper_header2.png) 0 0 repeat-x;
	margin-top: -15px;
	width:200px;
	height:35px;
}
div#mod-paper-menu-middle  {
	background: url(../images/module-paper-middle.png) 0 0 repeat;
	width:200px;
	height:auto;
}
div#mod-paper-menu-bottom  {
	background: url(../images/module-paper-bottom.png) 0 0 repeat-x;
	width:200px;
	height:9px;
}
div#mod-paper-menu h3 {
	height: 35px;
	font-size: 80%;
	line-height: 32px;
	text-indent: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #fff;
	text-align:left;
}
div#mod-paper-menu li {
	text-align: left;
	font-size: 12px;
	line-height:22px;
	margin-left:-10px;
	list-style-type:square;
	color:#B5162B;
}
div#mod-paper-menu  a {
	color: #B5162B;
	padding-left:0px;
	padding-right:12px;
	text-decoration:none;
}
div#mod-paper-menu p {
	text-align: justify;
	font-size: 12px;
	line-height:18px;
	margin-left:10px;
	margin-right:10px;
	list-style-type:square;
	color:#666;
}







div#mod-paper-direct  {
	width:425px;
	height:auto;
	background-color:#fff;
	margin-left:25px;
}
div#mod-paper-direct-top  {
	background: url(../images/module_paper_header2.png) 0 0 repeat-x;
	margin-top: -15px;
	width:425px;
	height:35px;
}
div#mod-paper-direct-middle  {
	background: url(../images/module-paper-middle.png) 0 0 repeat;
	width:425px;
	height:auto;
}
div#mod-paper-direct-bottom  {
	background: url(../images/module-paper-bottom.png) 0 0 repeat-x;
	width:425px;
	height:9px;
}
div#mod-paper-direct h3 {
	height: 35px;
	font-size: 80%;
	line-height: 32px;
	text-indent: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #fff;
	text-align:left;
}
div#mod-paper-direct-middle a  {
	color: #B5162B;
	padding-left:0px;
	padding-right:12px;
	text-transform: uppercase;
	text-decoration:none;
}


div#mod-paper-text  {
	width:400px;
	height:515px;
	background-color:#fff;
}
div#mod-paper-text-top  {
	background: url(../images/module_paper_header2.png) 0 0 repeat-x;
	margin-top: -15px;
	width:400px;
	height:35px;
}
div#mod-paper-text h3 {
	height: 35px;
	font-size: 85%;
	line-height: 32px;
	text-indent: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #fff;
	text-align:left;
}
div#mod-paper-text-middle  {
	background: url(../images/module-paper-middle.png) 0 0 repeat;
	width:400px;
	height:auto;
}
div#mod-paper-text-middle h1 {
	font-size:18px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	border:none;
}
div#mod-paper-text-middle h2 {
	font-size:15px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	border:none;
}
div#mod-paper-text-middle p {
	font-size:11px;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	border:none;
}
div#mod-paper-text-middle a  {
	color: #B5162B;
	padding-left:0px;
	text-decoration:none;
}
div#mod-paper-text-middle ul li {
	font-size:11px;
	text-align:justify;
	padding-left:5px;
	padding-right:20px;
	border:none;
}
div#mod-paper-text-bottom  {
	width:400px;
	height:9px;
}



.transparent_class {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/* set body font size (styleswitcher) */
body.font-small {
	font-size: 12px;
}

body.font-medium {
	font-size: 13px;
}

body.font-large {
	font-size: 14px;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}
div#ban {
	position: absolute;
	z-index: 15;
	top: 40px;
	left: 200px;
	width: 100%;
}

div#page-body {
	background: url(../../yoo_daylight/images/header_bg-2.png) 50% 0 no-repeat;
}

body.evening div#page-body { background: url(../../yoo_daylight/images/header_bg-2.png) 50% 0 no-repeat; }
body.night div#page-body { background: url(../../yoo_daylight/images/header_bg-2.png) 50% 0 no-repeat; }
body.morning div#page-body { background: url(../../yoo_daylight/images/header_bg-2.png) 50% 0 no-repeat; }



div#toolbar {
	width: 960px;  
	height: 35px;
	padding: 1px 120px 0px 20px;
	clear: both;  
	color: #ffffff;
	overflow: hidden;
}

div#date {
	margin: 7px 10px 0px 0px;
	float: left;
	font-size: 85%;
}

div#topmenu {
	margin: 3px 10px 0px 0px;
	float: left;
}

div#styleswitcher {
	  
	height: 20px;
	margin: 2px 0px 0px 20px;
	float: right;
}

div#styleswitcher a {
	width: 15px;
	height: 20px;
	float: right;
	text-decoration: none;
	display: block;
	overflow: hidden;
	 
}

a#switchfontsmall { background: url(../../yoo_daylight/images/styleswitcher_fontsmall.png) 0 0 no-repeat; }
a#switchfontmedium { background: url(../../yoo_daylight/images/styleswitcher_fontmedium.png) 0 0 no-repeat; }
a#switchfontlarge { background: url(../../yoo_daylight/images/styleswitcher_fontlarge.png) 0 0 no-repeat; }
a#switchwidththin { background: url(../../yoo_daylight/images/styleswitcher_widththin.png) 0 0 no-repeat; }
a#switchwidthwide { background: url(../../yoo_daylight/images/styleswitcher_widthwide.png) 0 0 no-repeat; }
a#switchwidthfluid { background: url(../../yoo_daylight/images/styleswitcher_widthfluid.png) 0 0 no-repeat; }

a:hover#switchfontsmall { background: url(../../yoo_daylight/images/styleswitcher_fontsmall.png) 0 -20px no-repeat; }
a:hover#switchfontmedium { background: url(../../yoo_daylight/images/styleswitcher_fontmedium.png) 0 -20px no-repeat; }
a:hover#switchfontlarge { background: url(../../yoo_daylight/images/styleswitcher_fontlarge.png) 0 -20px no-repeat; }
a:hover#switchwidththin { background: url(../../yoo_daylight/images/styleswitcher_widththin.png) 0 -20px no-repeat; }
a:hover#switchwidthwide { background: url(../../yoo_daylight/images/styleswitcher_widthwide.png) 0 -20px no-repeat; }
a:hover#switchwidthfluid { background: url(../../yoo_daylight/images/styleswitcher_widthfluid.png) 0 -20px no-repeat; }

div#menu {
	position: absolute;
	top: 45px;
	left: 250px;
	z-index: 11;
	height: 50px;
}

div#logo {
	position: absolute;
	top: 55px;
	left: 5px;
}

div#search {
	position: absolute;
	top: 8px;
	right: 0px;
	z-index: 12;
	width: 120px;  
}

div#banner {
	position: absolute;
	top: 57px;
	left: 220px;
	width: 0px;
	z-index: 3;
}

div#top {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	clear: both;  
}

div#top .topbox {
	margin-top: 15px;
}

div#middle {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 35px 15px 15px 15px;
	clear: both;  
} 

div#contenttop {
	margin: 0px 0px 15px 0px;
}

div#breadcrumb {
	height: 19px;
	font-size: 85%;
}

div#contentbottom {
	margin: 15px 0px 0px 0px;
}

div#mainbottom {
	padding: 0px 0px 0px 0px;
}

div#bottom {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#bottom .bottomblock {
	margin-top: 0px;
	margin-bottom: 0px;
}

div#footer {
	width: auto;  
	min-height: 90px;
	 
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	clear: both;  
	text-align: center;
	color: #ffffff;
}

div#footer a:link, div#footer a:visited {
	color: #ffffff;
}

div#footer a:hover {
	color: #ffffff;
}

div#footer a.anchor {
	margin: 0px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: url(../../yoo_daylight/images/footer_anchor_white.png) 0 0 no-repeat;
	display: block;
	float: right;
	text-decoration: none;
}

/*
 * Clearing & Floating
 */

 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
.white {
	color:#FFF;
	text-decoration:none;
	text-transform:none;
	
}
.RED {
	color:#F00;
	text-decoration:none;
	text-transform:none;
	
}
.BLAK {
	color:#333;
	text-decoration:none;
	text-transform:none;
	
}
 
.clearfix { display: block; }

 
.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }