/**********************
Accueil
***********************/

#accueil .main {padding-top: 0;} /*annule .main ds la section layout */

#accueil .t_section {
display: none;
}

#accueil .bloc_nouveautes .t_section,
#accueil .content .recommandations .t_section,
#accueil .sidebar .t_section {
display: block;
margin-bottom: 4px;
}

#accueil .content .t_section h3 {
border-bottom: 6px solid #ddd;
margin-bottom: 0;
padding-bottom: 0;
}


/**********************
Welcome blurb
***********************/

#accueil .feature {
padding: 12px 10px 0 10px;
margin: 0 0 15px 0;
height: 267px;
background: url(../images/back_feature_accueil.gif) 0 0 no-repeat transparent;
}

.w_blurb {
padding: 0 0 0 4px;
margin: 0;
width: 185px;
float: left;
}

.w_blurb p.intro {
font: normal 14px/17px helvetica, arial, sans-serif;
margin-bottom: 11px;
color: #E7F4FF;
}

.w_blurb p {
font: normal 13px/16px helvetica, arial, sans-serif;
color: #5CAEEF;
background: none transparent;
margin-bottom: 10px;
}

.w_blurb p a {
text-decoration: underline;
font: normal 13px/16px helvetica, arial, sans-serif;
color: #5CAEEF;
background: none transparent;
}

.w_blurb a.plusdinfos {
font: normal 13px/13px helvetica, arial, sans-serif;
color: #C9ECFF;
text-decoration: none;
display: block;
float: left;
margin-top: 10px;
background: url(../images/back_link_wblurb.gif) left bottom repeat-x transparent;
}







/**********************
Nouveautes
***********************/

.bloc_nouveautes {
margin: 0 0 0 215px;
}

.bloc_nouveautes h2 {
border-bottom: 0 none;
color: #fff;
margin-bottom: 5px;
}

.bloc_nouveautes .grid {
margin: 0;
padding: 0;
}

.bloc_nouveautes .unit {
margin: 0 5px 5px 0;
padding: 0 0 0 0;
background: none transparent;
border: 0 none;
width: 205px;
}

.bloc_nouveautes .unit a {
padding: 0;
background: none transparent;
border: 0 none;
height: 62px;
overflow: hidden;
}

.bloc_nouveautes .unit a:hover {
background: none transparent;
border: 0 none;
}

.bloc_nouveautes .unit a img.format_b {
margin: 0;
padding: 1px;
top: 4px;
left: 5px;
height: 50px;
width: 50px;
border: 1px solid #0060A8;
}

.bloc_nouveautes .unit a span,
.miniwrapper .bloc_nouveautes .unit a span {
position: absolute;
margin-left: 0;
text-align: left;
display: inline;
overflow: hidden;
top: 7px;
left: 64px;
width: 135px;
height: 51px;
}

.bloc_nouveautes .unit a.ecouter span strong {
font: bold 12px helvetica, arial, sans-serif;
margin: 0 0 1px 0;
color: #D4E6F6;
}

.bloc_nouveautes .unit a.ecouter span em {
font: normal 11px/12px verdana, arial, helvetica, sans-serif;
color: #003862;
}

.bloc_nouveautes .last {
margin-right: 0;
}

	#accueil .miniwrapper .feature {
	height: 396px;
	width: 405px;
	background: url(../images/mini_back_feature_accueil.gif) 0 0 no-repeat #fff;
	}

	.miniwrapper .w_blurb {
	float: none;
	width: auto;
	margin-bottom: 30px;
	}
	
	.miniwrapper .w_blurb p,
	.miniwrapper .w_blurb p a {
	font: normal 12px/14px helvetica, arial, sans-serif;
	margin-bottom: 6px;
	}
	
	.miniwrapper .w_blurb p.intro {
	font: normal 14px/16px helvetica, arial, sans-serif;
	margin-bottom: 8px;
	}
	
	.miniwrapper .w_blurb a.plusdinfos {
	float: none;
	display: inline;
	margin: 0;
	background: none transparent;
	text-decoration: underline;
	}

	.miniwrapper .bloc_nouveautes {
	margin: 0;
	}
	
	.miniwrapper .bloc_nouveautes .grid {
    width: 405px;
    }
    
    .miniwrapper .bloc_nouveautes div.grid .last {
    margin-right: 0px;
    }
	
	.miniwrapper .bloc_nouveautes .unit {
	width: 200px;
	}
	



