/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

a {	/* color: #265A80;*/  color: #666; text-decoration:none; }
a:hover { 	/* color: #265A80;*/ color: #666; text-decoration:underline; }

a.style1 {	color: #0086e3; text-decoration:underline; }
a.style1:hover { color: #0086e3; text-decoration:underline; }

div.colorLinks a { color: #0086e3;}

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


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	background: #E5E5E5 url(pictures/bckgrnd.gif) repeat-y;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mainContainer {
	margin: 0px 0px;
	width:970px;
}
/*----------------- couleurs -----------------*/

.couleurDefault { color:#327CB5 !important }
.couleurEcouter { color:#7AB335 !important}
.couleurVoir { color:#FFD100 !important}
.couleurApplaudir { color:#FF8233 !important}
.couleurLire { color:#CC211E !important}
.couleurCetteAnnee { color:#7A28CC !important}
.couleurLeClub { color:#99C9ED !important}

/*----------------- section abonnes -----------------*/

#section_abonnes {
	width:970px;
	background:#0073B2 url(pictures/bckgrnd_section_abonnes.jpg) no-repeat;
	font-size:11px;
	line-height:30px;
	float:left;
	color:#FFFFFF;
	height:30px;
	overflow:hidden;
}
#section_abonnes #column_1{
	width:150px;
	padding:0px 0px 0px 20px;
	float:left;
	font-weight:bold;
}
#section_abonnes #column_2{
	width:10px;
	float:left;
	font-weight:bold;
}
#section_abonnes #column_3{
	width:250px;
	float:left;
}
#section_abonnes #column_3 input{
	font-size:11px;
	width:195px;
	height:14px;
	border: 1px solid #299ECC;
	margin-top:4px;
	padding-top:3px;
	padding-left:5px;
}
#section_abonnes #column_4{
	width:10px;
	float:left;
	font-weight:bold;
}
#section_abonnes #column_5{
	width:152px;
	float:left;
}
#section_abonnes #column_5 input{
	font-size:11px;
	width:145px;
	height:14px;
	border: 1px solid #299ECC;
	margin-top:4px;
	padding-top:3px;
	padding-left:5px;
	float: left;
}
#section_abonnes #column_6 {
	width:100px;
	float:left;
	padding-top:5px;
	height:25px;
	text-align:left;
}
#section_abonnes #column_6 .button{
	font-size:10px;
	width:90px;
	height:19px;
	border: solid 1px #289ECC;
	background: #2B8FC6;
	color:#FFFFFF;
	margin-top: -1px;
	cursor:pointer;
}
#section_abonnes #column_7{
	width:250px;
	padding:0px 20px 0px 0px;
	float:left;
	text-align:right;
}
#section_abonnes #column_7 a{
	color:#FFFFFF;
}

/*----------------- section header -----------------*/

#section_header {
	width:970px;
	height:105px;
	float:left;
	clear:both;
	background:#BED5E7 url(pictures/header_classique_news.jpg) no-repeat;
}

#section_header #a_gagner{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	width:400px;
	height:90px;
	float:right;
	background: #7CB7DB url(pictures/bckgrnd_corner_1.gif) no-repeat left bottom;
	margin-top: 1px;
}

#section_header #a_gagner #column_1{
	width:100px;
	padding-left:30px;
	float:left;
	margin-top:15px;
}
#section_header #a_gagner #column_2{
	width:70px;
	float:left;
	margin-top:15px;
}
#section_header #a_gagner #column_2 img{
	border:#FFFFFF solid 1px;
}
#section_header #a_gagner a{
	color:#FFFFFF;
	text-decoration:none;
}
#section_header #a_gagner a:hover{
	text-decoration:underline;
}

/*----------------- section navigation -----------------*/

#navigation { float:left; clear:both; }

/*----------------- section content -----------------*/

#section_content{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width:970px;
	background:#FFFFFF url(pictures/bckgrnd_content.gif) repeat-y;
	float:left;
	clear:both;
	/* color: #265A80;*/
color: #666;
	padding-top: 10px;
}

#section_content #column_1{	width:660px; float:left; }

#section_content #column_1 #column_mainContent {
	float: left;
	width: 440px;
	padding: 0px 10px;
	overflow:hidden;
}

#section_content #column_1 #column_mainContent h2 {
	font: 18px/36px Arial, Helvetica, sans-serif;
	color: #327CB5;
	background: #EFEFEF url(pictures/bckgrnd_title_1.gif) no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
	clear:both;
	text-transform:uppercase;
}

#section_content #column_1 #column_mainContent img {
	margin:0px 7px 7px 7px;
}

