/*/ BODY
*/
BODY{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#dfeec1;
	background-image:url(../images/bg/bg01.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
BODY.textSize1{font-size:11px;}

/*/ Style globale
*/
BODY, TD, LI, A, DT, DD, INPUT{
	font-family:Tahoma, Verdana, Arial;
	color:#000000;
}

TABLE{
	padding:0px;
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
	width:100%;
}
TABLE TD{
	padding:0px;
	vertical-align:top;
}
FORM{ margin:0px; padding:0px; }
P{ margin:0px 0px 10px 0px;	padding:0px; }
A IMG{border:0px;}
/*/ Utility class
*/
.mask, .uiClear{
	position:relative;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
	overflow-x:hidden;
	overflow-y:hidden;
}
.uiNone{display:none;}
.uiClear{
	width:100%;
	height:0px;
	clear:both;
}
/*/ Style Interface
*/
#global{
	width:996px;
	text-align:left;
	margin:0px auto 0px auto;
}
#global .shadowLeft{
	width:7px;
	background-image:url(../images/interface/bLeftBg01.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}
#global .shadowRight{
	width:7px;
	background-image:url(../images/interface/bRightBg01.jpg);
	background-repeat:repeat-y;
	background-position:top left;
}
#global TD.container{
	background-color:#FFFFFF;
	padding:0px 2px 0px 2px;
}