/**********************
Paginateur des nouveautes
***********************/

.bloc_nouveautes .pages {
background: none transparent;
padding: 4px 0 0 0;
margin: 0;
position: relative;
left: 91px;
width: 232px; 
display: block;
float: left;
}

.bloc_nouveautes .pages a {
color: #2A9AF0;
font: bold 13px helvetica, arial, verdana, sans-serif;
background: url(/images/bt_pages_accueil.gif) 0 0 no-repeat transparent;
border: 0 none;
margin: 0;
padding: 0;
display: block;
float: left;
width: 38px;
height: 21px;
overflow: hidden;
text-indent: -999px;
}

.bloc_nouveautes .pages a.bt_page_accueil_1 {background: url(/images/bt_pages_accueil.gif) 0 -21px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_2 {background: url(/images/bt_pages_accueil.gif) -39px -21px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_3 {background: url(/images/bt_pages_accueil.gif) -78px -21px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_4 {background: url(/images/bt_pages_accueil.gif) -117px -21px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_5 {background: url(/images/bt_pages_accueil.gif) -156px -21px no-repeat transparent;}

.bloc_nouveautes .pages a.bt_page_accueil_1:hover {background: url(/images/bt_pages_accueil.gif) 0 -42px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_2:hover {background: url(/images/bt_pages_accueil.gif) -39px -42px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_3:hover {background: url(/images/bt_pages_accueil.gif) -78px -42px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_4:hover {background: url(/images/bt_pages_accueil.gif) -117px -42px no-repeat transparent;}
.bloc_nouveautes .pages a.bt_page_accueil_5:hover {background: url(/images/bt_pages_accueil.gif) -156px -42px no-repeat transparent;}

.bloc_nouveautes .pages span {
color: #CEE9FF;
font: bold 13px helvetica, arial, verdana, sans-serif;
background: url(/images/bt_pages_accueil.gif) 0 0 no-repeat transparent;
border: 0 none;
padding: 0;
margin: 0;
display: block;
float: left;
width: 38px;
height: 21px;
overflow: hidden;
text-indent: -999px;
}

.bloc_nouveautes .pages span.bt_page_accueil_1_active {background-position: 0 0;}
.bloc_nouveautes .pages span.bt_page_accueil_2_active {background-position: -39px 0;}
.bloc_nouveautes .pages span.bt_page_accueil_3_active {background-position: -78px 0;}
.bloc_nouveautes .pages span.bt_page_accueil_4_active {background-position: -117px 0;}
.bloc_nouveautes .pages span.bt_page_accueil_5_active {background-position: -156px 0;}

.bloc_nouveautes .pages a.previous,
.bloc_nouveautes .pages a.previous:hover,
.bloc_nouveautes .pages span.previous,
.bloc_nouveautes .pages a.next,
.bloc_nouveautes .pages a.next:hover,
.bloc_nouveautes .pages span.next {
border: 0 none;
text-indent: -999px;
overflow: hidden;
display: block;
width: 11px;
height: 15px;
padding: 0;
}

.bloc_nouveautes .pages a.previous {
background: url(../images/bt_previous_accueil.gif) 0 0 no-repeat transparent;
margin: 3px 10px 0 0;
}

.pages a.previous:hover {
background: url(../images/bt_previous_accueil.gif) 0 -15px no-repeat transparent;
margin: 3px 10px 0 0;
}

.bloc_nouveautes .pages a.next {
margin: 3px 0 0 10px;
background: url(../images/bt_next_accueil.gif) 0 0 no-repeat transparent;
}

.pages a.next:hover {
margin: 3px 0 0 10px;
background: url(../images/bt_next_accueil.gif) 0 -15px no-repeat transparent;
}

.bloc_nouveautes .pages span.previous {background: url(../images/pages2/bt_previous_accueil.gif) 0 -34px no-repeat transparent; margin: 0 4px 0 0;}
.bloc_nouveautes .pages span.next {background: url(../images/pages2/bt_next_accueil.gif) 0 -34px no-repeat transparent; margin: 0 0 0 4px;}
.bloc_nouveautes .pages a span {display: none;}

	.miniwrapper .bloc_nouveautes .pages {
	left: 84px;
	}





/**********************
Telechargements gratuits
***********************/

.free_dl {
margin-bottom: 20px;
}

.free_dl h3 {
color: #27A4FF;
margin-bottom: 3px;
}

.free_dl a {
display: block;
width: 402px;
height: 124px;
background: url(../images/free_dl/dl001.gif) 0 0 no-repeat transparent;
}

.free_dl a span {
display: none;
}




/**********************
Recommandations des membres
***********************/

#accueil .recommandations {
margin: 10px 0 20px 0;
}

#accueil .recommandations .grid {
background: url(../images/double_border.gif) 212px 0 repeat-y transparent;
padding: 0;
margin: 0;
}

#accueil .recommandations .intro {
margin-bottom: 10px;
}

#accueil .miniwrapper .recommandations .grid {
width: 450px;
}

    #accueil .miniwrapper .recommandations .unit {
	margin: 0 24px 7px 0;
	}
	
	#accueil .miniwrapper .recommandations .last {
    margin-right: 24px;
    }
    
    #accueil .miniwrapper .recommandations .first {
    clear: none;
    }