#section_content #column_1 #column_mainContent .imgFloatLeft {
	float:left;
	margin:0px 10px 10px 0px;
}

#section_content #column_1 #column_mainContent .imgFloatRight {
	float:right;
	margin:0px 0px 10px 10px;
}
#section_content #column_1 #column_mainContent ol {
	margin:0px 0px 10px 20px;
	list-style-type:disc;
}
#section_content #column_1 #column_mainContent ol li{
	margin:10px 0px 10px 0px;
}
#section_content #column_1 #column_mainContent table.transparent{
	border:none;
}

#section_content #column_1 #column_mainContent table.transparent tr td{
	vertical-align:top;
	padding:5px;
	margin:0px;
}

#section_content #column_1 #column_mainContent table.transparent tr td.light{
	color:#CCCCCC;
}

#mainContainer #section_content #column_1 #column_mainContent p {
	margin-bottom:10px;
}

#mainContainer #section_content #column_1 #column_mainContent h3 {
	margin-bottom:10px;
	font-weight:bold;
}

.columnLeft220 {
	float:left; width:215px; margin:0px 5px 0px 0px;
}

.columnRight220 {
	float:right; width:215px; margin:0px 0px 0px 5px;
}

/*------------ column_secondContent ------------*/
#section_content #column_1 #column_secondContent {
	overflow:hidden;
	float: left;
	width: 190px;
	margin-right: 5px;
}

#section_content #column_1 #column_secondContent h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #327CB5;
	padding:10px 0px 10px 10px;
	margin-bottom:1px;
	background: #EFEFEF url(pictures/bckgrnd_title_2.gif) no-repeat right top;
	text-transform: uppercase;
}

#section_content #column_2{
	width:310px;
	float:left;
	background: #E1ECF7;
}

#section_content #column_2 #pub_300x245 {
	width:310px;
	text-align:center;
}


#section_content #column_2 #pub_300x245bis {
	width:310px;
	text-align:center;
}

#section_content #column_2 #partenaires {
	width:155px;
	float:left;
	text-align:center;
}

#section_content #column_2 #partenaires h2, #section_content #column_2 #publicite h2{
	font: 10px Arial, Helvetica, sans-serif;
	color: #0065BB;
	text-transform: uppercase;
	margin:5px 0px;
}

#section_content #column_2 #partenaires img, #section_content #column_2 #publicite img{
	margin-bottom:10px;
}

#section_content #column_2 #publicite {
	width:155px;
	float:right;
	text-align:center;
}

/*----------------- section footer -----------------*/
#section_footer {
	width:960px;
	float:left;
	clear:both;
	background: #327CB5 url(pictures/bckgrnd_footer.gif) no-repeat top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 15px 0px 10px 10px;
}
#section_footer a {
	color: #FFFFFF;
	text-decoration:none;
}
#section_footer a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

/* boxGrey_container */
.boxGrey_container {
	background:#EFEFEF;
	padding:5px;
}

.boxGrey_container .boxGrey {
	background: #FFFFFF url(pictures/bckgrnd_box_grey.gif) no-repeat right top;
	padding-top: 10px;
}

.boxGrey_container table.h3_container {
	background: #EFEFEF url(pictures/bckgrnd_title_3.gif) repeat-x bottom;
	margin-bottom: 5px;
}

.boxGrey_container .boxGrey h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding:5px 0px 5px 5px;
	color: #327CB5;
}

/* table_programme */
.table_programme tr th{
	width: 50px;
	vertical-align:top;
	text-align:center;
}

.table_programme tr td, .table_programme tr th{
	padding:10px 0px;
	border-bottom:1px dashed #E3E3E3;
}

.table_programme tr.lastLine td, .table_programme tr.lastLine th{
	border-bottom:none;
}

/* table_programme */
ul.list_style1 li {
	background: url(pictures/puce_1.gif) no-repeat 8px 5px;
	margin-left:0px;
	padding-left:20px;
}

/* table_listing */
.table_listing { }
.table_listing tr th{ width: 50px; vertical-align:top; text-align:center; }
.table_listing tr td, .table_listing tr th{
	padding:10px 5px;
	border-bottom:1px dashed #E3E3E3;
	vertical-align:top;	
}

.table_listing tr.lastLine td, .table_listing tr.lastLine th{ border-bottom:none; }

.footer_paging {
	padding-top:20px;
}

#top5 {	font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#top5 div h3{ font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:10px; }

.column_20percent {
	float:left;
	width:80px;
	margin:0px 8px 0px 0px;
	overflow:hidden;
}
.column_25percent {
	float:left;
	width:102px;
	margin:0px 8px 0px 0px;
	overflow:hidden;
}


