
/**********************
Forms
***********************/

form p.form_button {
margin-top: 12px;
}

form p.form_button button {
margin: 0;
padding: 0;
}

form .bt_ok,
form .bt_ok:hover {
width: 69px;
height: 33px;
background: url(../images/form_bt_ok.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}

form#share .bt_ok,
form#user_info .bt_ok {
float: left;
margin-right: 5px;
}

form .bt_cancel,
form .bt_cancel:hover {
width: 85px;
height: 33px;
background: url(../images/form_bt_annuler.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}

form .bt_edit,
form .bt_edit:hover {
width: 105px;
height: 33px;
background: url(../images/form_bt_modifier.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}


/**********************
Layout
***********************/

#wrapper {
background: url(../images/back_header.gif) 0 0 repeat-x #fff;
}

#wrap_header {
background: none transparent;
height: 145px;
margin: 0 0 14px 0;
padding: 0;
}

.header {
background: none transparent;
height: 145px;
margin: 0;
padding: 0;
}

#wrap_footer {
background: url(../images/back_bottom.gif) repeat-x 0 0 #fff;
padding-bottom: 50px;
}

.main {
padding-top: 4px;
}

.feature {
border: 0 none;
margin: 0;
padding: 0;
}



/**********************
Logo
***********************/

.zone_logo {
margin: 0;
height: 80px;
padding: 10px 0 0 0;
}

.zone_logo h1 a {
display: block;
width: 334px;
height: 71px;
background: url(../images/logo.gif) 0 0 no-repeat transparent;
}

.zone_logo h1 a span {
display: none;
}





/**********************
Navigation
***********************/

.navigation {
position: absolute;
left: 0;
top: 91px;
height: 46px;
}

.navigation ul li a {
margin: 0;
padding: 0;
display: block;
}

.navigation ul li a span {
display: none;
}




/**********************
Navigation primaire
***********************/

ul.nav_primaire {
height: 46px;
}

ul.nav_primaire li {
margin: 0;
}

ul.nav_primaire li a {
height: 46px;
background-image: url(../images/bt_navigation_all.gif);
}

a#bt_nav_accueil {
width: 97px;
background-position: 0 0;
}

a#bt_nav_catalogue {
width: 124px;
background-position: -97px 0;
}

a#bt_nav_mpe {
width: 211px;
background-position: -221px 0;
}

a#bt_nav_radio {
width: 76px;
background-position: -432px 0;
}

a#bt_nav_nouveaute {
width: 130px;
background-position: -506px 0;
}
a#bt_nav_espace_emergence {
width: 145px;
background-position: -640px 0;
}

a#bt_nav_accueil:hover {background-position: 0 -46px;}
a#bt_nav_catalogue:hover {background-position: -97px -46px;}
a#bt_nav_mpe:hover {background-position: -221px -46px;}
a#bt_nav_radio:hover {background-position: -432px -46px;}
a#bt_nav_nouveaute:hover {background-position: -506px -46px;}
a#bt_nav_espace_emergence:hover {background-position: -639px -47px;}

li.active a#bt_nav_accueil, li.active a#bt_nav_accueil:hover {background-position: 0 -92px;}
li.active a#bt_nav_catalogue, li.active a#bt_nav_catalogue:hover {background-position: -97px -92px;}
li.active a#bt_nav_mpe, li.active a#bt_nav_mpe:hover {background-position: -221px -92px;}
li.active a#bt_nav_radio, li.active a#bt_nav_radio:hover {background-position: -432px -92px;}
li.active a#bt_nav_nouveaute, li.active a#bt_nav_nouveaute:hover {background-position: -505px -46px;}
li.active a#bt_nav_espace_emergence, li.active a#bt_nav_espace_emergence:hover {background-position: -640px -46px;}




/**********************
Navigation secondaire
***********************/

