/*
----------------------------------------------------------------------------
Projet: Zik.ca
Autheur: Jean-Francois Payant
Contact: jfpayant@gmail.com
----------------------------------------------------------------------------
» Basic
» Structure
» Navigation
» TopNav
» Moteurs de recherche
» Path
» History
» Footer
» Mise en page
» Sections + Post + FullPost
» Unitées
» Extra
» Reviews
» Filter
» Sommaire
» Grille
» Boites
» Paginateur
» Onglets
» Formulaires
» Erreurs formulaires
» Formulaires ajout commentaires/critiques
» Accueil
» Albums
	Buying_options
	Tracklist
	Onglets
	Sidebar
» Suggestions
	Nouveautes
	Palmares
» Palmares
» Recherche
» Article
» Blogue
» Archives
» Utilitaires
----------------------------------------------------------------------------
*/

@import url("reset.css");

/*	=Basic	===============================*/

body {
font: normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
line-height: 16px; /*FIX SAFARI PC*/
color: #242420;
background-color: #181818;
}

a {color: #242420;}

h1, h2, h3, h4, h5 {
font-family: georgia, serif;  
font-weight: bold;
}

h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 12px;
font-style: italic;
color: #32261f;
padding-top: 2px;
}

h2 {
font-size: 21px;
line-height: 24px; 
color: #32261f;
font-style: italic;
}

h3 {
font-size: 18px;
line-height: 24px;
margin: 0 0 9px 0;
color: #32261f;
font-style: italic;
}

h4 {
font-size: 13px;
line-height: 16px;
margin: -1px 0 1px 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}

h5 {
font: bold 12px/15px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
margin-bottom: 1px;
}

h6 {
font: normal 11px/15px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
margin-bottom: 1px;
}

p, ul, ol, dl {
margin-bottom: 16px;
}

ul {
list-style: none outside;
}

li {
line-height: 15px;
margin-bottom: 2px;
padding:  0 0 0 10px;
background: url(../images/bullet.gif) 0 6px no-repeat transparent;
}

li.last,
li.last ul  {
margin-bottom: 0;
border-bottom: 0 none;
}

dt, dd {
padding-top: 6px;
padding-bottom: 6px;
}

dt {
float: left;
font-weight: bold;
}

dd {
padding-left: 205px;
border-bottom: 1px solid #e1e1da;
}

dd.last /*JS generated*/ {border-bottom: 0 none;}

dd ul {
margin-bottom: 0;
}

dd li {
background: none transparent;
padding-left: 0;
}

dl.pad {padding: 0;}
dl.pad dt {padding-left: 8px; padding-right: 8px;}
dl.pad dd {padding-left: 213px; padding-right: 8px;}

hr,
div.custom_hr {
margin: 21px 0 21px;
border: 0 none;
border-top: 1px solid #343434;
}

div.custom_hr /*JS generated*/ { 
border: 0 none;
background: url(../images/ruler.gif) 0 0 no-repeat transparent;
height: 5px;
clear: left;
text-indent: -1000em;
overflow: hidden;
}

div.custom_hr hr {
margin: 0;
border: 0 none;
display: none;
}



/*	=Structure	===============================*/

.cav {
height: 52px;
background: url(../images/back_cav.gif) left bottom repeat-x #fff;
}

.wrapper {background: url(../images/back.jpg) repeat-x center top #f9f9f2;}
.back {background: url(../images/header.jpg) center top no-repeat transparent;}

#wrap_main { 
background: url(../images/footer.jpg) center bottom repeat-x transparent;
padding-bottom: 35px;
min-height: 400px;
}

#wrap_footer {
position:relative;
background: #171718;
}

.sub_wrap {
width: 967px;
position: relative;
left: 50%;
margin-left: -484px;
}

.header {
position: relative;
margin-bottom: 18px;
padding-top: 19px;
z-index: 1; /*:FIX_IE6*/
}

.footer {
padding-top: 16px;
}

.pad {
padding-left: 8px;
padding-right: 8px;
}

div.object {
background-color: #fdfdf8;
border: 1px solid #cbcbc2;
padding: 8px 8px 5px ;
float: left;
}



/*	=Navigation	===============================*/

.home_link {
background: url(../images/logo.gif) 0 0 no-repeat transparent;
width: 144px;
height: 66px;
display: block;
text-indent: -1000em;
overflow: hidden;
margin-bottom: 19px;
}

.main_nav {
position: absolute;
top: 48px;
left: 204px;
display: block;
}

.main_nav li {
display: block;
float: left;
margin: 0;
padding: 0 28px 0 0;
background: none transparent;
}

.main_nav li.item_a {background: url(../images/nav.gif) -415px 0 no-repeat transparent;}
.main_nav li.item_b {background: url(../images/nav.gif) -396px 0 no-repeat transparent;}
.main_nav li.item_c {padding: 0; position: relative;}

.main_nav li a {
display: block;
text-indent: -1000em;
background: url(../images/nav.gif) 0 0 no-repeat transparent;
}

#bt_blogue {width: 57px;height: 24px;background-position: 0 0;}
#bt_palmares {width: 78px;height: 24px;background-position: -85px 0;}
#bt_suggestions {width: 126px;height: 24px;background-position: -191px 0;}

.submenu {
background: url(../images/back_subnav01_bottom.png) bottom left no-repeat transparent;
padding-bottom: 34px;
width: 232px;
z-index: 2;
position: absolute;
left: -17px;
position: relative;
top: -37px;
display: none;
}

.submenu ul {
padding: 36px 12px 16px 18px;
margin-bottom: 0;
background: url(../images/back_subnav01.png) top left no-repeat transparent;
height: 1%;
}

.submenu li ul {
padding: 2px 0 0 0;
margin-bottom: 10px;
background: none transparent;
width: 195px;
}

.submenu li.last ul {
margin-bottom: 0;
}

.submenu ul li {
float: none;
padding: 0; /*:FIX_IE6*/
font-size: 12px;
line-height: 16px;
font-weight: bold;
background: none transparent;
}

.submenu ul li a {
text-indent: 0;
background: none transparent;
text-decoration: none;
font-size: 12px;
line-height: 16px;
font-weight: normal;
padding: 2px 4px 2px 8px;
width: 190px;
}

.submenu ul li a:hover {
background: none #d1d0c9;
}




/*	=Top nav	===============================*/

.top_nav {
position: absolute;
right: 0;
top: 19px;
}

.top_nav li {
display: block;
float: left;
margin-left: 16px;
background: none transparent;
padding: 0;
}