.subTitle {	width:440px; border-top: 1px solid #E3E3E3;	padding-top: 10px; }
.subTitle .auteur { float:left; width:50%;	padding-bottom:20px; }
.subTitle .auteur a{ font-weight:bold; color: #FF6200; }
.subTitle .date { float:left; width:50%; text-align:right; padding-bottom:20px; }

.box1 { clear:both;	background: url(pictures/box1_b.gif) repeat-y bottom; }
.box1 .core{ background: url(pictures/box1_a.gif) no-repeat top; padding: 10px 10px; }

#recherche_container {
	float:left; width:190px; height:35px;
	background-image:url(pictures/bckgrnd_recherche.gif)
}

#recherche_container .recherche{
	font-size:11px;
	border: 1px none #299ECC;
	width:145px;
	height:17px;
	float: left;
	margin: 5px 0px 0px 10px;
	padding: 3px 0px 0px 5px;
	background-image:url(pictures/bckgrnd_search.gif);
}

#recherche_container .recherche_btn{
	font-size:10px;
	width:20px;
	height:20px;
	background-image:url(pictures/btn_search.gif);
	border:1px none #289ECC;
	margin-top:5px;
	cursor:pointer;
}

/*----------------- onglets -----------------*/

.onglet_on_left_extreme { background-image:url(pictures/onglet_on_left_extreme.gif); width:17px; height:35px; float:right; }
.onglet_off_left_extreme { background-image:url(pictures/onglet_off_left_extreme.gif); width:17px; height:35px; float:right;}
.onglet_on_right_extreme { background-image:url(pictures/onglet_on_right_extreme.gif); width:10px; height:35px; float:right; }
.onglet_off_right_extreme { background-image:url(pictures/onglet_off_right_extreme.gif); width:10px; height:35px; float:right; }

.onglet_on_right, .onglet_off_right, .onglet_on_left, .onglet_off_left { width:17px; height:35px; float:right; }

.onglet_on_right { background-image:url(pictures/onglet_on_right.gif); }
.onglet_off_right { background-image:url(pictures/onglet_off_right.gif); }
.onglet_on_left { background-image:url(pictures/onglet_on_left.gif); }
.onglet_off_left { background-image:url(pictures/onglet_off_left.gif); }

.onglet_fiche_technique_on, .onglet_photos_on, .onglet_extrait_on, .onglet_avis_on, .onglet_save_on, .onglet_mail_on, .onglet_achat_on { width:20px; height:35px; float:right; }

.onglet_fiche_technique_on { background-image:url(pictures/onglet_fiche_technique_on.gif); }
.onglet_photos_on { background-image:url(pictures/onglet_photos_on.gif); }
.onglet_extrait_on { background-image:url(pictures/onglet_extrait_on.gif); }
.onglet_avis_on { background-image:url(pictures/onglet_avis_on.gif); }
.onglet_save_on { background-image:url(pictures/onglet_save_on.gif); }
.onglet_mail_on { background-image:url(pictures/onglet_mail_on.gif); }
.onglet_achat_on { background-image:url(pictures/onglet_achat_on.gif); }

.onglet_bckgrnd { background-image:url(pictures/onglet_bckgrnd.gif); width:20px; height:35px; float:right; overflow:hidden; }
.onglet_bckgrnd a { width:20px; height:0px; padding-top:35px; display:block; }
.onglet_bckgrnd a:hover { background-position:0px -2px; }

.onglet_fiche_technique_off { background-image:url(pictures/onglet_fiche_technique_off.gif); }
.onglet_photos_off { background-image:url(pictures/onglet_photos_off.gif); }
.onglet_extrait_off { background-image:url(pictures/onglet_extrait_off.gif); }
.onglet_avis_off { background-image:url(pictures/onglet_avis_off.gif); }
.onglet_save_off { background-image:url(pictures/onglet_save_off.gif); }
.onglet_mail_off { background-image:url(pictures/onglet_mail_off.gif); }
.onglet_achat_off { background-image:url(pictures/onglet_achat_off.gif); }

.onglet_bckgrnd_header { float:left; width:440px; height:35px; background-image:url(pictures/onglet_bckgrnd_header.gif); }
.onglet_bckgrnd_core {
	clear:both;
	width:420px;
	padding:10px;
	background: #E1ECF7 url(pictures/onglet_bckgrnd_core.gif);
}
.onglet_bckgrnd_footer {
	clear:both;
	width:440px;
	height:10px;
	background: url(pictures/onglet_bckgrnd_footer.gif) no-repeat top;
}