ul.nav_secondaire {
height: 46px;
background: url(../images/back_navigation_secondaire.gif) 45px 10px no-repeat transparent;
}

ul.nav_secondaire li {
padding-top: 10px;
margin: 0;
}

ul.nav_secondaire li a  {
height: 27px;
background-image: url(../images/bt_navigation_secondaire.gif);
}

a#bt_nav_aide {
width: 33px;
background-position: 0 0;
}

a#bt_nav_apropos {
width: 69px;
background-position: -57px 0;
margin-left: 25px;
}

a#bt_nav_aide:hover {background-position: 0 -27px;}
a#bt_nav_apropos:hover {background-position: -57px -27px;}

li.active a#bt_nav_aide {background-position: 0 -27px;}
li.active a#bt_nav_apropos {background-position: -57px -27px;}






/**********************
Top Nav
***********************/

.top_nav {
padding-top: 13px;
}

.top_nav ul li {
margin-left: 4px;
}

.top_nav ul li a {
display: block;
float: left;
padding: 0;
height: 18px;
overflow: hidden;
text-indent: 300px;
margin: 0;
padding: 0;
}

#bt_inscription {
width: 85px;
background: url(../images/bt_inscription.gif) 0  0 no-repeat transparent;
}

#bt_ouvrirunesession {
width: 132px;
background: url(../images/bt_ouvrirunesession.gif) 0  0 no-repeat transparent;
}

.top_profil {
display: block;
background: url(../images/back_top_profil.gif) 0 0 repeat transparent;
padding: 8px 6px 8px 10px;
height: 49px; /*65px - padding*/
width: 284px; /*300px - padding*/ 
}

.top_profil .bt_user_picture {
border: 1px solid #004882;
padding: 1px;
height: 45px;
width: 45px;
background-color: #fff;
line-height: 1px;
float: left;
margin-right: 6px;
}

.top_profil .bt_user_picture img {
padding: 0;
margin: 0;
height: 45px;
width: 45px;
}

.top_profil h3 {
width: 220px;
line-height: 24px;
display: block;
overflow: hidden;
border: 0 none;
margin: 1px 0 2px 0;
padding: 0;
font-size: 18px;
text-align: left;
color: #F0F8FF;
}

.top_profil ul li {
margin: 0 4px 0 0;
padding: 0;
}

#bt_votreprofil {
background: url(../images/bt_monprofil.gif) 0  0 no-repeat transparent;
width: 83px;
}

#bt_fermerlasession {
background: url(../images/bt_fermerlasession.gif) 0  0 no-repeat transparent;
width: 125px;
}




/**********************
Grille
***********************/

.grid {
margin: 0 0 5px 0;
padding: 0;
}

.unit a:hover {
background: url(../images/back_unit.gif) 0 0 repeat #fff;
}

.sidecontent .unit a:hover {
background: none transparent;
}




/**********************
Sidecontent 
***********************/

.sidecontent h4 {
color: #005DA5;
}





/**********************
Liens de fin de listes
***********************/

.list_bottom_link {
margin: 0;
clear: left;
}

.list_bottom_link li {
padding: 0 0 0 8px;
background: url(../images/bullet_small.gif) 0 5px no-repeat transparent;
margin: 0 0 2px 0;
}

.list_bottom_link li a {
color: #666;
font: normal 10px verdana, arial, sans-serif;
background: url(../images/back_link_pale.gif) left bottom repeat-x transparent;
text-decoration: none;
}




/**********************
Pagination de base
***********************/

.pages {
margin: 0;
padding: 30px 0;
float: none;
border-bottom: 0 none;
text-align: center;
background-color: #eee;
background: url(../images/back_bottom.gif) repeat-x 0 -140px #fff;
}

.pages a,
.pages span {
padding: 0;
margin: 0 5px;
border: 0 none;
background-color: transparent;
display: inline;
width: 15px;
float: none;
text-decoration: underline;
color: #555;
text-align: center;
font: normal 11px verdana, arial, helvetica, sans-serif;
background: url(../images/back_link_pale.gif) left bottom repeat-x transparent;
text-decoration: none;
padding: 0 1px 1px;
}