.top_nav li a {
font: bold 12px georgia, serif;
color: #363820;
font-style: italic;
text-decoration: none;
}



/*	=Moteurs de recherche (header + footer + recherche)	===============================*/

#searchBox {
position: absolute;
right: 0;
top: 48px;
width: 257px;
}

#searchBox .display {width: 212px; background: url(../images/search_input.gif) 0 0 no-repeat transparent;}

#searchBox .button {0 0 no-repeat transparent;}

#searchBox .display {
display: block;
border: 0 none;
width: 197px;
height: 19px;
padding: 4px 10px 0 10px;
margin: 0;
float: left;
color: #444;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}



/*	Search Box main page	===============================*/

.b_recherche {

margin-bottom: 0;

background: url(../images/back_rech4.jpg) bottom right no-repeat #181818;

}

.header #pageSearchBox {

position: absolute;

right: 0;

top: 48px;

width: 257px;

}

#pageSearchBox {
float: left;
height: 1%;
position: relative;
padding: 0;

}

#pageSearchBox div {
margin: 0;
padding: 0;
border: 0 none;
}

#pageSearchBox .display_box {
display: block;
border: 0 none;
width: 197px;
height: 19px;
padding: 4px 10px 0 10px;
margin: 0;
float: left;
color: #444;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;

}

#pageSearchBox .display_button {
display: block;
width: 36px;
height: 23px;
border: 0 none;
float: left;
text-indent: -1000em;
cursor: pointer;
margin: 0 0 0 4px;

}

.b_recherche #pageSearchBox .display_box {

width: 263px; 
height: 21px; 
padding: 6px 15px 0 15px;
background: url(../images/search_input_b_18.gif) 0 0 no-repeat transparent;
font-size: 12px;
}

.b_recherche #pageSearchBox .display_button {
width: 45px;
height: 27px;
background: url(../images/search_button_b_18.gif) 0 0 no-repeat transparent;
}


/*	Search Box footer page	===============================*/



#searchBoxFooter {

float: left;

height: 1%;

position: relative;

padding: 0;

}



#searchBoxFooter div {

margin: 0;

padding: 0;

border: 0 none;

}



#searchBoxFooter .display_box {

display: block;

border: 0 none;

width: 197px;

height: 19px;

padding: 4px 10px 0 10px;

margin: 0;

float: left;

color: #444;

font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;

}

	

#searchBoxFooter .display_button {

display: block;

width: 36px;

height: 23px;

border: 0 none;

float: left;

text-indent: -1000em;

cursor: pointer;

margin: 0 0 0 4px;

}



#searchBoxFooter .display_box {width: 212px; background: url(../images/search_input_footer.gif) 0 0 no-repeat transparent;}

#searchBoxFooter display_button {background: url(../images/search_button_footer.gif) 0 0 no-repeat transparent;}


.header .search_box {
position: absolute;
right: 0;
top: 48px;
width: 257px;
}

.search_box {
float: left;
height: 1%;
position: relative;
padding: 0;
}

.search_box div {
margin: 0;
padding: 0;
border: 0 none;
}