#accueil .recommandations .unit a.ecouter:hover {
background: none transparent;
}

#accueil .recommandations .list_bottom_link {
background: #fff;
position: relative;
top: -6px;
padding: 10px 0 0 0;
}








/**********************
Pub
**********************

#accueil .sidecontent .odd,
#accueil .sidecontent .even {
margin: 0;
padding: 0;
}

	#accueil .miniwrapper .content {
	border: 0 none;
	padding: 0;
	margin: 0 0 25px 0;
	}
	
    #accueil .miniwrapper .sidecontent .odd {
    margin: 0 0 0 0;
    }

#accueil .sidecontent .p_200x245,
#accueil .sidecontent .p_200x167 {
margin: 0 0 10px 0;
padding: 0;
}

*/





/**********************
Les avantages d'être membre
***********************/

.membership_msg .box1 .bh {
background: url(../images/box7/bh.gif) top left repeat-x transparent; 
}

.membership_msg .box1 .bb {
background: url(../images/box7/bb.gif) bottom left repeat-x transparent; 
}

.membership_msg .box1 .bg { 
background: url(../images/box7/bg.gif) repeat-y top left #eee; 
}

.membership_msg .box1 .bd {
background: url(../images/box7/bd.gif) repeat-y top right transparent;
}

.membership_msg .box1 .chg { 
background: url(../images/box7/chg.gif) no-repeat top left transparent; 
}

.membership_msg .box1 .cbg { 
background: url(../images/box7/cbg.gif) bottom left no-repeat transparent; 
padding-left: 5px;
}

.membership_msg .box1 .chd {
background: url(../images/box7/chd.gif) no-repeat top right transparent;
}

.membership_msg .box1 .cbd { 
background: url(../images/box7/cbd.gif) no-repeat bottom right transparent; 
padding-right: 5px;
}

.membership_msg .box1 .box_body {
padding: 15px 8px 20px 8px;
margin: 0;
}

.membership_msg h3 {
margin-bottom: 2px;
color: #333;
}

.membership_msg p {
margin-bottom: 14px;
}

.membership_msg a {
background: url(../images/grey_arrow.gif) 0 0 no-repeat transparent;
padding: 0 0 0 18px;
font: normal 14px/14px helvetica, arial, verdana, sans-serif;
display: block;
float: left;
clear: left;
}