.pages a.previous, .pages a.previous:hover {
margin: 0 8px 0 0;
border: 0 none;
color: #0077cd;
background: url(../images/pages3/bt_previous.gif) left bottom no-repeat transparent;
text-decoration: none;
padding: 0 1px 1px 17px;
}

.pages a.next, .pages a.next:hover {
margin: 0 0 0 8px;
border: 0 none;
color: #0077cd;
background: url(../images/pages3/bt_next.gif) right bottom no-repeat transparent;
text-decoration: none;
padding: 0 17px 1px 1px;
}

.pages a span {
border: 0 none;
padding: 0;
text-decoration: none;
}

.pages span {
background: none transparent;
color: #aaa;
}

.pages a:hover {
border: 1px solid #888;
background-color: #fff;
color: #333;
border: 0 none;
}

.pages .active {
display: inline;
background-color: #aaa;
border: 1px solid #888;
border: 0 none;
background: #fff;
color: #555;
text-decoration: none;
border: 1px solid #c2c2c2;
padding: 4px 7px;
}






/**********************
Album
***********************/

	#album .miniwrapper .visuel {
	background: url(../images/mini_visuel_back.gif) left top repeat-y transparent;
	}

	#album .miniwrapper .visuel div {
	background: url(../images/mini_visuel_top.gif) left top no-repeat transparent;
	}

	#album .miniwrapper .visuel div div {
	background: url(../images/mini_visuel_bottom.gif) left bottom no-repeat transparent;
	padding: 10px 13px 9px 10px;
	}
	
	#album .miniwrapper .visuel div div img {
	width: 223px;
	}

.banner_recommande {
width: 132px;
height: 132px;
position: absolute;
top: 1px;
left: 1px;
background: url(../images/banner_recommande.gif) 0 0 no-repeat transparent;
text-indent: -600px;
display: block;
overflow: hidden;
}

.tracklist table.list {
clear: left;
width: 421px;
margin: 0;
border: 0 none;
}

.tracklist table.list tr.list-header {
display: none;
}

.tracklist table.list tr td {
background: none #fff;
border: 0 none;
color: #343434;
padding: 4px 0;
}

.tracklist table.list tr td a {
display: inline;
color: #005DA5;
background: url(../images/back_link_bleu.gif) 0 12px repeat-x transparent;
text-decoration: none;
}

.tracklist table.list tr td.track_number {
text-align: center;
font-weight: bold;
padding-right: 6px;
vertical-align: top;
}

.tracklist table.list tr td.track_number a {
background: none transparent;
color: #343434;
text-decoration: none;
}

.tracklist table.list tr td.track_duration {
padding-right: 8px;
text-align: right;
vertical-align: top;
}

.tracklist table.list tr td.track_duration a {
text-decoration: none;
background: none transparent;
color: #343434;
}

.tracklist table.list tr td.play {
background: url(../images/bt_play_tracklist.gif) 0 -71px no-repeat #fff;
padding: 3px 0 0 0;
width: 36px;
height: 17px;
text-align: right;
vertical-align: top;
}

.tracklist table.list tr td.play a {
background: url(../images/bt_play_tracklist.gif) left top no-repeat #fff;
display: block;	
width: 36px;
height: 17px;
}

.tracklist table.list tr td.play a span {display: none;}

.tracklist table.list tr td.play a:hover {
background-position: 0 -37px;
}

.tracklist table.list tr td.track_title {
vertical-align: top;
text-align: left;
}

.tracklist table.list tr td.track_title span,
.tracklist table.list tr td.track_title a span {
color: #888;
display: block;
margin: 0;
padding: 0;
background: none transparent;
text-decoration: none;
}