.search_box input {
display: block;
border: 0 none;
width: 197px;
height: 19px;
padding: 4px 10px 0 10px;
margin: 0;
float: left;
color: #444;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}

	
.search_box button {
display: block;
width: 36px;
height: 23px;
border: 0 none;
float: left;
text-indent: -1000em;
cursor: pointer;
margin: 0 0 0 4px;
}

.header .search_box input {background: url(../images/search_input.gif) 0 0 no-repeat transparent;}
.footer .search_box input {width: 212px; background: url(../images/search_input_footer.gif) 0 0 no-repeat transparent;}
.header .search_box button {background: url(../images/search_button.gif) 0 0 no-repeat transparent;}
.footer .search_box button {background: url(../images/search_button_footer.gif) 0 0 no-repeat transparent;}



/*	=Path	===============================*/

.path {
background: url(../images/back_path.gif) 0 0 no-repeat transparent;
height: 20px;
color: #e7b0b0;
padding: 2px 0 0 12px;
text-transform: lowercase;
}

.path a {
color: #f7e6e6;
display: block;
float: left;
margin-right: 8px;
background: url(../images/path_link.gif) 0 1.2em repeat-x transparent;
text-decoration: none;
text-transform: lowercase;
}

.path span {
display: block;
width: 5px;
text-indent: -1000em;
background: url(../images/path_cursor.gif) 0 5px no-repeat transparent;
float: left;
margin-right: 8px;
text-transform: lowercase;
}



/*	=History	===============================*/

.history .line {
background: url(../images/separ_history.gif) 318px bottom repeat-y transparent; 
padding-bottom: 8px;
}

.history_suggestions h3 {
margin-bottom: 4px;
}

.history_suggestions .intro {
font-weight: normal;
}

.history_suggestions .grid_line {
border-bottom: 0 none;
padding-top: 0;
}



/*	=Footer	===============================*/

.footer * {
color: #bbb;
}

.footer .c888 {
background: url(../images/separ_c888_dark.gif) 318px 0 repeat-y transparent;
margin-bottom: 16px;
}

.footer h4 {
color: #efefef;
font-size: 13px;
line-height: 18px;
margin: 0 0 8px 0;
}

.cat_suggestions h4,
.cat_blogue h4,
.cat_liens h4 {
margin-bottom: 3px;
}

.recherche, 
.cat_suggestions,
.cat_blogue {
border-bottom: 1px solid #222;
margin-bottom: 8px;
padding-bottom: 12px;
}

.footer ul {
padding-left: 4px;
margin-bottom: 0;
}

.footer li {
background: url(../images/bullet_footer.gif) 0 7px no-repeat transparent;
float: left;
width: 135px;
}

.footer li a {text-decoration: none;}
.footer li a:hover {text-decoration: underline;}

.footer .reviews .hunit {
border-color: #222;
width: 295px;
}

.footer .hunit .pict {
border-color: #5d5e5c;
background-color: transparent;
}

.footer .hunit h5 a {
color: #fff;
}

.footer .hunit .rating {background: url(../images/rating_back_dark.gif) 0 0 no-repeat transparent;}
.footer .hunit .rating em {background: url(../images/rating_star_dark.gif) 0 0 no-repeat transparent;}
.footer .hunit .author {color: #555555; border-color: #333;}

.footer .pub {
margin-bottom: 8px;
}

.footer .service_clientele {
background: url(../images/back_service.jpg) 5px 0 no-repeat transparent;
padding: 20px 0 0 20px;
height: 82px;
}

.footer .service_clientele h4 {
padding: 0;
font: normal 20px/22px Georgia, serif;
margin-bottom: 5px;
margin-top: 0;
}

.footer .service_clientele ul {
padding: 0;
}

.footer .service_clientele li {
padding: 0;
width: auto;
background: none transparent;
font: normal 15px/18px Georgia, serif;
color: #fff;
}

.footer .service_clientele li.telephone {
background: url(../images/separ_service.gif) right top repeat-y transparent;
padding-right: 14px;
margin-right: 12px;
}

.footer .service_clientele li a {
color: #fff;
}

.copyright {
background: url(../images/ruler_footer.gif) 0 0 no-repeat transparent;
padding: 16px 0 16px 8px;
margin-bottom: 0;
}



/*	=Mise en page	===============================*/

.line {
float: left;
width: 100%;
display: block;
position: relative;
}

.c1,.c2,.c3,.c4 {
position: relative;
float: left;
left: 100%;
}

.cplain .c1 { /*PATCH: À enlever. Mais avant verifier pourquoi Safari crée un scrollbar quand il y a un wunit directement ds le subwrap */
margin-left: -967px;
width: 967px;
}

.cplain .c2, 
.cplain .c3,
.cplain .c4 {display: none;}

.c888 {background: url(../images/separ_c888.gif) 318px 0 repeat-y transparent;}
.c888 .c1 {margin-left: -967px;width: 311px;}
.c888 .c2 {margin-left: -639px;width: 311px;}
.c888 .c3 {margin-left: -311px;width: 311px;}

.c816 {background: url(../images/separ_c.gif) 318px 0 repeat-y transparent;}
.c816 .c1 {margin-left: -967px;width: 311px;}
.c816 .c2 {margin-left: -639px;width: 639px;}
.c816 .c3 {display: none;}

.c168 {background: url(../images/separ2.gif) 646px 0 repeat-y transparent;}
.c168 .c1 {margin-left: -967px;width: 639px;}
.c168 .c2 {margin-left: -311px;width: 311px;}
.c168 .c3 {display: none;}

.c511 .c1 {width: 188px;margin-left: -639px;}
.c511 .c2 {width: 434px;margin-left: -434px;}

.c49_1 {width: 147px;margin-left: -475px;}
.c49_2 {width: 311px;margin-left: -311px;}

.c1212 {background: url(../images/separ.gif) 483px 0 repeat-y transparent;}
.c1212 .c1 {width: 475px;margin-left: -967px;}
.c1212 .c2 {width: 475px;margin-left: -475px;}
.c1212 .c3 {display: none;}

.c618 .c1 {width: 229px;margin-left: -967px;}
.c618 .c2 {width: 721px;margin-left: -721px;}

.c186 {background: url(../images/separ2.gif) repeat-y 728px 0 transparent;}
.c186 .c1 {width: 229px;margin-left: -229px;}
.c186 .c2 {width: 721px;margin-left: -967px;}
.c186 .c3 {display: none;}

.c1158 {background: url(../images/separ_c1158.gif) 0 0 repeat-y transparent;}
.c1158 .c1 {width: 434px;margin-left: -967px;}
.c1158 .c2 {width: 188px;margin-left: -516px;}
.c1158 .c3 {width: 311px;margin-left: -311px;}

.c108 {background: url(../images/separ_c.gif) 400px 0 repeat-y transparent;}
.c108 .c1 {width: 393px; margin-left: -721px;}
.c108 .c2 {width: 311px; margin-left: -311px;}



/*	=Sections + Side_section + Post + FullPost + Headline	===============================*/

.section,
.post,
.fullpost {
margin-bottom: 35px;
}

.post,
.fullpost {
font-size: 12px;
line-height: 17px;
text-align: justify;
clear: left;
}

.headline .post {margin-bottom: 0;}

.section_head,
.fullpost .post_head,
.post_head {
background: url(../images/ruler_double.gif) left bottom repeat-x transparent;
margin-bottom: 12px;
padding-bottom: 15px;
}

.post_head {margin-bottom: 7px;padding-bottom: 12px;text-align: left;}

.section_head h1,
.section_head h2,
.post_head h1,
.post_head h2 {
margin-bottom: 0;
}

.section_head h1 a,
.section_head h2 a,
.post_head h1 a,
.post_head h2 a {
text-decoration: none;
}

.section_head h1 a:hover,
.section_head h2 a:hover,
.post_head h1 a:hover,
.post_head h2 a:hover {
text-decoration: underline;
}

.post_head h2 a {
color: #990000;
}

.section_head p,
.post_head p {
float: left;
margin: 4px 8px 1px 0;
padding: 1px 8px 2px 0;
font-size: 12px;
line-height: 12px;
border-right: 1px solid #adada6;
}

.section_head .date,
.section_head .about,
.critiques .section_head .show_all,
.comments .section_head .add_link,
.post_head .author {
margin-right: 0;
padding-right: 0;
border-right: 0 none;
}

.post_head .author a {
text-decoration: underline;
}

.section_head span.author a,
.section_head p.about a,
.fullpost .post_head .author a {
color: #a00;
font-weight: bold; 
}

.comments .section_body,
.critiques .section_body {
margin-bottom: 25px;
}

.post .post_body p,
.headline p {
margin-bottom: 8px;
}

.headline h4 {margin: 0 0 2px 0;}

.headline h4 a {color: #990000;}

.headline h3 {
margin-bottom: 4px;
font: bold 18px/21px georgia, serif;
}

.headline h3 a,
.headline h4 a {
text-decoration: none;
}

.headline h3 a:hover,
.headline h4 a:hover {
text-decoration: underline;
}

.headline .visuel,
.headline .visuel img {
width: 297px;
height: 167px;
}

.headline p.comments_nb {
border-right: 0 none;
}

.intro {
font-size: 12px;
font-weight: bold;
}

.side_section {
margin-bottom: 28px;
}

.pub {
margin-bottom: 16px;
}


/*	=Unitées	===============================*/

.hunit {
border-bottom: 1px solid #e1e1da;
padding-bottom: 7px;
margin-bottom: 7px;
}

.pict {
display: block;
float: left;
line-height: 0;
padding: 1px;
border: 1px solid #adada6;
background-color: #fdfdf8;
}

.hunit .pict img {
width: 60px;
height: 60px;
}

.hunit .side_info {
padding: 0 0 0 72px;
}

.hunit h5 a,
.hunit h6 a,
.vunit h5 a,
.vunit h6 a {
color: #181817;
text-decoration: none;
}

.hunit h5 a:hover,
.hunit h6 a:hover,
.vunit h5 a:hover,
.vunit h6 a:hover {
text-decoration: underline;
}

.news_feed h5 a {
color: #990000;
}

.video .pict img {
width: 90px;
}

.video .side_info {
padding: 0 0 0 105px;
}

.song .side_info {
padding: 0 0 0 32px;
}

.bt_play {
display: block;
float: left;
width: 26px;
height: 14px;
background: url(../images/bt_play_disabled.gif) 0 0 no-repeat transparent;
text-indent: -1000em;
}

.active {
background: url(../images/bt_play.gif) 0 0 no-repeat transparent;
}
.pause {
background: url(../images/bt_pause.gif) 0 0 no-repeat transparent;
}

.vunit {
width: 131px;
float: left;
margin: 0 17px 0 0;
padding-bottom: 12px;
}

.vunit .pict {
float: none;
position: relative;
left: 50%;
width: 80px;
margin: 0 0 8px -42px;
}

.vunit .pict img {
width: 80px;
height: 80px;
}

.wunit {
border-bottom: 1px solid #e1e1da;
margin-bottom: 10px;
padding-bottom: 24px;
}

.wunit .side_title {
float: left;
display: block;
width: 172px;
}

.wunit .side_content {
margin-left: 205px;
}

.news_feed .side_title {
margin-bottom: 0;
}



/*	=Extra	===============================*/

.extra {
font-size: 11px;
line-height: 16px;
margin-bottom: 0;
}

.hunit .extra,
.wunit .hunit .extra,
.headline .extra,
.post_body .extra {
float: left;
margin: 0 8px 3px 0;
padding: 0 8px 1px 0;
border-right: 1px solid #adada6;
line-height: 12px;
position: relative;
top: 2px;
}

.hunit .publish,
.wunit .hunit .publish,
.post_body .publish,
.hunit .comments_nb {
border-right: 0 none;
padding-right: 0;
margin-right: 0;
}

.wunit .side_title .extra {
color: #757571;
}

.rating {
position: relative;
left: -1px;
background: url(../images/rating_back.gif) 0 0 no-repeat transparent;
display: block;
width: 50px;
height: 12px;
line-height: 12px;
margin: 3px 0 0 0;
}

.rating em {
background: url(../images/rating_star.gif) 0 0 no-repeat transparent;
display: block;
float: left;
width: 10px;
height: 12px;
text-indent: -1000em;
}

.rating span {
position: absolute;
left: 53px;
top: -2px;
top: -1px;
color: #757571; 
}

.rating span a {
font-size: 10px;
color: #757571; 
text-decoration: none;
}

.rating span a:hover {
text-decoration: underline;
}

.read_more a {
color: #990000;
font-weight: bold;
background: url(../images/back_readmore.gif) 0 4px no-repeat transparent;
padding-left: 16px;
}




/*	=Reviews	===============================*/

.tab_content .section {
margin-bottom: 16px;
}

#s_suggestions .tab_content .reviews {
background: url(../images/separ.gif) 483px 0 repeat-y transparent;
float: left;
}

.reviews .odd,
.reviews .even /*JS generated*/ {
float: left;
width: 459px;
margin-right: 17px;
}

.reviews .even {
margin-right: 0;
}

.reviews .rating {
float: left;
position: relative;
top: -1px;
}

.reviews .author {
padding-left: 6px;
margin-left: 4px;
border-left: 1px solid #adada6;
border-right: 0 none;
}

.reviews .content {
float: left;
margin-bottom: 0;
}

.reviews .content a {
display: block;
}



/*	=Filter	===============================*/

.filter {
margin-bottom: 0;
}

.filter a {
color: #a00;
}

.filter em {
font-weight: bold;
font-style: normal;
}




/*	=Sommaires	===============================*/

.sommaire {
position: relative;
border-bottom: 1px solid #cbcbc2;
margin-bottom: 10px;
padding-bottom: 14px;
line-height: 20px;
font-size: 12px;
}

.som_rating {
float: left;
position: relative;
left: -1px;
display: block;
background: url(../images/sommaire_rating_back.gif) 0 0 no-repeat transparent;
width: 30em;
margin: 0;
}

.som_rating em {
display: block;
float: left;
background: url(../images/sommaire_rating_star.gif) 0 0 no-repeat transparent;
width: 20px;
text-indent: -1000em;
}

.som_rating span {
position: absolute;
left: 106px;
top: 0;
}

.som_rating span,
.som_rating span a { 
color: #757571;
}

.sommaire .filter {
float: right;
}



/*	=Grille	===============================*/

.grid {
float: left;
}

.grid_line {
padding-top: 10px;
background: url(../images/back_grid.gif) -8px 0 repeat transparent;
border-bottom: 1px solid #e1e1da;
float: left;
}

.grid_line div.last {
margin-right: 0;
}

div.last {
border-bottom: 0 none;
margin-bottom: 0;
}

/*	=Boites	===============================*/

.b_dark {
background: url(../images/back_222.jpg) left bottom repeat transparent;
margin-bottom: 16px;
padding: 18px 24px;
}

.box .b_dark{
padding: 0;
}

.b_dark .bc1 {background: url(../images/box_181818.gif) left top no-repeat transparent;}
.b_dark .bc2 {background: url(../images/box_181818.gif) right top no-repeat transparent;}
.b_dark .bc3 {background: url(../images/box_181818.gif) right bottom no-repeat transparent;}
.b_dark .bc4 {background: url(../images/box_181818.gif) left bottom no-repeat transparent;}

.b_pad {
padding: 18px 24px;
color: #fff;
}

.b_medium {
color: #fff;
background: none #454545;
margin-bottom: 16px;
padding: 9px 24px;
}

.box .b_medium {
padding: 0;
}

.b_medium .bc1 {background: url(../images/box_454545.gif) left top no-repeat transparent;}
.b_medium .bc2 {background: url(../images/box_454545.gif) right top no-repeat transparent;}
.b_medium .bc3 {background: url(../images/box_454545.gif) right bottom no-repeat transparent;}
.b_medium .bc4 {background: url(../images/box_454545.gif) left bottom no-repeat transparent;}

.b_medium .b_pad {
padding: 9px 24px;
}

.b_red {
background: url(../images/back_900.jpg) left bottom repeat transparent;
margin-bottom: 16px;
padding: 18px 16px ;
}

.b_red .b_pad {
padding: 18px 16px;
}

.box .b_red {
padding: 0;
}

.b_red .bc1 {background: url(../images/box_990000.gif) left top no-repeat transparent;}
.b_red .bc2 {background: url(../images/box_990000.gif) right top no-repeat transparent;}
.b_red .bc3 {background: url(../images/box_990000.gif) right bottom no-repeat transparent;}
.b_red .bc4 {background: url(../images/box_990000.gif) left bottom no-repeat transparent;}




/*	=Paginateur	===============================*/

.pages {
clear: left;
padding: 21px 0 48px;
text-align: center;
font-weight: bold;
background: url(../images/back_pages.gif) center top no-repeat transparent;
}

.pages a,
.pages strong {
margin: 0 3px;
}

.pages strong {
color: #aa0000;
}

.pages .next_page,
.pages .previous_page {
font-weight: normal;
text-decoration: none;
font-size: 11px;
}

.pages .next_page {
background: url(../images/right_arrow.gif) right 3px no-repeat transparent;
padding-right: 14px;  
margin-left: 6px;
}

.pages .previous_page {
background: url(../images/left_arrow.gif) left 3px no-repeat transparent;
padding-left: 14px;  
margin-right: 6px;
}



/*	=Onglets	===============================*/

.tabs {
margin-bottom: 18px;
background: url(../images/t_back_right.gif) right bottom no-repeat transparent;
color: #fff;
}

.tabs ul {
background: url(../images/t_back_left.gif) left bottom no-repeat transparent;
float: left;
padding: 0 0 10px 3px;
margin: 0;
}

.tabs li {
float: left;
background: url(../images/t_right.gif) no-repeat right top transparent;
margin: 0 0 0 5px;
padding: 0 0 0 0;
}

.tabs a,
.tabs strong {
display: block;
background: url(../images/t_left.gif) no-repeat left top transparent;
padding: 4px 16px 0 16px;
text-decoration: none;
font-size: 13px;
line-height: 32px;
color: #ccccc6;
}

.tabs li.active {
background: url(../images/t_right_active.gif) no-repeat right top transparent;
}

.tabs li.active strong {
background: url(../images/t_left_active.gif) no-repeat left top transparent;
padding: 2px 16px 2px 16px;
color: #fff;
}

.tabs a:hover {
text-decoration: underline;
}


/*	=Formulaires generals	===============================*/

form div {
padding: 0 8px 8px;
margin-bottom: 8px;
border-bottom: 1px solid #e1e1da;
}

form div div {
padding: 0;
margin-bottom: 0;
border-bottom: 0 none
}

form label {
line-height: 19px;
font-weight: bold;
padding-left: 10px;
background: url(../images/bullet.gif) 0 8px no-repeat transparent;
display: block;
float: left;
clear: both;
width: 195px;
}

form input.txt,
form textarea {
margin: 0;
border: 1px solid #adada6;
}

form input.txt {
width: 244px;
padding: 2px;
}

form textarea {
width: 390px;
padding: 0 4px 3px 2px;
}

form .helptext {
margin-left: 205px;
margin-bottom: 2px;
margin-top: 2px;
font-size: 10px;
color: #72726e;
}

form .form_rating_back {
float: left;
background: url(../images/rating_back_form.gif) 0 0 no-repeat transparent;
width: 22px;
height: 18px;
}

form .form_rating_star {
float: left;
background: url(../images/rating_star_form.gif) 0 0 no-repeat transparent;
width: 22px;
height: 18px;
}

form .reverse {
padding-left: 206px;
}

form .reverse input {
padding: 0;
vertical-align: middle;
}

form .reverse label {
width: auto;
float: none;
display: inline;
background: none transparent;
padding-left: 0;
}

form .button_set {
padding-top: 8px;
border: 0 none;
}

button::-moz-focus-inner { border: none;} /* FIX FF */

form button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 18px 0 0; 
  text-align:center;  
margin-right: 4px;
line-height: 31px;
height: 33px;
}

form button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
font-weight: bold; 
color: #fff;
line-height: 31px;
height: 33px;
}

