/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyrigth (c) 2007 ATHOME
|		Webdesign : Jour et nuit
|		http://www.jouretnuitwework.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




/* ______________________[ 00 | META ]________________________ */
body { background: #3D2D0C url(../img/bg_body.jpg) 0 0 repeat; margin:0; padding:0 0 10px 0; font:76% Arial,Verdana,sans-serif;}
h1,h2,p,ul,li,dl,dt,dd,form{ margin:0; padding:0; }
p{ font-size:.9em; }
dt{ font-weight:bold;font-size:.9em; padding-left:15px; background:url(../img/bg_dt.gif) 0 4px no-repeat; }
dd{ font-size:.9em; text-align:justify; }
a img { border:0; }
a { color:#000; }
h1{ display:none; }
h2{ font-size:1.2em; color:#E8DCB2; clear:both; }
embed{ margin-bottom:20px; }


/* 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;}

/* éléments à cacher */
#logo span, #menuPrincipal a span, #btnNews span{ position:absolute; top:-999px; left:-999px; }




/* ______________________[ 00 | CONTENEUR / PAGE ]________________________ */
#conteneur{ background: url(../img/bg_conteneur.gif) center top no-repeat; }
#page{ background:#B2A472 url(../img/bg_page.gif) 0 0 repeat-y; margin:0 auto; width:750px; }




/* ______________________[ 01 | ENTÊTE ]________________________ */
#header{ background: url(../img/bg_header.jpg) right top no-repeat; height:64px; padding:16px 0 0 0; }
#logo{ background: url(../img/logo_titnassels.jpg) 0 0 no-repeat; width:279px; height:48px; display:block; margin:0 0 0 48px; }


/* ______________________[ 02 | MENU PRINCIPALE ]________________________ */

#menuPrincipal { list-style:none; background: url(../img/bg_ul.gif) 0 0 repeat-x; padding:3px 0; }
#menuPrincipal li{ display:inline; }
#menuPrincipal a{ display:block; height:32px; float:left; }

#mNews a{ width:64px; background: url(../img/btn_news.jpg) 0 0 no-repeat; }
#mDisques a{ width:64px; background: url(../img/btn_disques.jpg) 0 0 no-repeat; }
#mConcerts a{ width:68px; background: url(../img/btn_concerts.jpg) 0 0 no-repeat; }
#mPresse a{ width:52px; background: url(../img/btn_presse.jpg) 0 0 no-repeat; }
#mPhotos a{ width:55px; background: url(../img/btn_photos.jpg) 0 0 no-repeat; }
#mDessins a{ width:60px; background: url(../img/btn_dessins.jpg) 0 0 no-repeat; }
#mMedia a{ width:54px; background: url(../img/btn_media.jpg) 0 0 no-repeat; }
#mForum a{ width:58px; background: url(../img/btn_forum.jpg) 0 0 no-repeat; }
#mContacts a{ width:67px; background: url(../img/btn_contacts.jpg) 0 0 no-repeat; }
#mAmis a{ width:46px; background: url(../img/btn_amis.jpg) 0 0 no-repeat; }
#mEspacepro a{ width:93px; background: url(../img/btn_espacepro.jpg) 0 0 no-repeat; }

#mNews a:hover, #mDisques a:hover, #mConcerts a:hover, #mPresse a:hover, #mPhotos a:hover, #mDessins a:hover, #mMedia a:hover, #mBoutique a:hover, #mForum a:hover, #mContacts a:hover, #mAmis a:hover, #mEspacepro a:hover{ background-position: 0 -32px; }


/* ______________________[ 03 | MAIN ]________________________ */
#main{ padding:20px 35px; background: url(../img/bg_main.jpg) right top no-repeat; clear:both; }

/*NEWS*/
#colNews{ width:305px; float:left; margin-right:15px; background: url(../img/bg_dl.gif) 0 0 repeat-x; padding-top:15px;}
#colNews dl{ padding: 0 0 15px 20px; margin: 0 0 10px 0; background:url(../img/bg_dl.gif) 0 bottom repeat-x; }
#btnNews{ display:block; margin:10px 0 10px 15px; height:32px; width:126px; background: url(../img/btn_toutesnews.jpg) 0 0 no-repeat; }
#btnNews:hover{ background-position: 0 -32px; }

/*DISQUES*/
#colDisques { margin-left:10px;}
#colDisques dl{ float:left; width:310px; margin: 0 0 10px 0; display:block; }
#colDisques h2{ padding-top:15px; }

/* CONCERTS */
#colConcerts{ width:305px; float:left; margin-right:15px;}
#colConcerts dl{ padding: 0 0 15px 20px; margin: 0 0 10px 0; background:url(../img/bg_dl.gif) 0 bottom repeat-x; }
#colConcerts h2{ padding:0 0 15px 5px; }

/* PHOTOS DESSINS */
#colPhotos { width:500px; margin-left:10px; }
#colPhotos img{ width:150px; height:150px; margin:0 10px 10px 0; }

/*BOUTIQUE*/
#colBoutique { float:left; width:225px; }

/* CREDITS */
.logo{ margin:0 0 10px 20px; }

/* ______________________[ 04 | BOTTOM ]________________________ */

#bottom{ background: transparent url(../img/bg_bottom.gif) 0 0 repeat-x; margin: 0 auto; width:750px; clear:both; }
#bottom p{ background:#928450 url(../img/bg_bottom_p.gif) 0 0 repeat-x; color:#685829; margin-left:40px; width:270px; padding:2px 5px; }
#bottom a{ color:#685829; }
#bottom a:hover{ color:#000; }