.tracklist table.list tr td.track_title span:before {content: "(";}
.tracklist table.list tr td.track_title span:after {content: ")";}

table.list tr.even-ruled td a,
table.list tr.odd-ruled td a,
table.list tr.even-clicked td a,
table.list tr.odd-clicked td a {
text-decoration: none;
}





/**********************
Menu d'album (page_nav)
***********************/

#album .t_section {
margin-bottom: 8px;
}

#album .page_nav {
background: url(../images/back_page_nav.gif) 0 0 repeat-x transparent;
height: 37px;
border: 0 none;
margin: 0 0 8px 0;
padding: 0
}

#album .page_nav ul li {
margin: 0;
padding: 0;
}

#album .page_nav ul li a {
display: block;
padding: 0;
margin: 0;
border: 0 none;
background: none transparent;
height: 37px;
}

#album .page_nav ul li.bt_ecouter a {
width: 103px;
background: url(../images/bt_page_nav_ecouter.gif) 0 0 no-repeat transparent;
}

#album .page_nav ul li.bt_recommander a {
width: 205px;
background: url(../images/bt_page_nav_recommander.gif) 0 0 no-repeat transparent;
}

#album .page_nav ul li.bt_envoyer a {
width: 170px;
background: url(../images/bt_page_nav_envoyer.gif) 0 0 no-repeat transparent;
}

#album .page_nav ul li.bt_acheter a {
width: 103px;
background: url(../images/bt_page_nav_acheter.gif) 0 0 no-repeat transparent;
}

#album .page_nav ul li.bt_recommander span {
display: block;
float: none;
padding: 0;
margin: 0;
width: 205px;
height: 37px;
text-indent: -9999px;
overflow: hidden;
border: 0 none;
background: url(../images/bt_page_nav_recommander.gif) 0 -74px no-repeat transparent;
}

#album .page_nav a span, #album .page_nav li.bt_recommander a span {display: none;}

#album .page_nav ul li a:hover {
background-position: 0 -37px;
border: 0 none;
margin: 0;
padding: 0;
}

    #album .miniwrapper .page_nav {
    background: none transparent;
    height: auto;
    position: absolute;
    top: 6em;
    right: 13px;
    width: 166px;
    z-index: 999;
    }
    
    #album .miniwrapper .page_nav ul li {
    float: none;
    display: block;
    margin: 0 0 4px 0;
    padding: 0;
    background: none transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav a {
    display: block;
    float: none;
    border: 0 none;
    background: none transparent;
    height: 18px;
    padding: 0;
    margin: 0;
    border: 0 none;
    width: 166px;
    text-decoration: underline;
    }
    
    #album .miniwrapper .page_nav a span {display: none;}

    #album .miniwrapper .page_nav li.bt_ecouter a {
    background: url(../images/mini_bt_ecouter.gif) 0 0 no-repeat transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav li.bt_recommander a {
    background: url(../images/mini_bt_recommander.gif) 0 0 no-repeat transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav li.bt_ajouter a {
    background: url(../images/mini_bt_ajouter.gif) 0 0 no-repeat transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav li.bt_enlever a {
    background: url(../images/mini_bt_enlever.gif) 0 0 no-repeat transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav li.bt_envoyer a {
    background: url(../images/mini_bt_envoyer.gif) 0 0 no-repeat transparent;
    width: 166px;
    }
    
    #album .miniwrapper .page_nav li.bt_recommander span {
    width: 166px;
    height: 18px;
    background: url(../images/mini_bt_recommander.gif) 0 -36px no-repeat transparent;
    }

    #album .miniwrapper .page_nav li.bt_acheter a {
    background: url(../images/mini_bt_acheter.gif) 0 0 no-repeat transparent;
    width: 166px;
    }

    #album .miniwrapper .page_nav a span, #album .miniwrapper .page_nav li.bt_recommander a span {display: none;}
    
    #album .miniwrapper .page_nav li a:hover {
    background-position: 0 -18px;
    }