button.bt_submit { 
background:url(../images/bt_submit_right.gif) right top no-repeat transparent; 
}

button.bt_submit span { 
background:url(../images/bt_submit_left.gif) left top no-repeat transparent;
}

button.bt_cancel { 
background:url(../images/bt_cancel_right.gif) right top no-repeat transparent; 
}

button.bt_cancel span { 
background:url(../images/bt_cancel_left.gif) left top no-repeat transparent;
}



/*	=Erreurs formulaires	===============================*/

.form_error {
border: 1px solid #e6bfb9;
background: #efd9d2;
padding-top: 8px;
}

.form_error label {
background: none transparent;
padding-left: 9px;
color: #a90000;
}

.form_error input.txt,
.form_error textarea {
border: 1px solid #d17c78;
}

.form_error .errortext{
font-weight: bold;
margin-left: 205px;
margin-bottom: 0px;
margin-top: 2px;
font-size: 10px;
color: #a90000;
}

.form_error .helptext {
color: #bb413f;
margin-top: 0;
}



/*	=Formulaire d'ajout de critiques/commentaires	===============================*/

.add_form {
background: url(../images/back_form.jpg) right bottom no-repeat #e9e9e2;
padding: 12px 16px 4px;
}

.add_form form div {
border-bottom: 0 none;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
}

