/*
 *		Copyright (C)2010 akeo
 *		http://www.akeo.ch
 *
 *		06 juin 2010
 *		Yann Stricker
 *
**/

/*

0.9em = 11px
1em = 12px
1.1em = 13px
1.2em = 14px
2.3em = 24px

*/

/* ---------------------------------------------------------------------------------------------------- */
/* default classes */
/* ---------------------------------------------------------------------------------------------------- */

* {						margin:0;padding:0;} 

html, body{				margin:0; padding:0;
						background:#A2E0EA url(../img/00_dft/body_bg.jpg) repeat-x;
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serifs-serif; font-size:12px; color:#4A2C23; 
						padding-bottom:0;}

th, td {				border:none; padding:0; vertical-align:top;}
table{ 					margin-bottom:0;}
						 
A:active, A:visited, A:Link{
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:12px; color:#4A2C23; text-decoration:none;}
A:Hover{				color:#E53B47;}
		

hr{ 					height:1px; width:100%; color:#eeeeee; background:#eeeeee; border:none; }

.hr{					position:relative; clear:both; display:block; background:url(../img/00_dft/hr.gif); background-repeat:repeat-x; width:100%; height:2px; margin:3px 0px 3px 0px;}
.hr_alt{ 				position:relative; clear:both; display:block; background:url(../img/00_dft/hr_point.gif); background-repeat:repeat-x; width:100%; height:1px; margin:3px 0px 24px 0px;}

input{					height:17px; padding:4px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input_bg.gif);
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:12px; color:#4A2C23; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

.btn{					height:20px; padding:2px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/btn_bg.gif); 
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:12px; color:#4A2C23; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}
		  
select{					height:22px; padding:2px 3px 0 3px; margin:1px; background:#fff; 
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:12px; color:#4A2C23; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

textarea{				height:auto; padding:3px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input_bg.gif);
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:12px; color:#4A2C23; 
						border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf ; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}

img{					border:none;}
img, div{ 				}/*behavior: url(iepngfix.htc)*/

input[type="radio"]{	width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:nonoe;}
.radio{					width:13px; height:13px; margin:3px 3px 0px 5px; padding:0 !important; cursor:default;
						-moz-appearance:radio; -moz-binding:none; -moz-border-radius:100% !important; background:transparent; border:none;}
									 
fieldset{				border:1px solid #4A2C23; margin:5px 0px 5px 0px; padding:5px 10px 10px 10px;}	
legend{					font-size:12px; font-weight:bold;}

p{						margin:5px 0 13px 0;}

.dflt{					width:auto; height:auto;}
.hide{					visibility:hidden;}
.show{					visibility:visible;}
.fl{					float:left;}
.fr{					float:right;}
.b{						font-weight:bold;}
.i{						font-style:italic;}
.uc{					text-transform:uppercase;}
.brd{					border:1px solid #4A2C23;}

.clear{					display:block; clear:both;}
.break{					clear:both; height:1px; line-height:1px; font-size:1px;}

/* Float containers fix */ 
.clearfix:after{		content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{				display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{		height:1%;}
.clearfix{				display:block;}
/* End hide from IE-mac */ 


.br_s{					height:8px; width:auto;}
.br_m{					height:16px; width:auto;}
.br_l{					height:28px; width:auto;}

.red{					color:#E53B47;}
.green{ 				color:#5a8e22;}
.blue{					color:#274884;}





/* ---------------------------------------------------------------------------------------------------- */
/* Buttons */
/* ---------------------------------------------------------------------------------------------------- */

.btn_img{ 				width:auto; height:26px; padding:0 2px 0px 0; float:left; cursor:pointer;}
.btn_img .btn_left{ 	clear:right; float:left; width:12px; height:26px; background:url(../../img/btns/btn_img/btn_left.gif) left top no-repeat;}
.btn_img .btn_cntr{		clear:right; float:left; width:auto; height:26px; background:url(../../img/btns/btn_img/btn_center.gif) center top repeat-x; padding:6px 2px 0 4px; 
						font-size:12px; color:#4A2C23; text-align:center; vertical-align:middle; white-space:nowrap;}
.btn_img .btn_right{ 	clear:right; float:left; width:12px; height:26px; background:url(../../img/btns/btn_img/btn_right.gif) no-repeat;}

A.btn_img .btn_cntr:Link, A.btn_img .btn_cntr:Active, A.btn_img .btn_cntr:Visited{ 
						font-size:12px; font-weight:normal; color:#4A2C23; text-decoration:none;}
A .btn_img .btn_cntr:Hover{ color:#E53B47; text-decoration:none;}

.arrowLeft .btn_left{ 	width:21px; background:url(../../img/btns/btn_img/btn_left_arrow_left.gif) left top no-repeat;}
.arrowRight .btn_left{ 	width:21px; background:url(../../img/btns/btn_img/btn_left_arrow_right.gif) left top no-repeat;}



/* ---------------------------------------------------------------------------------------------------- */
/* Cadre */
/* ---------------------------------------------------------------------------------------------------- */

html, body, #doc3 {		height: 100%;}
body > #doc3 {			height: auto; min-height: 100%;}
#main{					padding-bottom:61px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Home + Page */
/* ---------------------------------------------------------------------------------------------------- */

#hd{					position:relative; width:100%; height:290px; z-index:1000;}
#hd_cnt{				position:relative; width:990px; text-align:left;}


/* ---------------------------------------------------------------------------------------------------- */
/* Page
/* ---------------------------------------------------------------------------------------------------- */


#page01 #doc3{			margin:auto;}
#page01 { 				width:100%; margin:auto; text-align:left; background:#A2E0EA url(../img/00_dft/body_bg.jpg) repeat-x;}

/* Main */
#page01 #bd{			position:relative; width:990px;  text-align:left; background:url(../img/03_cnt/cnt_bg.jpg) no-repeat; }


/* Header */
.uziq_player{			position:relative; z-index:10; top:8px; right:8px;}


/* Sub Nav */

#page01 .sub_nav{		margin-right:216px; text-align:right; padding:0; height:24px; }
#page01 .sub_nav ul {	}
#page01 .sub_nav li {	display:block; float:right; }
#page01 .sub_nav li a{	display:block; background:#E0F5F8; color:#653427; font-weight:bold; padding:4px 6px; margin-left:6px; vertical-align:middle; }
#page01 .sub_nav li a:hover{ background:#FFFFFF;}
#page01 .sub_nav li span{display:block; background:#ffffff; color:#653427; font-weight:bold; padding:4px 6px; margin-left:6px; vertical-align:middle; }


#page01 .yui-u.left{	width:193px; text-align:right;margin-bottom:24px;}


#page01 .nav ul {		width:193px; float:right; padding-top:9px;}
#page01 .nav li {		width:193px; text-align:right; float:right; margin-bottom:12px; color:#653427;}


#page01 .nav span {		text-align:right; visibility:hidden; position:relative; top:-9999;}


/* Colums */
#page01 .yui-u.midl{	width:558px !important; margin-left:23px; padding-top:4px;}
#page01 .yui-u.right{	width:192px !important; margin-left:23px; color:#0F5E6B; padding-top:4px;}





/* -------------------------------------------------------------------------------------------------- */
/* Col 1 */
/* -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* Col 2 */
/* -------------------------------------------------------------------------------------------------- */

/*
#p_col2_box{			position:relative; padding:98px 0 0 0; margin-left:203px;  width:462px; height:auto; z-index:3;}
#p_col2_img{			width:440px; height:331px; background:url(../img/03_cnt/p_col2/p_col2_tbl01.png) no-repeat; padding:11px 11px 0 11px;}
*/

.p_col2_ttl{			margin-left:216px; height:38px; padding:0; font-size:1em; line-height:1.5em; font-size:18px; color:#7A4638;}
.p_col2_txt{			display:block; padding:0; font-size:1em; line-height:1.5em; text-align:justify; margin-bottom:24px;}
.p_col2_txt .ttl{		padding-bottom:12px;}

.p_col2_cnt_ttl{		height:38px; padding:0; font-size:1em; line-height:1.5em; font-size:18px; color:#7A4638; clear:both;}
.p_col2_cnt_ttl_sub{	margin-top:-8px; margin-bottom:18px;}

.p_col2_dte{			text-align:right; margin-bottom:16px; font-weight:bold;}

h1{						font-size:1.3em; font-weight:bold;}	
.h1{					font-size:1.3em; font-weight:bold;}	

#p_col2_lnk{			position:relative; height:32px; margin-top:6px; padding: 6px 0 11px 0; text-align:right; background:url(../img/03_cnt/p_col2/arw_rgth_big.png) no-repeat top right; color:#747b7f;}
#p_col2_lnk A:Link, #p_col2_lnk A:active, #p_col2_lnk A:visited{
						font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:1em; color:#4A2C23; text-decoration:none; padding-right:34px;}
#p_col2_lnk A:Hover{ 	color:#E53B47;}


.img{					display:block; float:left; margin:3px 10px 6px 0;}
.img img{				border:5px solid #E0F5F8;}
.img_large{				border:4px solid #E0F5F8; margin-bottom:12px;}
.en{					color:#B9408C; font-weight:bold; line-height:26px;}

/* Partenaires */

.logos{					height:120px; widows:130px; background:#FFFFFF; margin-right:4px; float:left;}



/* Programation */
.prog_elm{				width:267px; float:left; display:block; padding-bottom:12px; margin-right:12px;}
.prog_elm a{			display:block; height:100%; width:100%;}
.prog_art_cnt{			padding:2px 0 0 0;}
.img_s{					display:block; float:left; margin:3px 7px 6px 0;}
.img_s img{				border:2px solid #E0F5F8;}


/* News */
.news_ttl{				font-weight:bold; text-transform:uppercase; margin-bottom:4px; padding-top:4px;}

/* -------------------------------------------------------------------------------------------------- */
/* Col 3 */
/* -------------------------------------------------------------------------------------------------- */

/*
#p_col3{				position:relative; width:auto; height:auto; margin:0; padding:50px 0 0 0; }
#p_col3 #p_col3_box{	width:212px; height:290px; padding:27px 0 0 20px; background:url(../img/03_cnt/p_col3/p_col3_shdw.png) no-repeat;}
#p_col3 h2{				font-size:1.1em; font-weight:normal; color:#747b7f; text-transform:uppercase; margin:0; padding-bottom:6px; margin-bottom:12px; background:url(../img/00_dft/1px_gris.gif) repeat-x bottom;}
*/

.col_right{				background:#E0F5F8; padding:8px; margin-bottom:16px;}
.col_right_video{		margin-bottom:12px;}

.MusicPlayer{			margin-bottom:12px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Footer
/* ---------------------------------------------------------------------------------------------------- */

.ft{					position:relative; clear:both; width:100%; height:61px; margin-top:-61px;  z-index:10;  }
.ft_cnt{				width:990px; height:auto; padding-top:6px; text-align:left; background:url(../img/00_dft/hr_point.gif) repeat-x;}

.ft_logo{				width:44px; height:34px; float:left;}

.ft_left{				float:left; width:550px; font-family:Lucida Grande,Verdana,Times New Roman,Times,serif; font-size:1em; margin-top:7px; margin-left:6px;}
.ft_cpy{				height:34px; width:136px; float:left; margin-top:9px;}
.ftr_logoes{			float:left; margin-top:2px; padding-left:27px;}

.ft_right{				float:right; width:360px; font-size:1em; color:#4A2C23; text-align:right; margin-top:16px;}

A.link_Footer:Link, A.link_Footer:active, A.link_Footer:visited{	
						font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#4A2C23; text-decoration:none; padding:0px 6px 0px 4px; }
A.link_Footer:Hover{ 	color:#E53B47;}





/* Share icons */
.addthis_toolbox{								width:220px; height:18px; padding-top:36px; margin-bottom:24px; float:left;}
.share_txt{										float:left; margin-right:6px;}
.addthis_toolbox .custom_images a{				margin:0; padding:0; display:block; float:left; height:16px; width:16px; margin-right:4px;  }
.addthis_toolbox .custom_images a:hover img{	opacity: 1;}
.addthis_toolbox .custom_images a img{			opacity: 0.75;}	

.fb_ilike{										float:right; padding-top:10px;}



/* ---------------------------------------------------------------------------------------------------- */
/* Tweets
/* ---------------------------------------------------------------------------------------------------- */


#tweet { 					font-size:11px; line-height:14px; color:#4A2C23; 
							background-color:#E0F5F8; padding:2px 6px 6px 6px; margin-bottom:16px;}
#tweet a { 					font-size:11px; line-height:14px; color:#BE4089;}
#tweet a:hover,
#tweet a:focus { 			color:#4A2C23; background-color:#fff; }

#tweet ul{ 					margin:0; padding:0; list-style:none;  }
#tweet ul li{ 				margin-bottom:20px;}

#tweet .prefix{ 			margin-bottom:6px;}

#tweet .img{ 				float:left; margin-right:6px;}

#tweet .user{ 				height:16px; padding-top:11px; font-size:11px; line-height:14px;}
#tweet .user a{ 			color:#4A2C23; text-decoration:none;}
#tweet .user a:hover{		color:#4A2C23;}

#tweet .status{ 			clear:both; padding-bottom:3px; font-size:11px; line-height:14px;}
#tweet .status a{ 			font-size:11px; line-height:14px;}

#tweet .time{ 				font-size:9px; color:#999999; float:right; margin-bottom:12px;}
#tweet .time a{ 			font-size:9px; color:#999999; text-decoration:none;}
#tweet .time a:hover{ 		font-size:9px; color:#999999;}