/**********************
Informations (sidecontent)
***********************/

#album .sidecontent {
padding-top: 8px;
}

    #album .miniwrapper .sidecontent {
    padding-top: 0;
    margin-top: 0;
    }
    
    
    
    


/**********************
Recommandé par 
***********************/

.users_who_list .grid {
background: url(../images/double_border.gif) 212px 0 repeat-y transparent;
}

.users_who_list .unit {
padding: 0 0 3px 0;
margin: 0 25px 3px 0;
border: 0 none;
width: 200px;
border-bottom: 1px solid #ededed;
}

.users_who_list .last {
margin-right: 0;
}

.users_who_list .unit a,
.miniwrapper .users_who_list .unit a {
height: 19px;
border: 0 none;
}

.users_who_list .unit a:hover,
.miniwrapper .users_who_list .unit a:hover {
background: none transparent;
}

.users_who_list .unit a img {
width: 15px;
height: 15px;
padding: 1px;
left: 0;
top: 0;
margin: 0;
}

.users_who_list .unit a span,
.miniwrapper .users_who_list .unit a span {
top: 2px;
left: 23px;
width: 175px;
margin-left: 0;
text-align: left;
}

.users_who_list .unit a span strong,
.miniwrapper .users_who_list .unit a span strong {
font: bold 12px helvetica, arial, sans-serif;
margin: 0;
display: inline;
text-align: left;
}

.users_who_list p.consignes {
color: #444;
margin-top: -4px;
}

.users_who_list p.consignes a {
color: #444;
background: url(../images/back_link.gif) left bottom repeat-x transparent;
text-decoration: none;
}

	.miniwrapper .users_who_list .grid {
	background: none transparent;
	}
	
    .miniwrapper .users_who_list .unit {
	margin: 0 12px 3px 0;
	}
	
	.miniwrapper .users_who_list div.grid .last {
    margin-right: 12px;
    }







/**********************
Recommandations
***********************/
 
.recommandations .unit {
width: 200px;
margin: 0 25px 6px 0;
padding: 0 0 5px 0;
border: 0 none;
border-bottom: 1px solid #EDEDED;
}

.recommandations .unit a {
background: none transparent;
border: 0 none;
height: 46px;
overflow: hidden;
}

.recommandations .unit a:hover {
background: none transparent;
border: 0 none;
}

.recommandations .unit a img.format_b {
left: 0;
top: 0;
margin: 0;
width: 42px;
height: 42px;
padding: 1px;
}

.recommandations .unit a span,
.miniwrapper .recommandations .unit a span {
left: 50px;
top: 1px;
width: 150px;
height: 42px;
margin-left: 0;
text-align: left;
display: inline;
overflow: hidden;
}

.recommandations .unit a span strong,
.miniwrapper .recommandations .unit a span strong {
font: bold 12px helvetica, arial, sans-serif;
line-height: 14px;
margin: 0;
}

.recommandations .unit a span em,
.miniwrapper .recommandations .unit a span em {
font: normal 11px verdana, arial, helvetica, sans-serif;
line-height: 13px;
color: #343434;
}

.recommandations .last {
margin-right: 0;
}

.recommandations .unit p {
font-size: 10px;
line-height: 12px;
margin: 3px 0 0 0;
padding: 0;
color: #666;
}

.recommandations .unit p a {
margin: 0;
text-decoration: none;
display: inline;
color: #005DA5;
background: url(../images/back_link_bleu.gif) left bottom repeat-x transparent;
}

.recommandations .unit p a:hover {
background: url(../images/back_link_bleu.gif) left bottom repeat-x transparent;
}