.add_form form div div {
padding: 0;
margin: 0;
}

.add_form h3 {
margin-bottom: 12px;
}

.add_form label {
width: 187px;
background: url(../images/bullet_add_form.gif) 0 8px no-repeat transparent;
}

.add_form .reverse {
padding-left: 192px;
}

.add_form .helptext {
margin-left: 197px;
}

.add_form .errortext {
margin-left: 197px;
}

.add_form .form_error {
border: 1px solid #e6bfb9;
background: #efd9d2;
padding-top: 8px;
}

.add_form .form_error label {
background: none transparent;
}



/*	=Album	===============================*/

#s_album .c618 .section_head {
background:none transparent;
margin-bottom: 12px;
padding-bottom: 0;
}

#s_album .c618 .section_head h1 span {
display: block;
font-size: 16px;
color: #817a70;
}

#s_album .c618 .section_head span.author {
display: block;
font: normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
line-height: 16px; /*FIX SAFARI PC*/
color: #242420;
border: 0 none;
margin-top: 3px;
}

#s_album .c618 .section_head span.author a {
text-decoration: underline;
}

#s_album .c108 {
background: url(../images/separ.gif) 401px 0 repeat-y transparent;
margin-bottom: 16px;
}

#s_album .visuel,
#s_album .visuel img {
width: 215px;
height: 215px;
}