.barreBleu{
	background-image:url(../images/interface/md_bg01.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.barreBleu .cl{
	background-image:url(../images/interface/md_cl01.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.barreBleu .cr{
	background-image:url(../images/interface/md_cr01.gif);
	background-repeat:no-repeat;
	background-position:top right;
	height:33px;	
}
/*/ Top Menu
*/
.topMenu{
	float:left;
	width:350px;
}
.topMenu UL{
	list-style:none;
	margin:0px;
	padding:5px 0px 0px 2px;
	clear:both;
	float:left;
}
.topMenu LI{
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
	border-right:1px solid #ffffff;
}
.topMenu LI.last{border-right:0px;}
.topMenu LI A:link, .topMenu LI A:active, .topMenu LI A:visited{
	color:#ffffff;
	text-decoration:none;
}
.topMenu LI A:hover{
	color:#c6daea;
	text-decoration:underline;
}


.topLogin{
	float:left;
	width:628px;
	text-align:right;	
}
.topLogin A:link, .topLogin A:active, .topLogin A:visited, .topLogin A:hover{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
}
.topLogin A:hover{color:#c6daea;}
.topLogin INPUT{
	vertical-align:middle;
	margin:0px 5px 0px 0px;
	font-size:9px;
	color:#76a619;
}
.topLogin INPUT.pad{
	padding:1px 4px 1px 4px;
}
.topLogin UL{
	list-style:none;
	margin:2px 0px 0px 0px;
	padding:0px;
	clear:both;
	float:right;
}
.topLogin LI{ float:left; }
.topLogin .mask{
	width:600px;
	height:33px;
	margin:0px 0px 0px auto;
}
.topLogin .floatDisplay{
	position:absolute;
	right:247px;
	top:-1px;
}

.top_publicite{
	margin-top:5px;
	padding:0px 0px 0px 9px;
}
.top_publicite .label{
	float:left;
	width:13px;
}
.top_publicite .pub{
	float:left;
	width:728px;
	margin:0px 9px 0px 0px;
}
.top_publicite .other{
	float:left;
	width:210px;
}

/*/ Header style
*/
.header{}
.header .branding{ float:left; width:186px;}
.header .live{
	float:left;
	width:280px;
	height:139px;
	padding:0px;
	background-image:url(../images/bg/bg_header_01.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
}
.header .live .title{
	color:#1c6aac;
	font-size:13px;
	font-weight:bold;
	font-family:Tahoma, Arial, Verdana;
	padding:0px 0px 0px 10px;
	margin:30px 0px 0px 0px;
}
.header .live .emission{
	color:#709d1a;
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Verdana;
	padding:0px 0px 0px 10px;
	float: left;
	width: 180px;
}
.header .live UL{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
}
.header .live LI{
	margin:0px 7px 0px 0px;
	padding:0px 7px 0px 0px;
	border-right:1px solid #709d1a;
	float:left;
}
.header .live LI.last{margin:0px;padding:0px;border:0px;}
.header .live LI A:link, .header .live LI A:active, .header .live LI A:visited, .header .live LI A:hover{
	color:#709d1a;
	text-decoration:none;
	font-size:9px;
}
.header .live LI A:hover{color:#587b14;text-decoration:underline;}
.header .live UL.display{
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	width:276px;
	height:34px;
	background-image:url(../images/bg/bg-live.gif);
	background-repeat:no-repeat;
	background-position:top left;	
}

.header .live UL.icons{
	list-style-type: none;
	float: right;
	width: 80px;
}

.header .live UL.icons li{
	border: none;
	padding: 0 0 0 3px;
	margin: 0;
}

.header .live .display LI{
	margin:0 0 0 5px;
	padding:0px;
	border-right:0px;
	float:left;
}
.header .live .display LI.information{
	/*border-right:1px solid #a4cf50;*/
	margin:0px 10px 0px 4px;
}
.header .live .display LI.information SPAN.artist{
	display:block;
	width:168px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.header .live .display LI.information SPAN.track{
	display:block;
	width:168px;
	font-size:10px;
	font-weight:bold;
	color:#1c6aac;
}
.header .animateurs{ float:left; width:205px;}
.header .recherche{
	float:left;
	width:306px;
	height:139px;
	background-image:url(../images/bg/bg_header_02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.header .recherche{}
.header .recherche .pad{padding:5px 0px 0px 8px;}
.header .recherche UL{
	list-style:none;
	margin:0px;
	padding:47px 0px 0px 0px;
}
.header .recherche FORM{margin:0px 0px 8px 0px;}
.header .recherche INPUT{
	color:#707070;
	width:188px;
	font-size:11px;
	padding:2px 4px 2px 5px;
	border:1px solid #206cad;
	vertical-align:middle;
}
.header .recherche INPUT.submit{
	width:auto;
	padding:0px;
	border:0px;
}
.header .recherche A:link, .header .recherche A:active, .header .recherche A:visited, .header .recherche A:hover{
	color:#018ee6;
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
}
.header .recherche A:hover{color:#0170b5;}

/*/ Navigation class
*/
.navigation{}
.navigation .main{
	background-image:url(../images/bg/bg-main-nav.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:40px;
}
.navigation .main .left{
	float:left;
	width:890px;
	height:40px;	
}
.navigation .main .right{
	float:left;
	width:84px;
	height:38px;
	background-image:url(../images/bg/bg-text-size.gif);
	background-repeat:no-repeat;
	background-position:bottom left;		
}
.navigation .main UL{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px 0px 0px 4px;
}
.navigation .main LI{
	float:left;
	margin:11px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/bg/bg-tab-01.gif);
	background-repeat:repeat-x;
	background-position:top left;	
}
.navigation .main .right UL{
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 6px;		
}
.navigation .main .right LI{
	margin:0px 1px 0px 0px;
	background-image:none;
}
.navigation .main LI SPAN{
	background-image:url(../images/interface/cl-tab-01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:auto;	
}
.navigation .main LI SPAN SPAN{
	background-image:url(../images/interface/cr-tab-01.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:5px 12px 7px 12px;
	display:block;
	width:auto;
}
.navigation .main LI A:link, .navigation .main LI A:active, .navigation .main LI A:visited, .navigation .main LI A:hover{
	color:#709d1a;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}
.navigation .main LI A:hover{color:#587b14;text-decoration:underline;}

/*/ Selected state
*/
.navigation .main LI.selected{
	margin:6px 0px 0px 0px;
	background-image:url(../images/bg/bg-tab-02.gif);
}
.navigation .main LI.selected SPAN{background-image:url(../images/interface/cl-tab-02.gif);}
.navigation .main LI.selected SPAN SPAN{
	background-image:url(../images/interface/cr-tab-02.gif);
	padding:9px 15px 9px 15px;
}
.navigation .main LI.selected A:link, .navigation .main LI.selected A:active, .navigation .main LI.selected A:visited, .navigation .main LI.selected A:hover{
	color:#018ee6;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.navigation .main LI.selected A:hover{color:#0170b5;text-decoration:underline;}

/*/ Sub navigation
*/
.navigation .sub{
	background-image:url(../images/bg/bg-sub-nav.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:11px;
	float: left;
	width: 978px;
}
.navigation .sub UL{
	list-style:none;
	float:left;
	margin:0px;
	padding:4px 20px 4px 20px;
}
.navigation .sub LI{
	float:left;
	margin:0px 12px 0px 0px;
	padding:0px 12px 0px 0px;
	border-right:1px solid #8cb4d5;
}
.navigation .sub LI.last{
    border-right: none;
}    
.navigation .sub A:link, .navigation .sub A:active, .navigation .sub A:visited, .navigation .sub A:hover{
	color:#018ee6;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}
.navigation .sub A:hover{color:#0170b5;text-decoration:underline;}

/*/ Footer class
*/
.footer{}
.footer .footer_publicite{
	background-image:url(../images/bg/bg-pub-footer.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:112px;
	text-align:center;
}
.footer .footer_publicite DIV{
	width:742px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
.footer .footer_publicite DIV.label{
	float:left;
	width:14px;
	margin:0px;
}
.footer .footer_publicite DIV.pub{
	float:left;
	width:728px;
	margin:0px;
	padding:12px 0px 0px 0px;
}
.footer .navigation{
	padding:13px 0px 13px 0px;
	text-align:center;
}
.footer .navigation DIV{
	margin:8px auto 8px auto;
	width:auto;
}
.footer .navigation UL{
	list-style:none;
	padding:0px;
	display:inline;
}
.footer .navigation LI{
	margin:0px 12px 0px 0px;
	padding:0px 12px 0px 0px;
	border-right:1px solid #3a7eb7;
	display:inline;
}
.footer .navigation LI.last{margin:0px;padding:0px;border-right:0px;}
.footer .navigation A:link, .footer .navigation A:active, .footer .navigation A:visited, .footer .navigation A:hover{
	color:#018ee6;
	text-decoration:none;
	font-size:11px;
	font-weight: bold;
}
.footer .navigation A:hover{color:#0170b5;text-decoration:underline;}
.footer .navigation .selected{color:#0170b5;text-decoration:underline;}

/*/ Content style
*/

.content{padding:0px 9px 0px 9px;}
.content .left{
	float:left;
	width:650px;
	margin-right:10px;
}
.content .diffuseur .swf{
	width:650px;
	height:220px;
}
.content .diffuseur .text{
	background-image:url(../images/bg/bg-diffuseur-01.gif);
	background-repeat:repeat-x;
	background-position:top left;
	border-left:1px solid #e0e9cb;
	border-right:1px solid #e0e9cb;
	padding:13px 22px 1px 22px;
}
.content .diffuseur .text .title{
	font-size:14px;
	font-weight:bold;
	color:#709922;
	margin-bottom:5px;
}
.content .diffuseur .text P{
	width:100%;
	margin:0px;
}
.content .diffuseur .cap{
	background-image:url(../images/bg/bg-diffuseur-02.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.content .diffuseur .cap DIV{
	background-image:url(../images/bg/bg-diffuseur-04.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.content .diffuseur .cap DIV DIV{
	background-image:url(../images/bg/bg-diffuseur-03.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:21px;
}
.content .right{
	float:left;
	width:300px;
}
.content .subTitle{
	font-size:15px;
	font-weight:bold;
	color:#1c6aac;
	margin-bottom:10px;
	margin-top:10px;
	margin-left: 2px;
}
.content .right .utilitaire{margin-bottom:5px;}
.content .right .utilitaire .meteo{
	float:left;
	cursor:pointer;
	width:190px;
	height:50px;
	background-image:url(../images/bg/bg-utilitaire.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
}
.content .right .utilitaire .meteo .inner{padding:1px 10px 0px 10px;}
.content .right .utilitaire .meteo .icone{
	float:left;
	width:36px;
	margin-right:10px;
}

.content .right .utilitaire .meteo .icone img{
	width: 36px;
	height: 29px;
}
.content .right .utilitaire .meteo .degree{
	float:left;
	width:60px;
	margin-top:5px;
}
.content .right .utilitaire .meteo .degree STRONG{
	font-size:24px;
	color:#1c6aac;
}
.content .right .utilitaire .meteo .degree SPAN{
	font-size:16px;
	font-weight:bold;
	color:#1c6aac;
	top:-6px;
	position:relative;
}
.content .right .utilitaire .meteo .description{
	float:left;
	width:64px;
	color:#707070;
	font-size:10px;
	/*margin-top:5px;*/
}
.content .right .utilitaire .meteo .ville{
	clear:both;
	color:#1c6aac;
	font-size:10px;
}
.content .right .utilitaire .btns{
	float:left;
	width:110px;	
}
.content .promo{
	float:left;
	width:160px;
	padding:0px 20px 0px 0px;
}
.content .promo .pub{margin:0px 0px 10px 0px;}
.content .general{
	float:left;
	width:780px;
}

/*homepage*/
.content .general .left{
	float:left;
	width:200px;
	padding:0px;
	margin:0px 10px 10px 0px;
}
.content .general .middle{
	float:left;
	width:259px;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.content .general .middleLg{
	float:left;
	width:469px;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.content .general .right{
	float:left;
	width:300px;
	padding:0px;
	margin:0px 0px 10px 0px;	
}

/*news*/
body#news .content .general .left{
	float:left;
	width:200px;
	padding:0px;
	margin:0px 10px 10px 0px;
}
body#news .content .general .middle{
	float:left;
	width:259px;
	padding:0px;
	margin:0px 10px 10px 0px;
}
body#news .content .general .right{
	float:left;
	width:300px;
	padding:0px;
	margin:0px 0px 10px 0px;	
}

/*small scroll nav*/

ul.scrollNav {
	list-style-type: none;
	margin: -25px 0 0 0;
	padding: 0;
	float: right;
}

ul.scrollNav li {
	float: right;
	padding-left: 3px;
}


/*/ Box style 01
*/
.box01{}
.box01 .body{
	border:1px solid #a4cf50;
	border-top:0px;
	padding:7px 9px 4px 9px;
}
.box01.withFooter .body, .box01.withBg .body{border-bottom:0px;}
.box01.withBg .body{
	background-image:url(../images/interface/bx-skin-bg02.gif);
	background-repeat:repeat-x;
	background-position:bottom left;	
}
.box01 .cap{
	background-image:url(../images/interface/bx-skin-bg01.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.box01 .cap DIV{
	background-image:url(../images/interface/bx-skin-cr01.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
.box01 .cap DIV DIV{
	background-image:url(../images/interface/bx-skin-cl01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:4px;
}
.box01 .cap.bottom{background-image:url(../images/interface/bx-skin-bg03.gif);}
.box01 .cap.bottom DIV{background-image:url(../images/interface/bx-skin-cr02.gif);}
.box01 .cap.bottom DIV DIV{background-image:url(../images/interface/bx-skin-cl02.gif);}

.box01 .footer{
	border:1px solid #8fb6cc;
	padding:6px 8px 6px 8px;
}
.box01 .footer A:link, .box01 .footer A:active, .box01 .footer A:visited, .box01 .footer A:hover{
	font-size:11px;
	color:#1c6aac;
	text-decoration:underline;
}
.box01 .footer A:hover{color:#587b14;}



/*Jeux box*/

.box01 ul.jeux {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:180px;
}

.box01 ul.jeux li {
	float: left;
	display: block;
	padding: 5px 12px 10px 12px;
	text-align: center;
	
}

.box01 ul.jeux li img {
	width: 48px;
	height: 48px;
	clear: both;
	border: 1px solid #8db4d5;
}

.box01 ul.jeux li span {
	clear: both;
	padding-top: 3px;
	color: #45811a;
	display: block;
}

.box01 ul.jeux li img a,
.box01 ul.jeux li span {
	text-decoration: none;
	border: none;
}

/*chanson gratuite box*/

.box01 .freesong .bloc {
	padding-bottom: 8px;
	float: left;
}

.box01 .freesong a.img {
	float: left;
	display: block;
	border: 1px solid #4076a3;
}

.box01 .freesong .desc {
	float: left;
	padding: 0 0 10px 8px;
	width: 90px;
	font-size: 10px;
}

.box01 .freesong a.download {
	clear: both;
	float: left;
	display: block;
	border-top: 1px solid #e5f1d0;
	padding: 7px 0 0 0;
	color: #5c9136;
	width: 180px;
}

.box01 .freesong a.vote {
	clear: both;
	display: block;
	border-top: 1px solid #e5f1d0;
	padding: 4px 0 0 0;
	color: #5c9136;
	text-align: center;
}

/*trouver une chanson box*/
.box1 .findSong {
}



/*/ Box style 02
*/
.box02{}
.box02 .body{
	border:1px solid #a4cf50;
	border-top:0px;
	border-bottom:0px;
	padding:7px 9px 4px 9px;
}

.box02.withBg .body{
	background-image:url(../images/interface/bx-skin-bg02.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	float: left;
}

/*embeded body version (no background)*/

.box02.withBg .embeded .body{
	background: #fff;
}
/**/

.box02 .cap{
	background-image:url(../images/interface/bx-skin-bg01.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
.box02 .cap DIV{
	background-image:url(../images/interface/bx-skin-cr01.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.box02.musiqueRD .cap DIV.scroll{
	background:url(../images/interface/bx-skin-cr01_musiqueRD.gif) no-repeat right top;
}

/*embeded version*/

.box02 .embeded .cap DIV{
	background-image:url(../images/interface/bx-skin-cr01_embed.gif);
}
.box02 .embeded .cap DIV DIV{
	background-image:url(../images/interface/bx-skin-cr01_b.gif);
}
/**/


.box02 .cap DIV DIV{
	background-image:url(../images/interface/bx-skin-cr01_b.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:4px;
}
.box02 .footer{
	border:1px solid #8fb6cc;
	padding:6px 8px 6px 8px;
	clear: both;
}
/*footer boite musique rockdetente*/

.box02.musiqueRD .footer {
	border-bottom :1px solid #a4cf50;
	border-left :1px solid #a4cf50;
	border-right :1px solid #a4cf50;
	border-top: none;
	background: url(/library/images/interface/gCurveFooter.gif) no-repeat center top;
	padding:2px 0 3px 8px;
}

.box02.musiqueRD .footer a {
	float: left;
	padding-top: 3px;
}

.box02.musiqueRD .footer .scrollBottom {
	float: right;
}


.box02 .footer.textRight{
	text-align: right;
}

.box02 .footer A:link, .box02 .footer A:active, .box02 .footer A:visited, .box02 .footer A:hover{
	font-size:11px;
	color:#1c6aac;
	text-decoration:underline;
}

.box02 .footer A:hover{color:#587b14;}
.box02 .onglets{
	position:relative;
	height:20px;
}

.box02 .embeded .onglets{
	position:relative;
	height:20px;
	background: #E9F3DB;
	border-right: 1px solid #A4CF50;
}

.box02 .onglets UL{
	position:absolute;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	top:0px;
}
.box02 .onglets LI{
	float:left;
	margin:4px 1px 0px 0px;
	padding:0px;
	cursor:pointer;
	background-image:url(../images/bg/bg-tab-03.gif);
	background-repeat:repeat-x;
	background-position:top left;	
}
.box02 .onglets LI SPAN{
	background-image:url(../images/interface/cl-tab-03.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:auto;	
}
.box02 .onglets LI SPAN SPAN{
	background-image:url(../images/interface/cr-tab-03.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:2px 10px 0px 10px;
	display:block;
	width:auto;
	color:#1c6aac;
	text-decoration:none;
	font-size:11px;
}
.box02 .onglets LI.over SPAN SPAN{
	color:#587b14;
	text-decoration:underline;
}

/*musique rockdetente top scroll*/

.box02.musiqueRD .onglets .topBtn {
	padding-top: 3px;
	position: absolute;
	left: 440px;
}


/*/ Selected state
*/
.box02 .onglets LI.selected{
	margin:0px 1px 0px 0px;
	background-image:url(../images/bg/bg-tab-04.gif);
}
.box02 .onglets LI.selected SPAN{background-image:url(../images/interface/cl-tab-04.gif);}
.box02 .onglets LI.selected SPAN SPAN{
	background-image:url(../images/interface/cr-tab-04.gif);
	padding:4px 10px 5px 10px;
}
.box02 .onglets LI.selected SPAN SPAN{
	color:#018ee6;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

/*special embeded tab*/

.box02 .embeded .onglets LI.selected SPAN {
	background-image: url(/library/images/interface/cl-tab-04_embed.gif);
}

.box02 .embeded .onglets LI.selected SPAN SPAN {
	background-image: url(/library/images/interface/cr-tab-04_embed.gif);
}


/*box 2 emisions carousel*/
.scrollMask{
	position:relative;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
	overflow-x:hidden;
	overflow-y:hidden;
	width:1px;
	height:1px;
}
.scrollContent{ position:absolute; left:0px; top:0px; }
TABLE.scrollContent{ width:auto; }
#scrollBox01 .scrollMask{ /* Box radio */
	width:598px;
	height:auto;
}
#scrollBox02 .scrollMask{ /* Box art de vivre */
	width:180px;
	height:auto;
}
#scrollBox03 .scrollMask{ /* Box jeux */
	width:180px;
	height:auto;
}
#scrollBox04 .scrollMask{ /* Box zone concours */
	width:269px;
	height:auto;
}

#specialEvents .scrollMask {/* Box zone evenement speciaux */
	width:598px;
	height:auto;
}

.box02 .body table.scrollContent td{
	background: url(/library/images/bg/tdScrollBg.gif) no-repeat left bottom;
	width: 197px;
}
.box02 .body table.scrollContent td ul{	
	list-style-type: none;
	padding: 10px 7px 10px 7px;
	margin: 0 3px 0 0;
	border-top: 1px solid #a4cf50;
	border-left: 1px solid #a4cf50;
	border-right: 1px solid #a4cf50;
	width: 181px;
}

/*rollover state for td*/

.box02 .body table.scrollContent td.over{
	background: url(/library/images/bg/tdScrollBg_over.gif) no-repeat left bottom;
}



.box02 .body table.scrollContent td.over ul{	
	list-style-type: none;
	padding: 10px 7px 8px 7px;
	margin: 0 3px 0 0;
	border-top: 1px solid #6da3cf;
	border-left: 1px solid #6da3cf;
	border-right: 1px solid #6da3cf;
	background: #f5f6f8;
}
/**/

.box02 .body table.scrollContent td ul.last{
	margin-right: 0;	
}

.box02 .body table.scrollContent td ul li{
	clear: both;
	display: block;
	padding: 5px 0 10px 0;	
}

.box02 .body table.scrollBox {
	/*text-align: center;*/
}

table.scrollBox td{
	text-align: left;
}


table.scrollBox td.lArrow,
table.scrollBox td.rArrow {
	vertical-align: middle;
	text-align: center;
}

table.scrollBox td.lArrow {
	padding-right: 2px;
}


table.scrollBox td.rArrow {
	padding-left: 2px;
}


/*text styling*/

.box02 .body table.scrollContent td ul li.title{
	border-bottom: 1px solid #d4e0bc;
	height: 70px;
}

.box02 .body table.scrollContent td ul li.title span.time{
	color: #a9d15c;
	display: block;
	font-size: 10px;
	font-weight: bold;
}

.box02 .body table.scrollContent td ul li.title span.showName{
	color: #0099cc;
	display: block;
	clear: both;
	font-size: 12px;
	font-weight: bold;
}

.box02 .body table.scrollContent td ul li span.text{
	display: block;
	clear: both;
}

.box02 .body table.scrollContent td ul li span.subject{
	display: block;
	clear: both;
	color: #0099cc;
	font-weight: bold;
}

.box02 .body table.scrollContent td ul li.summary a{
	clear: both;
	display: block;
	color: #a9d15c;
	text-decoration: underline;
	padding-top: 5px;
}



/*

----Showbiz box

*/

.box02 .body .showbiz {
	display: block;
	width: 239px;
}


.box02 .body .showbiz h3{
	padding: 0;
	margin: 0;
	color: #0170B5;
	font-weight: bold;
	font-size: 12px;
}

.box02 .body .showbiz h3 span {
	clear: both;
	display: block;
	font-size: 10px
}

.box02 .body .showbiz .content {
	clear: both;
	float: left;
	display: block;
	padding: 5px 0;
	background: url(/library/images/bg/bg_shobizBox.jpg) repeat-x left bottom;
}

.box02 .body .showbiz .content .thumb{
	float: left;
	padding-right: 9px;
}

.box02 .body .showbiz .content .text{
	display: block;
	float: left;
	width: 138px;
}

/*news*/
body#news .box02 .body .showbiz .content .text{
	display: block;
	float: left;
	width: 250px;
}

.box02 .body .showbiz .content .text h4 {
	color: #45811A;
	font-weight: bold;
	clear: both;
	margin: 0;
	padding: 0 0 5px 0;
}

.box02 .body .showbiz .content .text h4 a {
	color: #45811A;
	text-decoration: none;
}

.box02 .body .showbiz .content .text p {
	clear: both;
}

.box02 .body .showbiz .content .text UL.nav,
.box02 .body .topicOfday UL.nav,
.box02 .body .potd .text UL.nav,
.box02 .body .pAlbum .text UL.nav{
	list-style:none;
	margin:4px 0px 0px 0px;
	padding:0px;
	float:left;
	clear: both;
}
.box02 .body .showbiz .content .text UL.nav LI,
.box02 .body .topicOfday UL.nav li,
.box02 .body .potd .text UL.nav li,
.box02 .body .pAlbum .text UL.nav li{
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	float:left;
	border-right:1px solid #1c6aac;
	background-image:none;
	border-bottom: none;
	width: auto;
}
.box02 .body .showbiz .content .text UL.nav LI.last,
.box02 .body .topicOfday UL.nav li.last,
.box02 .body .potd .text UL.nav li.last,
.box02 .body .pAlbum .text UL.nav li.last{
	border-right:0px;
	margin:0px;
	padding:0px;	
}

.box02 .body .showbiz .content .text UL.nav LI a,
.box02 .body .topicOfday UL.nav li a,
.box02 .body .potd .text UL.nav li a,
.box02 .body .pAlbum .text UL.nav li a{
	color: #709D1A;
	font-size: 10px;
}

.box02 .body .showbiz .content .text UL.nav LI a:hover,
.box02 .body .topicOfday UL.nav li a:hover,
.box02 .body .potd .text UL.nav li a:hover,
.box02 .body .pAlbum .text UL.nav li a:hover{
	color: #587b14;
}

.box02 .body .showbiz .content .text UL.nav LI.comment a,
.box02 .body .topicOfday UL.nav li.comment a,
.box02 .body .potd .text UL.nav li.comment a,
.box02 .body .pAlbum .text UL.nav li.comment a{
	color: #018EE6;
}

.box02 .body .showbiz .content .text UL.nav LI.comment a:hover,
.box02 .body .topicOfday UL.nav li.comment a:hover,
.box02 .body .potd .text UL.nav li.comment a:hover,
.box02 .body .pAlbum .text UL.nav li.comment a:hover{
	color: #0170B5;
}
/*liste d'articles*/

.box02 .body .showbiz ul.showbizList {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

.box02 .body .showbiz ul.showbizList li{
	clear: both;
	padding-bottom: 3px;
}

.box02 .body .showbiz ul.showbizList li a{
	color: #45811A;
	text-decoration: none;
	font-weight: bold;
}

/**/

/*Ringtones box*/

.box02 .body ul.ringtone {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 239px;
	height: 146px;
}

.box02 .body ul.ringtone li {
	display: block;
	clear: both;
	background: url(/library/images/icons/ringTone.gif) no-repeat left center;
	padding: 2px 0 2px 25px;
}

.box02 .body ul.ringtone li a span {
	border-bottom: 1px solid #c6daea;
	padding-bottom: 3px;
	width: 214px;
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

/*fonds d'ecran*/

.box02 .body ul.screensaver {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
	width: 239px;
}


.box02 .body ul.screensaver li{
	float: left;
	width: 111px;
	padding: 0 4px;
}

.box02 .body ul.screensaver li img {
	clear: both;
	display: block;
	border: 1px solid #4076a3;
}

.box02 .body ul.screensaver li span{
	clear: both;
	display: block;
	
}

.box02 .body ul.screensaver li a span {
	color: #45811A;
	text-decoration: none;
	font-weight: bold;
}

/*photos du jour box + album photos*/

.box02 .body .potd,
.box02 .body .pAlbum {
	padding: 10px 0;
	float: left;
	width: 239px;
}

.box02 .body .potd {
	padding: 10px 0 28px 0;
}

.box02 .body .potd img,
.box02 .body .pAlbum img {
	float: left;
	display: block;
	border: 1px solid #4076a3;
}

.box02 .body .potd .text,
.box02 .body .pAlbum .text {
	float: left;
	width: 174px;
	padding-left: 5px;
}

.box02 .body .potd .text ul.nav,
.box02 .body .pAlbum .text ul.nav{
	width: 174px;
}

.box02 .body .potd .text span.author,
.box02 .body .pAlbum .text span.title {
	float: left;
	display: block;
}

.box02 .body .pAlbum .text span.author {
	font-weight: bold;
	text-transform: uppercase;
	color: #45811A;
	display: block;
}

.box02 .body .potd .text span.title {
	float: left;
	clear: both;
	color: #45811A;
	font-weight: bold;
}

.box02 .body .pAlbum ul.bottom {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
	width: 239px;
}

.box02 .body .pAlbum ul.bottom li.fLeft {
	display: block;
	float: left;
}

.box02 .body .pAlbum ul.bottom li.fRight {
	display: block;
	float: right;
}

.box02 .body .pAlbum ul.bottom li a {
	color: #018EE6;
	text-decoration: underline;
}


/*discussion du jour embeded box*/
.box02 .body ul.topicOfday {
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 0;
}

.box02 .body ul.topicOfday li {
	border-bottom:1px solid #C6DAEA;
	padding: 5px 0 10px 0;
	width: 239px;
}

.box02 .body ul.topicOfday li.last {
	border: none;
}

.box02 .body ul.topicOfday li span.author {
	clear: both;
	display: block;
}

.box02 .body ul.topicOfday li span.title {
	clear: both;
	display: block;
	color: #45811A;
	font-weight: bold;
}

/**/

/*/ Box style 03
*/
.box03{}
.content .general .box03 .left, .content .general .box03 .right{
	float:left;
	width:145px;
}
.content .general .box03 .left{margin-right:10px;}
.box03 .body{
	border:1px solid #a4cf50;
	padding:5px;
}
.box03 .body A IMG{border:1px solid #dbdbdb;}


/*/ book-list
*/
UL.book-list{
	list-style:none;
	margin:0px;
	padding:0px;
	width: 280px;
}
UL.book-list LI{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url(../images/bg/bg-line-01.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
UL.book-list LI.last{
	background-image:none;
	margin:0px;
	padding:0px;	
}
UL.book-list LI .thumbs{
	float:left;
	width:58px;
	margin-right:10px;
}
UL.book-list LI .thumbs IMG{border:1px solid #a4cf50;}
UL.book-list LI .info{
	float:left;
	width:210px;
}
UL.book-list LI .info .title{margin-bottom:4px;}
UL.book-list LI .info .title A:link, UL.book-list LI .info .title A:active, UL.book-list LI .info .title A:visited, UL.book-list LI .info .title A:hover{
	font-size:12px;
	font-weight:bold;
	color:#1c6aac;
	text-decoration:none;
}
UL.book-list LI .info .title A:hover{color:#587b14;text-decoration:underline;}
UL.book-list LI .info .author{
	font-size:11px;
	font-weight:bold;
	color:#363636;
	margin-bottom:2px;
}
UL.book-list LI .info UL.nav{
	list-style:none;
	margin:4px 0px 0px 0px;
	padding:0px;
	float:left;
}
UL.book-list LI .info UL.nav LI{
	margin:0px 5px 0px 0px;
	padding:0px 5px 0px 0px;
	float:left;
	border-right:1px solid #1c6aac;
	background-image:none;
}
UL.book-list LI .info UL.nav LI.last{
	border-right:0px;
	margin:0px;
	padding:0px;	
}
UL.book-list LI .info UL.nav LI A:link, UL.book-list LI .info UL.nav LI A:active, UL.book-list LI .info UL.nav LI A:visited, UL.book-list LI .info UL.nav LI A:hover{
	color:#709d1a;
	text-decoration:underline;
	font-size:10px;
}
UL.book-list LI .info UL.nav LI A:hover{color:#587b14;}
UL.book-list LI .info UL.nav LI.comment A:link, UL.book-list LI .info UL.nav LI.comment A:active, UL.book-list LI .info UL.nav LI.comment A:visited, UL.book-list LI .info UL.nav LI.comment A:hover{color:#018ee6;}
UL.book-list LI .info UL.nav LI.comment A:hover{color:#0170b5;}

/*/ art-list
*/

UL.art-list{
	list-style:none;
	margin:0px;
	padding:0px;
	width: 180px;
}
UL.art-list LI{
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border: 1px solid #fff;
	border-bottom:1px solid #8db4d5;
}
UL.art-list LI.last{
	border-bottom:0px;
	margin:0px;
	padding:0px;	
}
UL.art-list LI .thumbs{
	float:left;
	width:58px;
	margin: 0 10px 10px 0;
}
UL.art-list LI .thumbs IMG{border:1px solid #8db4d5;}
UL.art-list LI .title, UL.art-list LI .description{
	margin:0px 0px 4px 0px;
	padding:0px;
}

UL.art-list LI A:link, UL.art-list LI A:active, UL.art-list LI A:visited, UL.art-list LI A:hover{color:#018ee6;}
UL.art-list LI A:hover{color:#0170b5;}
UL.art-list LI .title, UL.art-list LI .title A:link, UL.art-list LI .title A:active, UL.art-list LI .title A:visited, UL.art-list LI .title A:hover{
	font-size:12px;
	font-weight:bold;
	color:#1c6aac;
	text-decoration:none;
}
UL.art-list LI .title A:hover{color:#0170b5;text-decoration:underline;}
UL.art-list LI .subtitle{
	font-size:11px;
	font-weight:bold;
	color:#45811a;
	margin:0px 0px 2px 0px;
}

UL.art-list LI .subtitle a {
	color:#45811a;
	text-decoration: none;
}


#messageError01{display:none;}
.messageError01{padding:20px 10px 10px 10px;}
.messageError01 .subTitle{
	color:#018EE6;
	font-size:14px;
	padding:0px 0px 0px 0px;
}
.messageError01 P{color:#666666;}
.messageError01 A:link, .messageError01 A:active, .messageError01 A:visited, .messageError01 A:hover{
	font-weight:bold;
	color:#DC6821;
	text-decoration:underline;
}
.messageError01 A:hover{color:#B84F0F;}

/*/ Showdebug style
*/
fieldset.debug{
	border:1px solid #B53057;
	margin:5px 0px 5px 0px;
}
fieldset.debug legend{
	padding:5px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial;
	background-color:#D45D80;
	border:1px solid #B53057;
}


/*Contest caroussel*/

.contestCaroussel table.scrollContent {
	position: relative;
}

.contestCaroussel table.scrollContent td{
	width: 130px;
}

.contestCaroussel table.scrollContent td img {
	border: 1px solid #a3ce50;
	margin: 0 3px;
	display: block;
}

/*rock detente TV*/

.rockTV {
	display: block;
}

/*Infolettre box*/

.infolettre span.title {
	display: block;
	clear: both;
	color: #45811A;
	font-weight: bold;
	padding-bottom: 5px
}

.infolettre span.text {
	display: block;
	clear: both;
	padding-bottom: 5px;
	width: 280px;
}

.infolettre form {
	display: block;
	clear: both;
}

.infolettre form input.field{
	width: 200px;
	display: block;
	float: left;
	margin-right: 4px;
}

.infolettre form input.button{
	display: block;
	float: left;
	margin-top:1px;
}

/* liveInfo layer */
.liveInfo{
	position:absolute;
	left:0px;
	top:0px;
	z-index:99999;
	width:300px;
}
#template_layer_circulation, #template_layer_horoscope, #template_layer_meteo{ display:none; }

.pupopSkin01{}
.pupopSkin01 .title{
	float:left;
	width:214px;
	background-image:url(../images/popup/ctl01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	padding:6px 0px 0px 10px;
	color:#018ee6;
	font-size:18px;
	font-family:Tahoma, Verdana, Arial;
}
.pupopSkin01 .close{
	float:left;
	width:76px;
}
.pupopSkin01 .bg01{
	background-image:url(../images/popup/bg01.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
.pupopSkin01 .bg02{
	background-image:url(../images/popup/bg02.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
.pupopSkin01 .pad01{ padding:10px; }
.pupopSkin01 .pad02{
	padding:1px;
	background-color:#e0efc4; 
}
.pupopSkin01 .image{
	float:left;
	width:100px;
	text-align:right;
}
.pupopSkin01 .data{
	float:left;
	width:165px;
	padding:10px 0px 0px 10px;
}
.pupopSkin01 .data .location{
	color:#709d1a;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	font-family:Tahoma, Verdana, Arial;	
}
.pupopSkin01 .data .date{
	color:#6c6c6c;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	font-family:Tahoma, Verdana, Arial;	
}
.pupopSkin01 .data .celcius{
	color:#0099cc;
	text-align:left;
	font-size:42px;
	font-family:Tahoma;	
}
.pupopSkin01 UL.complement{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}
.pupopSkin01 UL.complement LI{
	float:left;
	text-align:left;
	width:126px;
	background-image:url(../images/popup/bullet01.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 14px;
	color:#3a3939;
	font-size:10px;
	font-family:Tahoma;		
}
.pupopSkin01 .popupFooter{
	background-color:#018ee6;
	border:1px solid #548FC0;
	border-top:0px;
	padding:10px;
	text-align:left;
}
.pupopSkin01 .popupFooter A:link, .pupopSkin01 .popupFooter A:active, .pupopSkin01 .popupFooter A:visited, .pupopSkin01 .popupFooter A:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
.pupopSkin01 .popupFooter A:hover{color:#9ac3e6;}