#recommandations_full .grid {
background: url(../images/double_border.gif) 212px 0 repeat-y transparent;
}

	#recommandations_full .miniwrapper .grid {
	background: none transparent;
	}
	
	#recommandations_full .miniwrapper .sidecontent {
	background: none transparent;
	}
	
	#recommandations_full .miniwrapper .recommandations .grid {
	background: none transparent;
	}
	
    #recommandations_full .miniwrapper .recommandations .unit {
	margin: 0 12px 7px 0;
	}
	
	#recommandations_full .miniwrapper .recommandations .last {
    margin-right: 12px;
    }
    
    #recommandations_full .miniwrapper .recommandations .first {
    clear: none;
    }




/**********************
Mon poste d'écoute
***********************/

#myplaylists .portrait {
margin: 0 10px 0 0;
float: left;
background: url(../images/portrait_back.gif) left top repeat-y transparent;
} 

#myplaylists .portrait div {
background: url(../images/portrait_top.gif) left top no-repeat transparent;
}

#myplaylists .portrait div div {
background: url(../images/portrait_bottom.gif) left bottom no-repeat transparent;
padding: 10px 12px 9px 10px;
}
	
#myplaylists .portrait div div img {
width: 100px;
height: 100px;
padding: 1px;
border: 1px solid #DDDDDD;
}

.profile {
margin: 0 0 25px 137px;
}

.profile ul {
margin: 0;
padding: 3px 0;
}

.profile li {
margin-bottom: 8px;
line-height: 15px;
padding: 0 5px 0 20px;
text-align: left;
}

.profile li.user {
background: url(../images/icon_user.gif) 0 0 no-repeat transparent;
font-weight: bold;
font: bold 13px/14px arial, helvetica, sans-serif;
}

.profile li.home {
background: url(../images/icon_home.gif) 0 0 no-repeat transparent;
}

.profile li.member_since {
background: url(../images/icon_date.gif) 0 0 no-repeat transparent;
}

.profile p {
color: #343434;
margin: 0;
}





/**********************
Mes recommandations 
***********************/

#myplaylists .recommandations h3 {
border-bottom: 6px solid #ddd;
margin-bottom: 10px;
}

#myplaylists .grid {
background: url(../images/double_border.gif) 212px 0 repeat-y transparent;
}

#myplaylists .recommandations ul {
border-top: 1px solid #ddd;
padding-top: 16px;
margin-top: 6px;
}

	#myplaylists .miniwrapper .grid {
	background: none transparent;
	}
	
	#myplaylists .miniwrapper .sidecontent {
	background: none transparent;
	}
	
	#myplaylists .miniwrapper .recommandations .grid {
	background: none transparent;
	}
	
    #myplaylists .miniwrapper .recommandations .unit {
	margin: 0 12px 7px 0;
	}
	
	#myplaylists .miniwrapper .recommandations .last {
    margin-right: 12px;
    }
    
    #myplaylists .miniwrapper .recommandations .first {
    clear: none;
    }







/**********************
Radio
***********************/
#radio .select select {
border: 1px solid #bbb;
width: 150px;
}

form#radio_selector .bt_ok {
background: url(../images/form_bt_lancerlaradio.gif) 0 0 no-repeat transparent;
width: 137px;
height: 33px;
}




/**********************
Sidebar
***********************/

.sidebar .box3 {
margin-bottom: 15px; 
}

.sidebar .box3 .box_body {
padding: 12px 12px 9px;
}

.sidebar .box3 .box3 {
margin: 0 0 8px 0;
}

.sidebar .box3  h2 {
color: #27A4FF;
margin-bottom: 5px;
}





/**********************
Module de recherche
***********************/

.recherche {
margin-bottom: 9px;
}

.sidebar .recherche .box3 .box_body {
padding: 10px 8px 9px 8px;
color: #fff;
}

.recherche form {
padding: 0;
margin: 0;
}

.recherche form input {
width: 215px;
border: 1px solid #333;
font-size: 14px;
font-weight: bold;
color: #00599F;
margin: 1px 0 0 0;
padding: 2px;
float: left;
}