#s_album .c618 .sommaire {
border: 0 none; 
padding-bottom: 0;
}

.share_this,
.wish_this {
background: url(../images/temp/icon_sharing.gif) 0 1px no-repeat transparent;
padding: 0 0 0 24px;
margin-bottom: 10px;
line-height: 18px;
}

.wish_this {background: url(../images/icon_checked.gif) 0 1px no-repeat transparent;}


/* =Buying options ============*/

.buying_options h2 {
font-size: 36px;
line-height: 38px;
font-style: normal;
float: left;
display: block;
position: relative;
top: -19px;
left: -19px;
width: 115px; /*134*/
height: 66px;
padding: 13px 0 0 19px;
margin: 0;
}

.buying_options sup {
font-size: 21px;
position: relative;
bottom: 0.4em;
}

.buying_options h2 span {
display: block;
position: absolute;
top: 5.1em;
left: 19px;
font: normal 11px/16px "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}

.buying_options h2.special {
top: -12px;
left: -12px;
height: 78px; /*91*/
background: url(../images/back_special.gif) 0 0 no-repeat transparent;
}

.buying_options ul {
margin-left: 154px;
padding-top: 2px;
margin-bottom: 16px;
}

.buying_options li {
margin-bottom: 0;
}

a.bt_download {
clear: left;
float: left;
display: block;
background: url(../images/bt_download_r.gif) no-repeat right top transparent;
margin: 0 0 8px 0;
padding: 0 20px 0 0;
text-decoration: none;
cursor: pointer;
}

a.bt_download span {
display: block;
float: left;
background: url(../images/bt_download_l.gif) no-repeat left top transparent;
padding: 0 0 1px 38px;
text-decoration: none;
color: #fff;
font-size: 13px;
line-height: 22px;
text-shadow: 0px -1px 1px #912121;
}

a.bt_download_login {
clear: left;
float: left;
display: block;
background: url(../images/bt_download_r.gif) no-repeat right top transparent;
margin: 0 0 8px 0;
padding: 0 20px 0 0;
text-decoration: none;
cursor: pointer;
}

a.bt_download_login span {
display: block;
float: left;
background: url(../images/bt_download_l.gif) no-repeat left top transparent;
padding: 0 0 1px 38px;
text-decoration: none;
color: #fff;
font-size: 13px;
line-height: 22px;
text-shadow: 0px -1px 1px #912121;
}

/* =Onglets album ============*/

#s_album .tabs {
margin-bottom: 1px;
background: url(../images/t_small_back.gif) left bottom repeat-x transparent;
color: #fff;
}

#s_album .tabs ul {
background: none transparent;
padding: 0 0 4px 3px;
}

#s_album .tabs li {
background: url(../images/t_right.gif) no-repeat right top transparent;
}

#s_album .tabs li a,
#s_album .tabs strong {
line-height: 28px;
background: url(../images/t_left.gif) no-repeat left top transparent;
}

#s_album .tabs li.active {
background: url(../images/t_right_active.gif) no-repeat right top transparent;
}

#s_album .tabs li.active strong {
background: url(../images/t_left_active.gif) no-repeat left top transparent;
color: #fff;
}

#s_album .tabs li a:hover {
text-decoration: underline;
}

/* =Tracklist ============*/

.tracklist {
width: 100%;
border-bottom: 1px solid #e1e1da;
margin-bottom: 8px;
}

.tracklist td {
background: url(../images/back_cell.gif) 0 0 repeat-x transparent;
border-bottom: 1px solid #f9f9f2;
padding: 6px 8px 4px;
line-height: 14px;
}

.tracklist tr.odd td {background-color: #edede6;}
.tracklist tr.even td {background-color: #f4f3ec;}
.tracklist tr:hover td {background-color: #e3e3dc;}

.tracklist td a {
text-decoration: none;
}

.cell_play {
width: 1px; 
}

.cell_play a {
display: block;
width: 34px;
height: 14px;
text-indent: -1000em;
background: url(../images/bt_play_tl_disabled.gif) 0 0 no-repeat transparent;
}

.cell_play .active {
background: url(../images/bt_play_tl.gif) 0 0 no-repeat transparent;
}

.cell_play .pause {
background: url(../images/bt_pause_tl.gif) 0 0 no-repeat transparent;
}

#timer,
.cell_title strong,
.cell_booklet strong,
.cell_video strong {
font-weight: bold;
}

.cell_booklet strong {
padding-left: 19px;
background: url(../images/icon_booklet.gif) 2px -1px no-repeat transparent;
}

.cell_video strong {
padding-left: 19px;
background: url(../images/icon_video.gif) 0 2px no-repeat transparent;
}

.cell_time,
.cell_track {
text-align: right;
width: 10px;
}

.cell_download {
width: 1px;
white-space: nowrap; 
}

.cell_download a {
width: 5.2em;
display: block;
height: 14px;
background: url(../images/bt_download_tl_r.gif) no-repeat right top transparent;
margin: 0 0 0 0;
padding: 0 8px 0 0;
position: relative;
cursor: pointer;
}

.cell_download a span {
display: block;
background: url(../images/bt_download_tl_l.gif) no-repeat left top transparent;
padding: 0 0 0 24px;
height: 14px;
text-decoration: none;
color: #fff;
}

.cell_download a.special {background: url(../images/bt_download_special_tl_r.gif) no-repeat right top transparent;}
.cell_download a.special span {background: url(../images/bt_download_special_tl_l.gif) no-repeat left top transparent;}

.cell_download_login {
width: 1px;
white-space: nowrap; 
}

.cell_download_login a {
width: 5.2em;
display: block;
height: 14px;
background: url(../images/bt_download_tl_r.gif) no-repeat right top transparent;
margin: 0 0 0 0;
padding: 0 8px 0 0;
position: relative;
cursor: pointer;
}

.cell_download_login a span {
display: block;
background: url(../images/bt_download_tl_l.gif) no-repeat left top transparent;
padding: 0 0 0 24px;
height: 14px;
text-decoration: none;
color: #fff;
}

.cell_download_login a.special {background: url(../images/bt_download_special_tl_r.gif) no-repeat right top transparent;}
.cell_download_login a.special span {background: url(../images/bt_download_special_tl_l.gif) no-repeat left top transparent;}

.cell_explicit em {
background: none transparent;
position: relative;
color: #a00;
font-weight: bold;
font-style: normal;
}

/* =Sidebar album ============*/

.most_pop_albums h3,
.most_pop_songs h3 {
margin-bottom: 1px;
}

.most_pop_albums .author,
.most_pop_songs .author {
float: none;
margin:0 0 14px 0;
font-weight: bold;
font-size: 12px;
}

.most_pop_albums .author a,
.most_pop_songs .author a {
color: #a00;
}



/*	=Palmares	===============================*/

.palmares h4,
.bg_title {
background: url(../images/back_bg_title.gif) top right no-repeat #e1e1da;
padding: 14px 8px 12px;
margin: 0 0 1px 0;
font-size: 14px;
line-height: 18px;
}

.palmares .hunit,
.palmares .last {
position: relative;
background: url(../images/back_cell.gif) 0 0 repeat-x transparent;
border-bottom: 1px solid #f9f9f2;
margin: 0;
padding: 10px 0 8px 42px;
}

.palmares .odd {background-color: #edede6;}
.palmares .even {background-color: #f4f3ec;}

.palmares .hunit h4 {
background: none transparent;
margin: 0;
padding: 0;
width: 26px;
position: absolute;
top: 0;
left: 8px;
text-align: center;
color: #a00;
font: bold 24px georgia, serif;
letter-spacing: -1px;
}

.palmares .c1,
.palmares .c2 {
border-bottom: 1px solid #e1e1da;
}




/*	=Suggestions	===============================*/

#s_suggestions .c888,
#s_accueil .c888 {
margin-bottom: 34px;
padding-top: 6px;
}

#s_suggestions .footer .c888,
#s_accueil .footer .c888 {
margin-bottom: 24px;
padding-top: 0;
}

#s_suggestions .c888 .section,
#s_accueil .c888 .section {
margin-bottom: 16px;
}

#s_suggestions .c168 {
background: none transparent;
margin-bottom: 12px;
}

/* =Nouveautes ============*/

.b_nouveautes h2,
.b_palmares h2 {
color: #fff;
font-size: 21px;
font-weight: normal;
line-height: 28px;
margin: -4px 0 8px 0 ;
}

.b_palmares .hunit a,
.b_nouveautes .vunit a {
color: #fff;
}

.b_nouveautes h2 {
font-weight: bold;
}

.b_nouveautes .b_pad,
.b_palmares .b_pad {
height: 25.2em;
}

.b_nouveautes .grid_line {
border: 0 none;
background: none transparent;
margin: 0 0 12px 0;
padding: 0;
}

.b_nouveautes .vunit {
padding: 0;
width: 139px;
margin: 0 17px 0 0;
}

.b_nouveautes .side_info h6 a {
color: #e5b8b5;
}

.b_nouveautes .pict {
margin-left: 0;
left: 0;
width: auto;
float: left;
border-color: #4e0000;
background-color: #fff;
}

.b_nouveautes .pict img {
width: 135px;
height: 135px;
}

.b_nouveautes .pages {
background: url(../images/back_pages_900.gif) 0 0 repeat-x transparent;
margin: 0;
padding: 14px 0 0 0;
}

.b_nouveautes .pages a,
.b_nouveautes .pages strong {
font-size: 13px;
font-weight: bold;
color: #fff;
}

.b_nouveautes .pages .next_page,
.b_nouveautes .pages .previous_page {
font-weight: normal;
}

.b_nouveautes .pages .next_page {
background: url(../images/right_arrow_dark.gif) right 3px no-repeat transparent;
padding-right: 18px;
}

.b_nouveautes .pages .previous_page {
background: url(../images/left_arrow_dark.gif) left 3px no-repeat transparent;
padding-left: 18px;
}

/* =Palmares ============*/

.b_palmares .bc4 {
background: none transparent;
}

.b_palmares .b_pad {
padding-left: 8px;
padding-right: 8px;
}

.b_palmares h2 {
padding-left: 8px;
}

.b_palmares .palmares {
border: 0 none;
}

.b_palmares .palmares .odd,
.b_palmares .palmares .even {
background-color: transparent;
}

.b_palmares .palmares .song {
background: none transparent;
padding-top: 0;
margin-bottom: 8px;
border-color: #2a2a29;
padding-left: 36px;
}

.b_palmares .bt_play {
background: url(../images/bt_play_b_palmares_disabled.gif) 0 0 no-repeat transparent;
width: 34px;
height: 14px;
}

.b_palmares .active {
background: url(../images/bt_play_b_palmares.gif) 0 0 no-repeat transparent;
}

.b_palmares .pause {
background: url(../images/bt_pause_b_palmares.gif) 0 0 no-repeat transparent;
}

.b_palmares .side_info {
padding-left: 42px;
}

.b_palmares .side_info h6 a {
color: #ccc;
}

.b_palmares .palmares .last {
margin: 0;
border: 0 none;
}

.b_palmares .palmares .hunit h4 {
top: -10px;
left: 8px;
font-size: 36px;
width: 1px;
line-height: 36px;
color: #bc1100;
height: 36px;
}

#s_suggestions .headline .visuel,
#s_accueil .headline .visuel {
position: relative;
left: 8px;
}

#s_suggestions .headline .visuel,
#s_accueil .headline .visuel,
#s_suggestions .headline .visuel img,
#s_accueil .headline .visuel img {
width: 281px;
height: 158px;
}

.tab_content .reviews .hunit {
height: 14em;
margin-bottom: 12px;
padding-bottom: 12px;
}

.tab_content .reviews .last {
margin-bottom: 0;
}





/*	=Recherche	===============================*/

.b_recherche h1 {
color: #fff;
font-size: 21px;
font-weight: normal;
line-height: 24px;
margin: -2px 0 11px 0 ;
padding: 0;
}

.b_recherche .search_box input {
width: 263px; 
height: 21px; 
padding: 6px 15px 0 15px;
background: url(../images/search_input_b_18.gif) 0 0 no-repeat transparent;
font-size: 12px;
}

.b_recherche .search_box button {
width: 45px;
height: 27px;
background: url(../images/search_button_b_18.gif) 0 0 no-repeat transparent;
}

.b_recherche {
margin-bottom: 0;
background: url(../images/back_rech4.jpg) bottom right no-repeat;
}

.b_search_sugg {
background: url(../images/back_rech2.jpg) bottom right no-repeat #454545;
}

.b_recherche .bc3,
.b_recherche .bc4,
.b_search_sugg .bc1,
.b_search_sugg .bc2 {
background: none transparent;
}

