* {	margin: 0; padding: 0;  }

html { height: 100%; }

h1 {
color: #000000; 
font-size: 3.6em; 
font-weight: bold; 
text-align:left; 
margin-bottom:5px;
letter-spacing:-2px;
}

h3 {
height:20px; 
padding-left:5px; 
padding-top: 5px; 
font-family: Verdana, sans-serif; 
font-weight: bold; 
font-size: 11px; 
color:#000000; 
background-image: url(images/fond-h1.gif); 
border-top: 1px solid #C0C4D0; 
text-transform:uppercase;
margin-bottom:10px; 
}

body { height:auto; margin: 0px 0; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #000000; background-image:url(images/fond-noir.jpg); background-position:top center; background-repeat: no-repeat; background-attachment:fixed; text-align:justify; } 



body alt { background-color: #000000; } 
body p { font-family: Arial, Helvetica, sans-serif; } 
body p.spacer { height:20px; } 
body p.barre {border-bottom: 1px solid #C0C4D0; margin-bottom:20px; margin-top:20px;}
body p.result1 {font-weight: bold; line-height: 16px; font-size: 11px; color:#3D4049; margin-bottom:0px; margin-top:0px;}
body p.result2 {font-size: 13px; color:#84163F; margin-bottom:10px; margin-top:0px;}
body div.spacer { height:20px; }
body .archives { text-align: right; background-color:#FFFFFF; clear:both; color:#C00202; margin-bottom:10px; padding-left:5px;}
body .colarchives { text-align: left; background-color:#FFFFFF; clear:both; color:#C00202; padding-left:5px; margin-bottom:0px;}
body .archives p.premier { margin-top:5px; padding:5px;}
body .encart {
background-image:url(images/test-black-75png.png); 
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:40px;
padding-left:3px;
position:relative;
top:-1em;
width:162px;
}
#site_wrapper { width:972px; margin:auto;}
#wrapper { width:970px; margin:auto;}
#site { float:left; width:970px; background:#fff;}


/* HEADER */
#header { background-color:#FFFFFF;  margin-bottom:20px; float:left;  }
#header_top { float:left; margin: 0 auto; width:930px; height: 15px; background-color: #84163F; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; }
#header_main { float:left; margin-left:20px; width:930px; height:150px; }
#main { float:left; width:930px; margin-left:20px; margin-bottom:20px; }
#header_1 { float: left; width: 365px ; padding: 0; }
#header_2 { float: right; width: 350px; padding: 0; margin-bottom: 10px; margin-top: 10px; }
#chro_1, #chro_2, #chro_3, #chro_4, #chro_5 {width: 110px; margin-bottom: 10px; display: block; float: left; margin-right: 10px; }
#chro_5 {width: 110px; margin-top: 10px; margin-right: 0px; }
#header_top p.texteTop { font-weight: bold; font-size: 11px; color:#FFFFFF; text-align: left; line-height:15px; }
#navig_second { display:block; float:left;  }
#navig_second ul { list-style-type:none; }
#navig_second ul li { display:inline; padding:0px;  }
#navig_second ul li a { color:#fff; font-weight:bold; border-right:1px solid #fff; margin-right:5px; padding-right:5px; }
#navig_social { display:block; float:right; }
#navig_social ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
#navig_social li { display:inline; padding:0px; margin-left:5px; }
#navig_social img { border:none; }

/* @group Bannière Blog */
#banniere_blog { 
border: 1px solid #C0C4D0;
padding-left: 10px;
height:40px;
margin-bottom: 20px;
color: #3D4049;
}

#banniere_blog .link_blog { 
float: left;
margin-right:10px;
padding-top: 7px;
text-align: left;
width: 200px;
}
#banniere_blog .suite_blog { 
float: left;
width: 40px;
margin-left:30px;
padding-top: 7px;
}

#banniere_blog  p { 
font-size: 1.2em;
padding-top: 7px;

}

#banniere_blog  a { 
font-weight: bold;
color: #3D4049;
}

#banniere_blog  a:hover { 
font-weight: bold;
color: #000000;
}

#banniere_blog  a.suite { 
font-weight: bold;
color: #000;
}

#une_blog { 
width: 890px;
float: left;
position: relative;
}

#rss_blog { 
width: 20px;
float: left;
position: relative;
padding-top:6px;
margin-left: 8px;
}

/* @group Header suite */
h1#row { margin-bottom: 10px; padding: 0; border: 0; background-color: #FFF; width: 625px; }
h1#bx { float: left; width: 125px; height: 125px; margin: 0 0px 0 0; padding: 0; }
h1#header a { width: 400px; height: 50px; display: block; background: url(title.gif) no-repeat;	position: relative;	left: 350px; top: 15px;	text-indent: -5000px; }
h1#header table { width: 800px; }
h1#header recherche { width: 385px; padding: 0; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right:0px; }

/* groupe Menu */
ul#menu { background-color:#000000; height: 30px; list-style-type: none ; color:#333333; line-height: 30px ; font-size: 10px ; margin-bottom:20px;}
ul#menu li { float: right; text-align: center;}
ul#menu li.date { float: left; text-align: left; padding-left:10px; color:#3D4049;}
ul#menu li a { width: 98px ; line-height: 30px ; font-size: 12px ; color: #FFFFFF ; display: block ; text-decoration: none ;	border-right: 3px solid #FFFFFF ;}
ul#menu li a:hover { background-color:#84163F; color:#FFFFFF; border-bottom: 3px solid #3D4049; border-right: 3px solid #3D4049; }

/* groupe News */
ul#news { float:left;}
ul#news li { margin-bottom:20px; width:100%;}
ul#news li.date { float: left; text-align: left; padding-left:10px; color:#3D4049;}
ul#news li a { width: 98px ; line-height: 30px ; font-size: 10px ; color: #FFFFFF ; display: block ; text-decoration: none ;	border-right: 3px solid #FFFFFF ;}
ul#news li a:hover { background-color: #0D0D0D; color:#84163F;}

/* @group Footer */
#footer3 { margin-bottom:20px; margin-top:20px;}
#footer3 p.texte { text-align:justify ; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#A2A6B3 ; margin-left: 5px; 	}
#footer3 a { text-align:justify ; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#A2A6B3 ; margin-left: 5px; }