.recherche form .bt_rechercher {
display: block;
float: right;
border: 0 none;
margin: 0;
padding: 0;
width: 36px;
height: 25px;
background: url(../images/bt_recherche.gif) 0 0 no-repeat transparent;
}






/**********************
module de genres
***********************/

.sidebar .genres .box3 .box_body {
padding: 7px 0 5px 0;
color: #efefef;
}

.genres ul {
margin-bottom: 0;
}

.genres ul li {
background: none transparent;
padding: 0 0 1px 0;
margin: 0 0 1px 0;
border-bottom: 1px solid #3f3f3f;
}

.genres a {
display: block;
text-align: left;
font: normal 10px verdana, arial, helvetica, sans-serif;
color: #888888;
text-decoration: none;
margin: 0;
padding: 3px 0 4px 18px;
border-top: 1px solid #383838;
border-bottom: 1px solid #383838;
background: url(../images/bullet_genre.gif) 7px -1px no-repeat transparent;
}

.genres a b {
display: block;
color: #ededed;
font: bold 13px/14px arial, helvetica, sans-serif;
}

.genres a:hover {
color: #bbb;
background: url(../images/bullet_genre.gif) 7px -51px no-repeat #444;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
text-decoration: none;
}

.genres a:hover b {
color: #ddd;
}

#catalog_list .genres a.actif,
#catalog_list .genres a.actif:hover { 
color: #E6F1F9;
background: url(../images/bullet_genre.gif) 7px -101px no-repeat #0269B9;
border-top: 1px solid #319AEC;
border-bottom: 1px solid #319AEC;
}

#catalog_list .genres a.actif b,
#catalog_list .genres a.actif:hover b { 
color: #E6F1F9;
}







/**********************
Recover password
***********************/

form#recover .bt_ok {
background: url(../images/form_bt_continuer.gif) 0 0 no-repeat transparent;
width: 103px;
height: 33px;
}





/**********************
Mon profil
***********************/

#mesinformations .top_sidecontent .faux_column {
background: none transparent;
}

#mesinformations .content {
width: 425px;
padding-top: 5px;
border: 0 none;
}

#mesinformations .odd {
margin-bottom: 15px;
}

#mesinformations .portrait {
margin: 0;
padding: 0;
background: url(../images/portrait_back2.gif) left top repeat-y transparent;
} 

#mesinformations .portrait div {
background: url(../images/portrait_top2.gif) left top no-repeat transparent;
}

#mesinformations .portrait div div {
background: url(../images/portrait_bottom2.gif) left bottom no-repeat transparent;
padding: 10px 12px 9px 10px;
}
	
#mesinformations .portrait div div img {
width: 174px;
height: 175px;
padding: 1px;
border: 1px solid #DDDDDD;
}

#mesinformations form div.textarea p { 
margin-left: 12px;
display: block;
}








/**********************
a propos
***********************/

#apropos h4,
#confidentialite h4 {
margin-top: 20px;
color: #005DA5;
letter-spacing: 0px;
}






/**********************
Contactez-nous
***********************/

	#contactez-nous .miniwrapper .sidecontent {
	background: url(/resources/acs-templating/cn/images/border.gif) 212px 0 repeat-y transparent;
	}

.telephone,
.fax {
margin-bottom: 25px;
}

.telephone ul li {
margin-bottom: 2px;
}

.adresse address {
margin: 0;
}






/**********************
Footer
***********************/

.footer {
border: 0 none;
margin: 0;
padding: 0;
}

.footnav {
clear: both;
padding-top: 8px;
margin-bottom: 8px;
}

.footnav ul {
float: none;
display: block;
margin: 0;
padding: 0;
}

.footnav ul li {
width: 200px; /*225px - padding - border*/
list-style: none outside;
float: left;
background: 0 none;
padding: 10px 12px 0 12px;
margin: 0;
border-right: 1px solid #4c4c4c;
color: #fff;
}