.b_search_sugg a {color: #eee;}

#s_recherche .c168 {
padding-top: 8px;
}

.search_result .line {
margin-bottom: 12px;
padding-bottom: 24px;
border-bottom: 1px solid #cbcbc2;
}

.search_result .news_feed {
margin-bottom: 0;
}

.search_result .last {
margin-bottom: 0;
padding-bottom: 0;
border: 0 none;
}

.search_result .show_all,
.search_result .show_all a {
color: #757571; 
}



/*	=Article	===============================*/

.visuel {
float: left;
line-height: 0;
margin: 0 16px 8px 0;
background-color: #fdfdf8;
border: 1px solid #cbcbc2;
padding: 6px;
}

.visuel,
.visuel img {
width: 216px;
height: 156px;
}

.ref {
position: relative;
right: -8px;
width: 188px;
float: right;
padding: 0 0 8px 8px;
margin: 0 0 8px 8px;
border-left: 1px solid #d1d1c8;
text-align: left;
}

.ref .hunit .pict img {
width: 43px;
height: 43px;
}

.ref .hunit .side_info {
padding-left: 54px;
}

.ref .song .side_info {
padding-left: 32px;
}

.author_bio .pict {
margin: 0 10px 0 0;
float: left;
}

.author_bio .pict img {
width: 70px;
height: 75px;
}

.author_bio h6 {
margin-bottom: 6px;
color: #757571; 
}



/*	=Blogue	===============================*/

.categories_list ul li,
.authors_list ul li,
.rss ul li {
padding: 0 0 0 22px;
margin-bottom: 6px;
background: url(../images/icon_folder.gif) 0 2px no-repeat transparent;
}

.rss ul li {
background: url(../images/icon_rss.gif) 0 2px no-repeat transparent;
line-height: 16px;
margin-bottom: 4px;
}

.categories_list,
.authors_list,
.rss,
.archives {
margin-bottom: 26px;
}

.archives form div {
border-bottom: 0 none;
padding: 0;
}

.archives select {
width: 100%;
}

#s_blogue .main .c888 {
background: none transparent;
margin: 0 0 8px 0;
}



/*	=Categories	===============================*/

#s_categorie .feature {
float: left;
width: 100%;
display: block;
position: relative;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #cbcbc2;
z-index: 1; /*TODO: Decouvrir pourquoi les liens et le texte sont impossible à selectionner sans le z-index. */
}

#s_categorie .feature .visuel,
#s_categorie .feature .post {
clear: none;
position: relative;
float: left;
left: 100%;
margin-bottom: 0;
}

#s_categorie .feature .visuel{margin-left: -631px;width: 216px;}
#s_categorie .feature .post {margin-left: -393px;width: 393px;}

#s_categorie .feature .post .post_head {
width: 377px;
}

#s_categorie .post_list {
margin-bottom: 35px;
}

#s_categorie .post_list .hunit {
margin-bottom: 12px;
padding-bottom: 14px;
}

.hunit .visuel,
.hunit .visuel img  {
width: 93px;
height: 65px
}

#s_categorie .post_list .hunit h5  {
font-size: 18px;
line-height: 21px; 
margin-bottom: 3px;
font-style: italic;
font-family: georgia, serif;
}

#s_categorie .post_list .hunit h5 a {
color: #990000;
}

#s_categorie .post_list .hunit .extra {
font-size: 12px;
}

.side_filter ul.pad {
padding-left: 0;
padding-right: 0;
}

.side_filter ul.pad li {
border-bottom: 1px solid #e1e1da;
padding: 0;
margin: 0;
background: none transparent;
}

.side_filter ul.pad li.last {
border: 0 none;
}

.side_filter ul.pad li a {
color: #242420;
text-decoration: none;
font-weight: bold;
display: block;
padding: 6px 8px 6px 20px;
background: url(../images/bullet_left.gif) 8px 11px no-repeat transparent;
}

.side_filter ul.pad li a:hover {
background-color: #f1f1e9;
}



.submitLink {

   color: #000000;

   background-color: transparent;

   text-align: left;

   border: none;

   cursor: pointer;

   cursor: hand;

   font-family: georgia, serif;  

   font-weight: bold;

  }





.archive_link {
display: block;
clear: left;
padding: 21px 0 48px 8px;
text-align: left;
font-weight: bold;
background: url(../images/back_pages.gif) center top no-repeat transparent;
}

.archive_link a {
background: url(../images/left_arrow.gif) left 3px no-repeat transparent;
padding-left: 18px;  
}


/*	=Archives	===============================*/

#s_archive .wunit {
border-bottom: 1px solid #cbcbc2;
}

#s_archive .bg_title {
margin-bottom: 16px;
}

#s_archive .last {
border-bottom: 0 none;
}

.month_browser {
padding: 0 8px;
margin-bottom: 28px;
float: left;
}

.month_browser li {
float: left;
margin-right: 2px;
margin-bottom: 2px;
padding: 0;
background: none transparent;
}

.month_browser li a {
padding: 4px 4px 5px ;
display: block;
width: 93px;
background-color: #343434;
text-align: center;
color: #fff;
}



/*	=Utilitaires	===============================*/

.clearer {
height: 0;
clear: both;
overflow: hidden;
}

#grid {
display: none;
height: 2000px;
position: absolute;
width: 967px;
left: 50%;
margin-left: -484px;
background: url(../images/grid.png) repeat 0 0 transparent;
z-index: 998;
}

/*	=User message	===============================*/

#SWFObjectExprInst {
height: 160px;
width: 320px;
}

#SWFObjectExprInst,
#user_message {
position: fixed;
background: #f1f1f1;
z-index: 102;
display: block;
text-align: left;
top: 100px;
left: 50%;
border: 6px solid #cdcdcd;
margin-left: -281px; 
width: 562px; 
xmargin-top: -250px;
}

#user_message p {
padding: 10px;
font-size: 1.2em;
}

#user_message_title {
background-color: #cdcdcd;
height: 2em;
text-align: right;
}

.user_message_close {
display: block;
height: 14px;
background: url(../dialog/bt_close.gif) right center no-repeat transparent;
padding: 0 20px 0 0;
line-height: 12px;
text-decoration: none;
color: #555;
}

.user_message_close:hover {
color: #222;
text-decoration: underline;
}

.introText{
text-align:center;
line-height:16px;
font-variant:normal;
font-size-adjust:none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
margin-bottom:16px;
margin:0 0 2px;
color:#909090;
font-weight:normal;
}