/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2007 MAFIA K'1 FRY
|		Webdesign : Jour et nuit
|		http://www.jouretnuitwework.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}



/* BALISES
--------------------------------------------- */
body { background: #B3AEA8 url(../img/bg_body.jpg) center 0 no-repeat; color:#4A4541; margin:0; padding:16px 0 29px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em; }
h1, h2, h3{ margin:0; padding:0; }
a { text-decoration:none; color:#4A4541 }
a:hover { text-decoration:underline; }
a span { position:absolute; left:-777px; top:-777px; }
a img { border:0; }
p{ margin:0; padding:5px 0; }
h2{ font-size:1.1em; }
h3{ font-size:1em; clear:left; }
ul { margin:5px 0 0 0; padding:0; }
li { list-style:none; margin:0; padding:0; }
hr{ clear:left; border:0; height:1px; background-color:transparent; margin:0; padding:0;}
dl{ margin:0; padding:5px 0 15px 0; clear:left; }
dt{ margin:0; padding:5px 0 0 0; font-weight:bold; }
dd{ margin:0; padding:0; }


/* CONTENEUR
--------------------------------------------- */
#conteneur { width:940px; margin: 0 auto; }



/* LOGO
--------------------------------------------- */
#logo { background: url(../img/logo.jpg) 0 0 no-repeat; width:251px; height:47px; display:block; margin-bottom:7px; }
#headshot { display:block; margin:0; padding:0; }



/* MENU
--------------------------------------------- */
#menuPrincipal { list-style:none; margin:0; padding:7px 0 7px 17px; background: #B7B4AF url(../img/bg_menu.gif) right 0 repeat-y; height:12px; }
#menuPrincipal li { display:block; float:left; padding: 0 12px 0 0; margin:0; height:12px; }

#btn_actu { background: url(../img/btn_actu.gif) 0 0 no-repeat; display:block; width:34px; height:12px; }
#btn_artistes { background: url(../img/btn_artistes.gif) 0 0 no-repeat; display:block; width:57px; height:12px; }
#btn_discographie { background: url(../img/btn_discographie.gif) 0 0 no-repeat; display:block; width:84px; height:12px; }
#btn_galerie { background: url(../img/btn_galerie.gif) 0 0 no-repeat; display:block; width:51px; height:12px; }
#btn_audio { background: url(../img/btn_audio.gif) 0 0 no-repeat; display:block; width:39px; height:12px; }
#btn_video { background: url(../img/btn_video.gif) 0 0 no-repeat; display:block; width:38px; height:12px; }
#btn_shop { background: url(../img/btn_shop.gif) 0 0 no-repeat; display:block; width:35px; height:12px; }
#btn_forum { background: url(../img/btn_forum.gif) 0 0 no-repeat; display:block; width:45px; height:12px; }
#btn_liens { background: url(../img/btn_liens.gif) 0 0 no-repeat; display:block; width:37px; height:12px; }
#btn_contact { background: url(../img/btn_contact.gif) 0 0 no-repeat; display:block; width:55px; height:12px; }
#btn_myspace { background: url(../img/btn_myspace.gif) 0 0 no-repeat; display:block; width:78px; height:12px; }
#menuPrincipal a:hover, #menuPrincipal a.on{ background-position: 0 -12px; }


/* MAIN
--------------------------------------------- */
#main { background: url(../img/bg_main.gif) 0 0 repeat-x; clear:left; padding:20px; }
#contenu { width:650px; float:left; margin-right:19px; display:inline; }
#contenu.block_double { width:900px; margin-right:0; }
#contenu p { text-align:justify; }
#contenu h3 { margin: 10px 0 0 0; }
#contenu h3{ margin-bottom:15px; border-bottom:1px solid #888277; padding-bottom:10px; clear:left; }



/* NEWS
--------------------------------------------- */
.block_news { border-bottom: 1px solid #9F9A94; border-right: 1px solid #9F9A94; padding: 15px 20px 20px 0; }
.block_news.first { padding-top: 0; }
.block_news img { margin-top: 10px; }



/* LINKS
--------------------------------------------- */
.thelinks a { margin:0 1px 1px 0; }
.links { margin-top:10px; }
.links a { background:url(../img/puce_link.gif) 0 center no-repeat; padding-left:10px; }


/* GALERIE
--------------------------------------------- */
.thegalerie h2{ margin-bottom:15px; border-bottom:1px solid #888277; padding-bottom:10px; clear:left; }


/* BLOCK
--------------------------------------------- */
.last { margin-right:0 !important; }
.block_1 span, .block_2 span { display:block; padding-left:6px; }
.block_1 img, .block_2 img { padding:5px; display:inline; }


/* BLOCKS
--------------------------------------------- */
.block_1 { width:152px; float:left; margin-right:10px; margin-bottom:20px; display:inline; background-color:#CCC7C1; padding-bottom:5px; }
.block_2 { width:210px; float:left; margin-right:7px; margin-bottom:10px; display:inline; background-color:#CCC7C1; padding-bottom:5px; }
.block_3 img { margin:0 10px 10px 0; }
.block_4 { padding-bottom:40px; }
.block_4 .block_2 {margin-bottom:0; }



/* SIDEBAR
--------------------------------------------- */
#sidebar { width:230px; float:left; }
.block_sidebar { background:url(../img/bg_sidebar.gif) 0 0 repeat-y; margin-bottom:20px; padding-bottom:5px; }
.block_sidebar.shop { background:url(../img/bg_sidebar_shop.gif) 0 0 repeat-y; }
.block_sidebar h3, .block_sidebar span{ font-size:.9em; }
.block_sidebar h3 { padding:3px 6px 0 6px; }
.block_sidebar span { padding:0 6px; }


/* FOOTER
--------------------------------------------- */
#footer { clear:left; font-size: 0.9em; color:#888277; }
#footer a{ color:#888277; }