.footnav ul li ul {
margin-top: 0;
background: 0 none;
height: 122px;
}

.footnav ul li ul li {
display: block;
float: none;
height: auto;
width: auto;
margin: 0;
padding: 0;
border: 0 none;
font: normal 10px verdana, sans-serif;
line-height: 20px;
}

.footnav ul li ul li a {
text-decoration: none;
padding: 0 0 0 12px;
margin: 0;
color: #B6B6B6;
background: url(../images/bullet_footnav.gif) 1px 3px no-repeat transparent;
}

.footnav ul li ul li a:visited {
color: #B6B6B6;
}

.footnav ul li ul li a:hover {
color: #fff;
background: url(../images/bullet_footnav.gif) 1px -11px no-repeat transparent;
background-repeat: no-repeat;
}

.footnav li.list01 {
width: 200px; /*213px - padding - border */
padding-left: 0;
}

.footnav li.list02 {
width: 200px; /*225px - padding - border */
}

.footnav li.list03 {
width: 200px; /*225px - padding - border */
}

	.miniwrapper .footnav li.list03 {
	width: 288px; 
	border-right: 0 none;
	}




/**********************************
Bouton d'administration des packages
**********************************/

#bt_administration {
position: relative;
top: 0;
left: 0;
display: block;
margin-top: 15px;
}



/**********************************
Patente de statistiques google
**********************************/

#google_stats {
display: none;
}


/**********************************
Quick visibility toggles
**********************************/

.show {
	display: block;
}

.hide {
	display: none;
}











/* INNACTIF 

.select {position: relative;}

.select a.select_menu_button {
position: relative;
display: block;
float: left;
background: url(../images/select_menu_button.gif) no-repeat 0 0 transparent;
width: 174px;
height: 25px;
line-height: 25px;
padding: 0 0 0 12px;
text-decoration: none;
color: #fff;
}

.select a.select_menu_button:hover {color: #fff;}

.select .select_menu {
position: absolute;
top: -4px;
left: -15px;
width: 190px;
padding: 0 0 0 0;
border: 1px solid #262626;
background: url(../images/back_overlay.png) repeat 0 0 transparent;
z-index: 9999;
}

.select .select_menu ul {
padding: 4px 0 4px 0;
margin: 0;
}

.select .select_menu ul li {
padding: 0;
margin: 0;
border: 0 none;
background: none transparent;
}

.select .select_menu ul li a {
color: #222;
display: block;
height: 19px;
text-decoration: none;
padding: 4px 0 0 26px;
margin: 0;
border: 0 none;
background: none transparent
}

.select .select_menu ul li a.selected_item {
background: url(../images/check.gif) 8px 5px no-repeat transparent;
}

.select .select_menu ul li a:hover {
color: #fff;
background: #9D9D9D;
height: 16px;
padding-top: 3px;
padding-bottom: 2px;
border-top: 1px solid #949494;
border-bottom: 1px solid #949494;
}

.select .select_menu ul li a.selected_item:hover {
background: url(../images/check.gif) 8px -24px no-repeat #9D9D9D;
}

#catalog_list .trier_par {
width: 232px;
height: 29px;
background: url(../images/back_trierpar.gif) right 0 no-repeat transparent;
float: right;
padding-top: 4px;
padding-right: 4px;
z-index: 9999;
margin-bottom: 8px;
display: none;
}

#catalog_list .select a.select_menu_button {
background: url(../images/select_trier_par.gif) no-repeat 0 0 transparent;
width: 151px;
float: right;
padding: 0 0 0 12px;
margin: 0;
color: #fff;
}

#catalog_list .select .select_menu {
width: 170px;
left: 56px;
border: 1px solid #5E5E5E;
}

#catalog_list .left {
float: left;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
color: #444;
padding-top: 5px;
padding-left: 10px;
}

*/