/* @group Conteneurs */
div.conteneur {padding-bottom:40px; width: 932px; height:100%; padding-left:20px; padding-right: 20px; background: #ffffff; float:left; }
div.menutop {	width: 972px; margin: 0 auto;	border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 0px solid #000000;	background: #ffffff; overflow: hidden; }


.column1 { width:340px; margin-right:20px; }
.column2 { width:250px; margin-right:20px; }
.column3 { width:300px; }
.left { float:left;}
.right { float:right;}
#sidebar { float:right; width:290px; }

div.conteneurGauche { width: 340px; height: 100%; display: block; float: left; background-color:#FFFFFF; text-align: justify; margin-right:10px;  }
div.conteneurTop { width: 955px; height:240px; padding-left: 10px; padding-right: 10px; height: 100%; display: block; float: left; background-color:#FFFFFF; text-align: justify; }
div.conteneurCentre { width: 260px; height: 100%; display: block; float: left; background-color:#FFFFFF; }
div.conteneurContenuDroite { width: 570px; height: 100%; display: block; float: left; background-color:#FFFFFF; border-left:1px solid #C0C4D0; padding-left:10px;  }
div.conteneurContenuGauche { width: 620px; display: block; float: left; background: transparent url(http://www.abcdrduson.com/images/content-line.jpg) repeat-y top right; }
div.conteneurContenuGauche h3 { background:none; padding:10px; border-bottom:1px solid #C0C4D0; margin-top:30px; margin-bottom:30px; font-size:1.5em; font-family:Arial; color:#3d4049; font-weight:normal; text-transform:none; }
div.conteneurDroite { width: 290px; display: block; float: right; background-color:#FFFFFF; }

div.conteneurDroite_home { width: 300px; height: 100%; display: block; float: right; background-color:#FFFFFF;   }
div.conteneurBottom { width: 987px;	margin: 20px auto; border-right: 1px solid #000000;	border-left: 1px solid #000000;	background: #ffffff; overflow: hidden; }
div.conteneurArchGauche { width: 610px; height: 100%; display: block; float: left; border-right:1px solid #C0C4D0; padding-right:20px;}

/* FOOTER */
#footer_wrapper { width:970px; margin:auto; }
#footer_new { background:#232429; float:left; display:block; width:930px; padding:20px;  }
#footer_left { float:left; width:340px; display:block;}
#footer_left img { float:left; border:none;}
#footer_left img a { border:none;}
#footer_left p { text-transform:uppercase; font-weight:normal; margin-bottom:5px; font-size:1.2em; color:#fff; }
#footer_left p a { color:#fff; font-weight:normal; }
#footer_left p a:hover { color:#B8B9BD; }
#footer_left_nav { width:340px; float:left; display:block;margin-bottom:20px; }
#footer_left ul {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:80px;   }
#footer_left li { padding-bottom:10px; }
#footer_left li a { color:#fff; }
#footer_right { float:left; display:block; width:570px; margin-left:20px;}
#footer_right h2 { border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:10px; background: transparent url(http://www.abcdrduson.com/images/h2_bestof.jpg) scroll no-repeat top left; text-indent:-9999px;}
#footer_bottom { background:#14151A; float:right; display:block; width:930px; padding:20px; font-size:1.1em; font-family:georgia; font-style:italic; color:#67696D;  text-align:right;}
#best_of1 { float:left; display:block; margin-right:30px;}
#best_of2 { float:left; display:block; margin-right:30px;}
#best_of3 { float:left; display:block;}
#best_of1 h3.titre, #best_of2 h3.titre, #best_of3 h3.titre {color:#fff; background:none; padding:0px; margin-top:20px; margin-bottom:10px; border:none; font-size:1.1em; font-family:arial; text-transform:uppercase;}
#best_of1 ul, #best_of2 ul, #best_of3 ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
#best_of1 ul, #best_of2 ul { width:160px; }
#best_of3 ul{ width:190px; }
li.best_of { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #3F4146; }
li.best_of a {color:#fff; font-weight:normal; color:#B8B9BD;}
li.best_of a:hover { color:#fff;}

/* @group Liens */
a, a:link, a:active, a:visited {text-decoration: none; color: #84163F; font-weight:bold;}
a:hover {text-decoration: underline; color: #84163F;}
a.noir, a.noir:link, a.noir:visited {text-decoration: none; font-weight: bold; color: #000000;} 
a.noir:hover {text-decoration: underline; color: #84163F;}
a.noir2, a.noir2:link, a.noir2:visited {text-decoration: none; color: #000000;} 
a.noir2:hover {text-decoration: underline; color: #84163F;}
a.siteweb, a.siteweb:link, a.siteweb:active, a.siteweb:visited, a.siteweb:hover {text-decoration: none; text-align:right; font-weight: bold; color: #84163F;}
a.couleur, a.couleur:link, a.couleur:active, a.couleur:visited {text-decoration: none; font-weight: bold; color: #84163F;}
a.couleur:hover {text-decoration: underline; font-weight: bold; color: #84163F;}
a.focus, a.focus:link, a.focus:active, a.focus:visited {text-decoration: none; font-weight: bold; color: #000000;}
a.focus:hover {text-decoration: underline; color: #84163F;}
a.sommaire, a.sommaire:link, a.sommmaire:active, a.sommaire:visited {text-decoration: none; font-weight: bold; color: #3D6CFA;}
a.sommaire:hover {text-decoration: none; color: #DA1414;}
a.lnk_musique, a.lnk_musique:link, a.lnk_musique:active, a.lnk_musique:visited {text-decoration: none; color: #7EC651;}
a.headertop, a.headertop:visited {text-decoration: none; color: #FFFFFF;}
a.headertop:hover { text-decoration:underline; color: #FFFFFF;}
a.footer, a.footer:visited { color: #FFFFFF;}
a.footer:hover { text-decoration:underline; color: #FFFFFF;}
a.auteur { text-decoration:none; color: #000000;}
a.auteur:hover { text-decoration:underline; color: #84163F;}
a.archive { font-weight: normal; COLOR: #000000; text-align: left; }
a.archive:hover { color: #3D4049;}
a.archive:visited { color: #3D4049;}
a.titre5arch {font-size: 15px; color:#84163F; text-align: left; font-weight:bold; margin-bottom: 20px; }
a.suite  {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:10px; color: #000000; }
a.suite:hover { text-decoration: underline; }


/* @group Focus */
#focus {padding: 0; margin-bottom: 20px; }
#focus p.titre {color: #15161A; font-size: 22px; margin-top: 10px; text-align:left; }
#focus h1 {color: #15161A; font-size: 22px; margin-top: 10px; text-align:left; letter-spacing:0px; }
#focus p.chapo {color: #3D4049; font-size: 11px; }
#focus span.rubrique {color: #84163F; font-size: 22px; font-weight: bold; margin-top: 10px;  }


/* @group Actu */
.actu {padding: 0; padding-bottom: 10px; float:left; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #C0C4D0; width:600px;}
.actu h2 { font-size: 1.7em; color:#3D4049; margin-bottom:5px;  }
.actu p {font-size: 12px; color:#3D4049; line-height: 17px; margin-bottom:20px;  }
.actu p.titre {font-weight: bold; font-size: 14px; line-height: 18px; color:#84163F;}
.actu img {padding:0px; }
.actu p.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-align: justify; margin-bottom:10px;}
.actu p.titrebig {color: #000000; font-size: 30px; font-weight: bold; line-height: 30px; text-align:left;  }
.actu p.chapo {color: #3D4049; font-size: 11px; margin-bottom: 4px; margin-top: 4px; }
.actu span.rubrique {color: #84163F; font-size: 22px; font-weight: bold; margin-top: 10px;  }
.actu span.violet  { font-weight:normal; color: #84163F; }
#metadata_index { color:#999999; font-size:1em; padding-bottom:20px; }
#metadata_index a { color:#3D4049;}


/* @group A la Une */
#a_la_une {text-align:left; padding: 0; float:left; margin-bottom:20px; }
#a_la_une p {font-size: 11px; color: #000000; padding-left:0px; padding-right:0px; }
#a_la_une p.titre {color: #15161A; font-size: 13px; font-weight: bold; margin-top: 10px;}
#a_la_une h2 {color: #15161A; font-size: 13px; font-weight: bold; margin-top: 10px;}
#a_la_une p.chapo {color: #3D4049; font-size: 11px; margin-bottom: 4px; margin-top: 4px; }
#a_la_une p.archive { padding:3px 10px 4px; text-align:right; border-top:1px solid #eee; color:#CCC; }
#a_la_une p.rubrique { color:#000000; }
#une_1 {width: 165px; display: block; float: left; margin-right: 10px; }
#une_2 {width: 165px; display: block; float: left; }
DIV.cadre {MARGIN: 0px 0px 20px; OVERFLOW: hidden; WIDTH: 100%; }
DIV.previewAlaUne A {font-weight: bold; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #18295A; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none}
DIV.previewAlaUne A:hover {	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none }
DIV.previewAlaUne SPAN.date { font-size: 11px; COLOR: #95969B; MARGIN-RIGHT: 3px; }
DIV.previewAlaUne SPAN.chapo { font-size: 11px; COLOR: #95969B; MARGIN-RIGHT: 30px; }
DIV.previewAlaUne A:hover SPAN.date { font-size: 11px; COLOR: #3D4049; }

/* @group Lyrics */
#boite {padding: 0; font-size: 9px; margin-bottom: 10px; height:120px;}
#boite p.chapo {color: #3D4049; font-size: 11px; margin-bottom: 4px; margin-top: 4px; }
#boite p.artiste {color: #15161A; font-size: 13px; font-weight: bold; }


/* @group Sommaire */
#sommaire {padding-top: 10px; margin-top: 10px; margin-bottom: 30px;  }
#sommaire h2 {font-size: 12px; font-weight: bold; margin-left: 10px; margin-right: 10px;}
#sommaire h3 {line-height: 20px; color: #999999; background-color: #FFFFFF; font-size: 12px; margin-bottom: 10px; }
#sommaire p {margin-bottom: 8px; font-size: 9px; color: #000000;}
.arrow {color: #261800; }
span.titre {font-weight:bold; font-size: 11px; color:#3D4049; text-align: left; }
DIV.mid {
	height:75px; 
}



/* @group Archives */
#archives {padding-top: 10px; margin-bottom: 30px;  }
#sommaire h2 {font-size: 12px; font-weight: bold; margin-left: 10px; margin-right: 10px;}
#sommaire h3 {line-height: 20px; color: #999999; background-color: #FFFFFF; font-size: 12px; margin-bottom: 10px; }
#sommaire p {margin-bottom: 8px; font-size: 9px; color: #000000;}
.arrow {color: #261800; }
span.titre {font-weight:bold; font-size: 11px; color:#15161A; text-align: left; }
span.album {font-size: 11px; color:#15161A; text-align: left; }

/* @group Chroniques */
#chroniques {width: 260px; background-color:#FFFFFF;   }
#chroniques p {padding-left:5px; }
#chroniques p.artiste { font-weight: bold; font-size: 11px; color:#000000; text-align:left; width:110px; }
#chroniques p.titre { font-size: 11px; color:#3D4049; text-align: left; margin-bottom:10px; margin-right:10px;  }
#chroniques p.archive { padding:3px 10px 4px; text-align:right; border-top:1px solid #eee; color:#CCC; }
DIV.chronique_1 {width: 130px; display: block; float: left; height:170px; }
.chroniques_home { width:270px; list-style-type: none; margin-left:-10px; }
.chroniques_home li { width:120px; margin-left:10px; float:left; height:150px; margin-bottom:20px; }
.chroniques_home li img { width:120px; border:none; }

/* @group Envoi */
#envoi {width:350px; padding-left: 20px; padding-top: 20px; }
#envoi p {padding-left:0px; padding-right:0px;  }
#envoi p.titrebig {color: #000000; font-size: 30px; font-weight: bold; line-height: 30px; text-align:left; margin-bottom:20px; }
#envoi p.titre {color: #15161A; font-size: 22px; margin-top: 10px;  }
#envoi p.artiste {color: #15161A; font-size: 22px; font-weight:bold; }
#envoi p.album {color: #15161A; font-size: 22px; font-weight:normal; }
#envoi p.chapo {color: #3D4049; font-size: 11px; margin-bottom: 4px; margin-top: 4px; }
#envoi p.rubrique {text-transform:uppercase; }
div.sendbox { height:90px; border-bottom: 1px solid #C0C4D0; }

/* @group Blog */
#blog {
float:left;
width:340px;
}
#blog h1{
color:#000000;
font-size:2em;
margin-top:10px;
margin-bottom:10px;
}
#blog a.titre {
color:#000000;
font-weight:normal;
}
#blog span.author {
font-weight: normal;
}
#blog span.author a {
font-weight: normal;
}
#blog span.dateblogarchive {
color:#000000;
}
#blog ul {
margin-bottom:2em;
}
#blog li {
border-bottom:1px solid #C0C4D0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
display:block;
width:340px;
padding-top:10px;
padding-bottom:10px;
}
#blog li a {
color:#3D4049;
display:block;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none;
height:80px;
}
#blog li a:hover {
color:#84163F;
display:block;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-decoration:none;
BACKGROUND-COLOR: #D9DAE2; 
}
div.blog_home { 
width:320px;
padding:10px;
float:left;
display:block;
border-bottom:1px solid #C0C4D0;
}
div.blog_home:hover { 
background: #D9DAE2; 
}
div.blog_home a { 
color:#3D4049;
text-decoration:none;
}

p.pblog_home { margin-bottom:5px; font-size:1.2em; text-align:left; }
img.thumb_blog { border:none; }


#blog span.date {
color:#000000;
}
#blog div.previewBlog { text-align: left;   }
#blog div.previewBlog a {
	font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; color:#3D4049; PADDING-TOP: 10px; TEXT-DECORATION: none; border-bottom: 1px solid #C0C4D0; 
}
#blog div.previewBlog a:hover {
	font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; color:#3D4049; PADDING-TOP: 10px; TEXT-DECORATION: none; border-bottom: 1px solid #C0C4D0;  BACKGROUND-COLOR: #D9DAE2; 
}

/* @group News */
#news {width:300px; float:left;   }
#news p {margin-bottom: 15px; font-size: 11px; color:#3D4049; line-height: 16px;  padding-left:5px; padding-right:5px;}
#news p.titre {font-weight: bold; font-size: 13px; color:#84163F;}
#news span.dateNews {font-weight: bold; font-size: 13px; color:#000000; text-align: left; }
#news span.dateNewsArchive {font-weight: bold; font-size: 11px; color:#000000; text-align: left; }
#news span.newsArchive {font-weight: normal; font-size: 11px; color: #3D4049; text-align: left; }
DIV.cadre {	MARGIN: 00px 0px 0px; OVERFLOW: hidden; WIDTH: 100%; }
DIV.previewNews { }
DIV.previewNews a {
	font-size: 11px; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; color:#3D4049; PADDING-TOP: 2px; TEXT-DECORATION: none; border-bottom: 1px solid #C0C4D0; 
}
DIV.previewNews a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; border-right: 5px solid #84163F;
}


DIV.preview a, DIV.preview a:visited {
	font-size: 11px; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; color:#3D4049; TEXT-DECORATION: none; border-bottom: 1px solid #C0C4D0; margin-bottom:0px;
}
DIV.preview a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; border-right: 5px solid #84163F; margin-bottom:0px;
}

/* @group News Rubrique */
#newsrub {background-color:#FFFFFF;   }
#newsrub p {font-size: 11px; color:#3D4049; line-height: 16px; }
#newsrub p.titrebig {color: #000000; font-size: 30px; font-weight: bold; line-height: 30px; text-align:left; margin-bottom:20px; }
#newsrub p.titre {font-weight: bold; font-size: 13px; color:#84163F; }
#newsrub p.chapo {color: #000000; font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom:20px;}
#newsrub p.datenews {font-weight: bold; font-size: 13px; color:#84163F;}
#newsrub p.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-align: justify; margin-bottom:10px;}

DIV.archboxbig { height:320px; }

/* @group Features */
#feature {background-color:#FFFFFF; display:block; float:left;  }
#feature p {font-size: 12px; color:#3D4049; line-height: 16px; margin-bottom:10px;}
#feature p.bold {font-weight:bold; font-size: 11px; color:#3D4049; line-height: 16px; }
#feature p.grostitre {color: #000000; font-size: 30px; font-weight: bold; text-align:left; margin-bottom:10px; }
#feature p.signature {line-height: 16px; font-size: 11px; color:#3D4049; margin-bottom:10px; }
#feature p.spacer2 {height:18px; }
#feature p.artiste {line-height: 16px; font-size: 11px; color:#3D4049; margin-bottom:10px; }
#feature p.titre {font-weight: bold; font-size: 13px; color:#84163F; margin-bottom:10px;}
#feature p.soustitre {font-weight: bold; color:#000000; margin-bottom:5px;}
#feature p.chapo {color: #000000; font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom:20px;}
#feature p.datenews {font-weight: bold; font-size: 13px; color:#84163F;}
#feature p.suite {text-align:right}
#feature p.barre {border-bottom: 1px solid #C0C4D0; margin-bottom:20px; margin-top:20px;}
#feature p.date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; text-align: justify; margin-bottom:10px;}
#feature p.texte {line-height: 16px; font-size: 11px; color:#3D4049; margin-bottom:10px;}
#feature span.violet  { font-weight:normal; color: #84163F; }
DIV.archbox { margin-bottom:10px; padding-bottom:20px; display:block; float:left; border-bottom: 1px solid #C0C4D0;}
DIV.archboxbig { height:320px; }
DIV.mainstory {margin-bottom:20px; padding-bottom:20px; float:left; display:block; border-bottom: 1px solid #C0C4D0;}
DIV.chronique_archive {width: 130px; height: 130px; margin-right:10px; display: block; float: left; margin-bottom: 10px; margin-top:20px;  }
div.colonne {width: 280px; margin-right:10px; display: block; float: left; }

/* @group Lu sur le Net */
#lusurlenet {background-color:#000000; float:left; 
}
#lusurlenet h3 { height:20px; padding-left:5px; padding-top: 5px; font-family: Verdana, sans-serif; font-weight: bold; font-size: 10px; 
color:#FFFFFF; background-color: #84163F;  background-image:none;border:0;}
#lusurlenet p {font-size: 11px; color: #FFFFFF; text-align:left;}
#lusurlenet p.date {font-size: 9px; color: #FFFFFF; text-align:left;}
span.titreNet {font-style: normal; font-size: 11px; color:#FFFFFF; text-align: left; }
span.type {color:#84163F; text-transform: uppercase;}
#lusurlenet li { font-size: 11px; DISPLAY: block; COLOR: #3D4049; TEXT-DECORATION: none; border-bottom: 1px solid #3D4049; BACKGROUND-COLOR: #000000; margin: 10px; padding-bottom:10px; }
#lusurlenet a { white-space: normal; color: #FFFFFF; font-weight:normal;}
#lusurlenet a.hover { text-decoration: underline; }

/* @group Indexation Gauche */
#indDroite {width: 580px; background-color:#FFFFFF; margin-bottom: 20px; }

/* @group Indexation Archives */
#indGauche {width: 610px; background-color:#FFFFFF; margin-bottom:20px;}
#indGauche h2 {height:16px; font-size: 20px; color:#000000; letter-spacing: -0.04em; margin-bottom:10px;}
#indGauche p {font-size: 12px; color:#15161A; text-align: justify; }
#indGauche p.rubrique {color: #15161A; font-size: 30px; font-weight: bold; margin-bottom:10px; }
#indGauche p.titre {color: #15161A; font-size: 24px; font-weight: bold; margin-bottom:2px; }
span.signature {font-size: 11px; color:#15161A; text-align: left; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.03em; margin-bottom:5px;}
span.date {font-size: 11px; color:#15161A; text-align: left; }
span.chapo {text-align: left; }

DIV.preview5arch { height:100px; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #3D4049; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; }

/* @group Main Feature */
#mainFeat {width: 100%; background-color:#CCCCCC; }
#mainFeat h3 {height:16px; font-size: 11px; padding-top:10px; letter-spacing: -0.04em; color:#000000; font-family: Verdana, sans-serif; font-size: 11px; color:#000000; border-bottom: 1px solid #C0C4D0; margin-bottom:10px;}

/* @group Archives Chroniques */
#chro {width: 280px; margin-right:10px; display: block; float: left; }
#chro2 {width: 105px; height: 155px; margin-right:10px; display: block; float: left; margin-bottom: 10px; }
#chro2 p.artiste { font-weight: bold; font-size: 11px; color:#000000; }
#chro2 p.titre { font-size: 11px; color:#3D4049; text-align: left; margin-bottom:10px; }


/* @group Contenu */
hr {  background-color: #C0C4D0;    border: medium none;    height: 1px;    margin-bottom: 40px;    margin-top: 40px;}
#contenu {background-color:#FFFFFF; width:600px; float:left; }
#contenu a { font-weight:bold;}
#contenu h2 {border-bottom:1px solid #C0C4D0; font-size:2em; margin-bottom:20px; padding-bottom:20px; text-align:left;}
#contenu p {font-family: Arial, Helvetica, sans-serif; line-height: 17px; font-size: 12px; color:#3D4049; margin-bottom:20px; }
#contenu p strong { color: #000000; }
#contenu p.spacer {margin-bottom:10px;}
#contenu p.titre {color: #000000; font-size: 30px; font-weight: bold; line-height: 30px; text-align:left; margin-bottom:5px;}
#contenu p.titresmall {color: #000000; font-size: 24px; font-weight: bold; line-height: 30px; text-align:left; margin-bottom:5px;}
#contenu p.titresmaller {color: #000000; font-size: 20px; font-weight: bold; line-height: 30px; text-align:left; }
#contenu p.titreChronique {color: #15161A; font-size: 30px; font-weight: bold; margin-bottom:5px; line-height: 26px; text-align:left;}
#contenu p.chapo {color: #3D4049; font-size: 16px; line-height: 18px; text-align:left; margin-bottom:10px; }
#contenu p.base {margin-top:15px; margin-bottom:20px; }
#contenu p.auteur { text-transform: uppercase; font-size: 11px; color:#000000; text-align: justify; margin-bottom:0px; }
#contenu p.date { color: #3D4049;    font-family: Arial,Helvetica,sans-serif;    font-size: 11px;    text-align: justify; }
#contenu p.texte {line-height: 17px; font-size: 12px; color:#3D4049; margin-bottom:10px;}
#contenu p.artiste {line-height: 18px; font-size: 12px; color:#3D4049; margin-bottom:0px; font-weight:bold;}
#contenu p.titrerandom {line-height: 18px; font-size: 12px; color:#3D4049; margin-bottom:0px; font-weight:normal;}
#contenu p.signature {line-height: 12px; text-align: right; color:#3D4049; margin-bottom:10px;}
#contenu p.page {text-align: right; color: #15161A; }
#contenu p.index{margin-bottom:0px;}
#contenu div.base {margin-bottom:20px; }
#chro_1, #chro_3, #chro_4, #chro_5 {width: 120px; display: block; float: left; margin-right: 10px; margin-top: 10px; }
#chro_2 {width: 120px; margin-right: 0px; margin-top: 10px;}
span.archivesChronique {font-weight: normal; font-size: 11px; color:#FFFFFF; text-align: right; }
span.oeuvre {font-weight: bold; }
span.question {font-weight: bold; color: #000000; }
span.normal {font-weight: normal; }
DIV.cadretop {height:180px; }
span.question {font-weight: bold; }
span.dateNewsArchive {font-weight: bold; font-size: 11px; color:#000000; text-align: left; }
DIV.td { width: 200px; color: #333333; float: right; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; }
span.dateNewsArchive {font-weight: bold; font-size: 11px; color:#000000; text-align: left; }
DIV.chrobox { margin-bottom:20px; float:left; width:610px;  }
DIV.boiteLyrics { height: 100px; padding-bottom: 10px; }
div.news {height:100%;  }
img.img_illustGauche {float:left; margin-right: 20px; margin-bottom:10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_pochette { height:195px; width:195px; float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_illustDroite {float:right; margin-left: 20px; margin-bottom:10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
#masthead { float:left; width:600px; border-bottom: 1px solid #C0C4D0; padding-bottom:10px; margin-bottom:20px; }

/* @group Print */
#print {width:600px; background-color:#FFFFFF; padding-bottom:10px; padding-top:10px; padding-left:10px; padding-right:10px; margin: 0 auto;	float:inherit;}
#print img { display:none; }
#print #blockquote { display:none; }
#print p {color: #000000; font-size: 12px; font-weight: normal; margin-bottom:20px; text-align:justify;}
#print p.titre {color: #000000; font-size: 28px; font-weight: bold; margin-bottom:5px; margin-top:10px; line-height: 22px; text-align:left;}
#print p.chapo {color: #000000; font-size: 16px; font-weight: bold; margin-bottom:5px; margin-top:10px; line-height: 22px; text-align:left;}
#print p.texte {line-height: 16px; font-size: 11px; color:#000000; margin-bottom:10px; text-align:justify;}
#print p.signature {line-height: 16px; text-align: left; font-size: 14px; color:#000000;}

/* @group Recherche */
.recherche { background-color:#FFFFFF ; float:right; padding:0px 0px 20px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
.recherche form .picto { float:left; margin-right:5px;}
.recherche form select { float:left; font-size:10px; margin:2px 5px 0pt 0pt; width:120px; }
.recherche form input#recherche_mot_cle, .recherche form input#recherche_mot_cle_2 { float:left; font-size:10px; margin:2px 5px 0pt 0pt; padding-left:3px; width:125px; }
.recherche form input.bouton_valider { float:left; }
label.picto { width:25px; float:left; margin-right:5px;}

/* @group Archives */
.archives form select { float:left; font-size:10px; margin:2px 5px 0pt 0pt; width:120px; }

/* @group Colonne Contenu */
#colcontenu {font-size: 9px; line-height: 12px; padding-bottom: 10px; margin-bottom:10px; }
#colcontenuCov {height:175px; padding: 0; font-size: 9px; line-height: 12px; padding-bottom: 10px; border-bottom: 1px solid #3D4049;  }
#colcontenu h1 { letter-spacing:0px; height:20px; padding-left:5px; padding-top: 5px; font-family: Verdana, sans-serif; font-weight: bold; font-size: 11px; color:#000000; background-image: url(images/fond-h1.gif); border-top: 1px solid #C0C4D0; border-bottom: 1px solid #C0C4D0; }
#colcontenu h2 {height:195px; background-color: #FFFFFF; color: #000000; text-align: left; line-height: 16px; font-size: 11px; }
#colcontenu p {font-size: 11px; color: #2F3036; line-height: 18px; text-align:left;  }
span.lien {text-align: right; }
#chroLie {width: 85px; display: block; float: left; margin-right: 5px;  }
#chroLieLeft {width: 85px; display: block; float: left;  }
#colcontenu span.rubrique { font-weight: bold; font-size: 11px; color:#000000; text-align: justify; text-transform:uppercase; }
span.dateArtLie { font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.04em; font-weight: normal; font-size: 10px; color:#CCCCCC; text-align: justify;  }


DIV.previewArtLie A {
	height:75px; font-size: 11px; font-weight:normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #3D4049; PADDING-TOP: 10px; TEXT-DECORATION: none; border-bottom: 1px solid #C0C4D0; 
}
DIV.previewLyrics A:hover {
	height:100px; COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; margin-bottom:10px;
}
DIV.previewLyrics A {
	height:100px; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #3D4049; PADDING-TOP: 10px; TEXT-DECORATION: none; margin-bottom:10px;
}
DIV.previewArtLie A:hover {
	height:75px; COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; 
}
DIV.previewContact A {
	font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #3D4049; PADDING-TOP: 10px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; 
}
DIV.previewContact A:hover {
	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; 
}
DIV.previewArtLieSmall A {
	font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN-BOTTOM: 10px; COLOR: #3D4049; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; 
}
DIV.previewArtLieSmall A:hover {
	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; MARGIN-BOTTOM: 10px; 
}
DIV.previewChro A {
	height:100px; width:280px; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #3D4049; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; 
}
DIV.previewChro A:hover {
	height:100px; width:280px; COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none;  margin-bottom: 10px; 
}
DIV.previewChroLie A {
	height:85px; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #3D4049; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; 
}
DIV.previewChroLie A:hover {
	height:85px; COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none;  margin-bottom: 10px; 
}

DIV.previewIndArch A {
	font-size: 11px; DISPLAY: block; COLOR: #3D4049; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD;  
}
DIV.previewIndArch A:hover {
	COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; 
}
DIV.previewColArch A {
	height: 40px; font-size: 11px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; COLOR: #3D4049; PADDING-TOP: 2px; BORDER-BOTTOM: #FFF 1px solid; TEXT-DECORATION: none; border-bottom: 1px solid #DDDDDD; padding-bottom:5px; 
}
DIV.previewColArch A:hover {
	height: 40px; COLOR: #000000; BACKGROUND-COLOR: #D9DAE2; TEXT-DECORATION: none; padding-bottom:5px; 
}




/* @group Formulaire Archives */
.formarchives { border-bottom: 1px solid #DDDDDD; margin-bottom:10px; padding: 5px 5px 5px 5px; text-align: center;}
span.affArch { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }

/* @group Images */
img.img_focusHome {width: 340px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 5px solid #84163F;}
img.img_articleHome {width: 60px; height: 60px; float: left; margin-right: 5px; margin-bottom: 20px; border-top:1px; border-right: 1px; border-left: 1px; border-bottom: 1px; border-style: solid; border-color:#666666; }
img.img_chroHome {width: 115px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; margin-right:5px; margin-left:5px;}
img.img_lyricsHome {width: 75px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; float: left; margin-right:10px;  margin-bottom:10px;}
img.img_newsHome {width: 300px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; margin-bottom: 10px; }
img.img_news {max-width:200px; float:right; margin-left: 20px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;  }
img.img_chroLie2 {width: 85px; height:85px; float: left; margin-right: 5px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_chroLast {width: 100px; height:100px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_chroArchive {width: 125px; height:125px; float: left; margin-right: 5px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_chroLie {width: 75px; height:75px; float: left; margin-right: 5px; }
img.img_chroBig {width: 195px; float: left; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 5px solid #84163F; margin-right: 10px; }
img.img_albumLyrics {width: 100px; float: left; border-top:0px; border-right: 0px; border-left: 0px; margin-right: 10px; }
img.img_recherche {border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; float: left; margin-right: 10px; }
img.img_articleLie {width: 100px; height: 100px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_mainFeat {float: left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: #18295A 10px solid; border-bottom: 0px;}
img.img_print { margin-right: 5px; }
img.img_VuWeb {width: 75px; height:50px; float: left; margin-right: 5px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_mainArch {width: 340px; float: left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_somArch {width: 85px; height:85px; float: left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_illustration {float:left; margin-right: 10px; }
img.img_logosite {float:left; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_simple {border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_logomid {width: 165px; height:100px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_logomidrub {width: 165px; height:100px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; float:left; margin-right:10px;}
img.img_logobig {float:left; margin-right: 20px; padding-bottom: 10px; margin-bottom:10px; }
img.img_logosmall {height:75px; width:75px; float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_feature {float:left; margin-right: 10px; padding-bottom: 10px; margin-bottom:10px; width:250px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}

/* @group Admin */
#admin {width: 100%; }
#admin table { padding:20 20 20 20; line-height:20px; }
#admin tr { padding-top:15px; }

/* @group Newsletter */
fieldset { 
border:0px solid #3D4049;
padding:10px;
font-weight:bold;
}
fieldset p { 
margin-bottom:20px;
}
label {
width:170px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

/* @group Citation */

#blockquote {
font-size:2em;
margin-bottom:20px;
border-bottom:1px solid #C0C4D0;
border-top:1px solid #C0C4D0;
padding:20px;
display:block;
float:left;
text-align:left;
line-height:1.5em;
font-style:italic;
margin-bottom:20px;
font-family:Georgia;
width:560px;
}

/* @group Content */
#content_left {
width:610px;
border-right:1px solid #C0C4D0;
margin-right:20px;
padding-right:20px;
float:left;
display:block;
}

#content_left h1 {
font-size:2em;
margin-bottom:1em;
}

#content_left h2 {
font-size:1.5em;
margin-bottom:1em;
}

#content_left p {
font-size:1em;
margin-bottom:1em;
line-height:1.5em;
color:#3D4049;
}

#content_left p.date {
font-size:1em;
margin-bottom:1em;
text-align:left;
}

#content_left p.base {
font-size:1.2em;
margin-bottom:1em;
}

#content_right {
width:280px;
float:left;
display:block;
}


/* ABCDR D'OR */

#top_lecteurs { width:610px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #C0C4D0; float:left; display:block;} 
#top_lecteurs img { float:left; margin-right:20px;}
/* @group Page Spécial */

#special {
margin-top:20px;
}
#special fieldset {
border:1px solid #C0C4D0;
margin:auto;
background:#f5f5f5;
width:500px;
}
#special legend {
font-size:1.5em;
border:1px solid #C0C4D0;
padding:5px;
color:#84163F;
background:#ffffff;
}
#special label {
}
#special input.button {
background:#ffffff;
padding:5px;
font-size:1.5em;
float:right;
}

/* MIX */
#dl_wrap {margin:auto; width:300px; }
#download_mix {float:right; display:block;  }
#listen_mix { background:#eaeaea; width:560px; margin-bottom:20px; border-top:1px solid #C0C4D0; border-bottom:1px solid #C0C4D0; float:left; display:block; padding:20px; }
#pub_wrapper { width:972px; margin:auto;}
#wrapper-pub { width:972px; background:#000; float:left; display:block;}
#publicite { width:930px; height:130px; display:block; float:left;   }

#top100 { margin-bottom:20px; text-indent:-9999px; width:930px; height:100px; display:block; float:left;  }
#top100 a:hover { width:930px; height:100px; display:block; float:left; background: #000 url(http://www.abcdrduson.com/100-classiques-rap-francais/images/banniere_home.jpg) scroll no-repeat top left; }
#top100 a { width:930px; height:100px; display:block; float:left; background: #000 url(http://www.abcdrduson.com/100-classiques-rap-francais/images/banniere_home.jpg) scroll no-repeat top left; background-position: left -101px; }

/* SPECIAL */

body.salif { background:#000 url(../images/bg_salif.jpg) scroll no-repeat top center; }
#banniere_salif { width:972px; height:200px; float:left; display:block;}
#banniere_salif a { width:972px; height:200px; float:left; display:block; text-indent:-9999px;}
#annee-rap-2010 { text-indent:-9999px; width:930px; height:100px; float:left; display:block; margin-bottom:20px; }
#annee-rap-2010 a { width:930px; height:100px; float:left; background: transparent url(http://www.abcdrduson.com/images/annee-rap-2010.jpg) scroll no-repeat top left; }
#annee-rap-2010 a:hover { background-position:0px -100px;}
#annee-rap-2011 { text-indent:-9999px; width:930px; height:200px; float:left; display:block; margin-bottom:20px; }
#annee-rap-2011 a { width:930px; height:200px; float:left; background: transparent url(http://www.abcdrduson.com/images/banner_rap_2011.jpg) scroll no-repeat top left; }
#annee-rap-2011 a:hover { background-position:0px -200px;}

/* NEW CHRONIQUES */
#infos_album { float:left; margin-right:20px; margin-bottom:20px;  }
#infos_album img { background: transparent url(http://www.abcdrduson.com/images/shadow_album.jpg) no-repeat top left; padding-right:10px; padding-bottom:10px; }
#infos_album ul { list-style:none; }
#infos_album ul li { border-bottom:1px solid #C0C4D0; color:#3D4049; padding-bottom:5px; margin-bottom:5px;  }
#review_top { float:left; width:600px;  margin-bottom:20px; }
#review_top h1 { color:#3D4049; }
.titre_album { font-style:italic; font-weight:normal; }
.sharer_right { float:right; height:18px; }
.rubrique_actuelle { background-image:url(images/fond-h1.gif); border-top:1px solid #C0C4D0; color:#000000; font-family:Verdana,sans-serif; font-size:11px;
font-weight:bold; height:20px; margin-bottom:10px; padding-left:5px; width:595px; padding-top:5px; text-transform:uppercase; float:left;  }
.icon_print { margin-right:10px; padding-left:20px; background: transparent url(http://www.abcdrduson.com/images/icon_print.jpg) no-repeat top left; }
.icon_mail { padding-left:20px; background: transparent url(http://www.abcdrduson.com/images/icon_mail.jpg) no-repeat top left; }
#related_reviews { float:left; width:600px;  }
#related_reviews ul { list-style:none; }
#related_reviews ul li { display:inline; width:160px; float:left; padding-left:20px; padding-right:20px; margin-bottom:20px; height:200px;  }
#related_reviews ul li img { width:160px; border:none;  }

#share_box { border-top:1px solid #C0C4D0; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #C0C4D0; float:left; width:600px;  margin-top:15px; }
#share_box a { text-transform:uppercase; color:#3D4049; font-weight:normal;  }
#share_box a:hover { text-decoration:underline; }

/* NEW HOME */ 
#home_main { float:left; width:610px; padding-right:10px; border-right:1px solid #C0C4D0; }
#home_main_right { float:right; width:280px;  }
#home_focus_2 { float:left; width:610px; margin-bottom:20px;  }
#home_focus_2_interviews { float:left; width:469px; margin-right:10px; padding-right:10px; border-right:1px solid #C0C4D0;}
h4 { font-size:1.1em;}
#home_focus_2_blog { float:right; width:160px;}
#home_focus_2_chro { float:right; width:120px;}
#home_focus_2_chro ul { list-style:none; }
#home_focus_2_chro ul li { float:left; text-align:left; display:block; margin-bottom:20px; }
#home_focus_2_chro ul li a { font-size:1.1em; font-weight:normal; line-height:1.4em;  }
#home_focus_2_chro ul li img {width:120px; border:none; }
.home_itw { float:left; width:470px; margin-bottom:20px;    }
.home_itw p { text-align:left; color:#3D4049; font-size:12px; line-height:16px; }
.home_itw img {float:left; margin-right:10px; width:150px; border:none; }
#home_reviews { float:left; width:600px; } 
#home_reviews ul { list-style:none; float:left;  }
#home_reviews ul li {display:inline; width:110px; margin-right:5px; margin-left:5px; float:left; margin-bottom:10px; padding-bottom:10px; text-align:left; }
#home_reviews ul li img {width:110px; border:none; }

/* RECHERCHE */ 
#content_recherche {width:930px; float:left; }
#content_recherche p {   color: #3D4049;     font-family: Arial,Helvetica,sans-serif;     font-size: 12px;     line-height: 17px;     margin-bottom: 20px;}
#content_recherche ul { margin-left:20px; }
#content_recherche ul li { margin-left:20px; color: #3D4049;    font-size: 12px;     line-height: 17px;    }
#content_recherche h2 { margin-bottom:20px; background:#232429; color:#fff; padding:5px; float:left; width:920px; }
#search_chroniques { width:930px; float:left; margin-left:0px; margin-bottom:20px;  }
#search_chroniques ul { float:left; margin:0px;}
#search_chroniques ul li { width:155px; height:200px; float:left; display:inline; margin:0px; }
#search_chroniques ul li h4 { padding-left:10px; text-align:left; border:none; background:none; text-transform:none; }
#search_chroniques ul li img { width:135px; margin-left:10px; border:none;  }
#search_feature { float:left;  margin-bottom:20px; }
#search_feature ul { width:930px; float:left;  margin:0px;}
#search_feature ul li {  background: url("http://www.abcdrduson.com/images/search_noimg.jpg") no-repeat scroll left top #FFFFFF; width:135px; float:left; display:inline; padding-top: 95px; height:50px; margin-left:10px; margin-right:10px;}
#search_feature ul li h4 { text-align:left; background:none; border:none; margin:0px; padding:0px;  }
#search_feature ul li img { position:absolute; margin-top:-95px; width:135px; height:90px;  }
#search_blog { width:930px;  float:left;  margin-bottom:20px; }
#search_blog ul { float:left; margin:0px;  }
#search_blog ul li { float:left; height:140px; width:135px; margin-right:10px; margin-left:10px; display:inline;}
#search_blog ul li h4 { text-align:left; background:none; border:none; margin:0px; padding:0px;  }
#search_blog ul li img { width:135px; height:90px;  }

/* NAVIGATION */ 
#navigation { height:30px; width:930px; background:#000; float:left; }
#navigation ul { margin:0px; }
#navigation ul li { display:inline; width:100px; float:left; height:30px; text-align:center; font-size:1.1em; border-right:2px solid #fff; }
#navigation ul li a {  color: #FFFFFF;    float: left;    font-family: arial;    font-size: 0.9em;    font-weight: bold;    height: 22px;
    padding-top: 8px;     text-transform: uppercase;     width: 100px;}
#navigation ul li a:hover { background:#84163F; text-decoration:none;}
#navigation ul li a.active { background:#84163F; text-decoration:none;}
#like { float:right; margin-top:5px; width:80px; }

/* RECHERCHE 2 */ 
#recherche2 { float:right; margin-top:20px; }
.recherche2_keyword { width:200px; height:20px; border:1px solid #C0C4D0; padding-left:2px; color:#3D4049;}

/* LOGO SITE */
#logosite { margin-top:50px; width:340px; float:left; }
#logosite a { text-indent:-9999px; width:340px; height:70px; background:transparent url(http://www.abcdrduson.com/images/logo_site_abcdrduson.jpg) no-repeat top left; float:left;}
#partage { width:600px; }
#social_plugins {float:left; width:350px; }
#social_plugins li { display:inline; list-style: none outside none; float:left;  }
#partage_print { text-transform:uppercase; text-align:right; float:right; width:250px; }
#partage_print a { color:#3D4049; font-weight:normal; }

/* BLOG ET SITE */ 
#content { width:600px; float:left; }
#content h1 {   color: #000000;    font-size: 3.6em;    font-weight: bold;    letter-spacing: -2px;    margin-bottom: 5px;    text-align: left;}

/* SIDEBAR */
.widget { float:left; width: 290px; margin-bottom:20px; background:#fff; margin-bottom:20px; }
.widget h3 {    background:none; font-family:arial; text-transform:uppercase;  border-bottom: 1px solid #000;    border-top: 5px solid #000;    color: #000000;    font-size: 14px;    font-weight: bold;    padding-top: 5px; padding-bottom:5px; padding-left:0px; }
.relatedreview ul { list-style: none; float:left; width:310px; margin-left:-20px; }
.relatedreview ul li { width:135px; display:inline; float:left; margin-left:20px; height:190px; }
.relatedreview ul li img { width:135px; }
.relatedreview ul li h4 { font-size:1.3em; text-align:left; }
.related-album { float:left; margin-right:10px; }
.related-album img { width:90px; }
.related-album h4 { }
.related-album span { font-style:italic; }
.title { font-weight:normal; font-style:italic; }


/* Herobox */
	
#herobox {
	margin-bottom:20px;
	position: relative;
	height:460px;
	width:610px;
	border-bottom:1px solid #C0C4D0; 
}

.feature {
	background: #ffffff;
	cursor:pointer;
	display: inline;
	height:440px;
	position: relative;
	float: left;
	width:480px;
}

	.feature .description {
		bottom:0;
		padding:0px;
		position: absolute;
		float:left;
		padding:10px; 
		width:460px;
		height:100px;
		height:90px;
		background:#000;
	}	

	.feature .description img a { border:none; }
	.rub_chapo {text-transform:uppercase; color:#fff;  }
	
.nav_thumb { border:none;  }
	.feature p {margin: 0; font-size:1.2em; color:#fff; text-align:left; }
	.feature .description h2 { font-size:2em; margin-bottom:5px;  }
#coda-nav-1 { 
	position:absolute;
	right:0px;
	width:120px;
}

	#coda-nav-1 a { 
		display: block;
		height:80px;
		margin-bottom:10px;
		position: relative;
		text-decoration: none;
		width:120px;
		float:left;
		border:none;
	}
	
	#coda-nav-1 a.current span, #coda-nav-1 a:hover span {
		background: transparent url(../images/arrow.png) no-repeat 0 0;
		display: block;
		height:80px;
		left:0;
		position: absolute;
		top:0;
		width:120px;
	}
	/*
----------------------------------------------------------------
	SLIDER FUNCTIONALITY
---------------------------------------------------------------- */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { }
	.coda-slider { background: #fff; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 480px; height:450px; border:none; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 480px ;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { 
		box-shadow: 0px 2px 5px #222;
		-moz-box-shadow: 0px 2px 5px #222;
		-webkit-box-shadow: 0px 2px 5px #222;
	}
	
	/* Panel padding */
	.coda-slider .panel-wrapper {}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { display: block; float: left; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left; }
	
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }