body{
    font:normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
    color:#fff;
    background:#010101 url(../img/xtk_background.jpg) no-repeat 50% 0 fixed;
    margin:0; padding:0
}
a{color:#fff; text-decoration:underline;}
h1 {text-indent:-5000px; margin:0; padding:0; font-size: 1px; line-height:1px; text-decoration:none;}
h2 {color:#DFBC53; margin:1em 0 2em 0}
h4{color:#fff; margin:0}
ul.spip{margin:0; padding:0}
ul.spip li {line-height:1.4em;}
ul.spip li ul {margin-left:30px;}


p#top{margin:0; padding:0; display:none;}
div#page {width:760px; margin:0 auto; background:#010101 url(../img/xtk_baniere.jpg) no-repeat 0 0; padding-top:350px; position:relative}

ul#evitement {position:absolute; top:0; left:5px; margin:0; padding:0; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}
ul#evitement li {display:inline; margin:0; padding:0; list-style-type:none; color:#fff; font-size:0.8em;}
ul#evitement li a, p#footer a{text-decoration:none; color:#fff;}
ul#evitement li a:hover, p#footer a:hover{text-decoration:underline;}

div#menu  {position:absolute; width:170px; top:350px; left:0}
div#menu h2, div#menu2 h2 {text-align:center;}
div#menu a, div#menu2 a {text-decoration:none; color:#FCFFDF}
div#menu ul, div#menu2 ul{text-align:center; margin:1em 0; padding:0;}
div#menu ul li, div#menu2 ul li  {list-style-type:none; margin:0; padding:0 5px; line-height:2em}
div#menu ul li a, div#menu2 ul li a {font-size:1.2em; color:#fff; text-decoration:none;}
div#menu ul li a:hover, div#menu2 ul li a:hover {text-decoration:underline}
div#menu2 h3#newsletter {background:#010101 url(../img/icones/email.gif) no-repeat 0 0; padding-left:20px;}
div#menu2 h3#rss {background:#010101 url(../img/icones/rss.gif) no-repeat 0 0; padding-left:20px;}
div#menu2 ul li a#rss-actus {padding-right:20px; background:url(../img/icones/rss.gif) no-repeat 100% 50%;}

div#menu2 {width:170px; position:absolute; top:350px; right:0}

div#contenu {padding:0 10px; color:#ADA47D; margin:0 180px 0 170px; width:390px;}
div#contenu p{line-height:1.4em;}

p#footer{text-align:center; font-size:0.8em; filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}

/** ARTICLES **/
div.article {padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid #CDAC4D}
div.article p.article_date {margin:0; padding-left:20px; background:#010101 url(../img/icones/time.png) no-repeat 0 0; float:right;}
div.article h3 {color:#FCFFDF; margin:0.2em 150px 1em 0; }
div.article div.article_corps p {margin:1em 0; line-height:1.4em;}
div.article div.article_corps ol {margin:0 0 0 20px; padding:0}
div.article div.article_commentaires {width:390px; margin-top:2em;}
div.commentaire{background:#010101 url(../img/comment_bottom.gif) no-repeat 0 100%; padding-bottom:12px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
div.commentaire p.commentaire_entete{background:#010101 url(../img/comment_top.gif) no-repeat 0 100%; padding-bottom:15px; margin-bottom:0; line-height:20px;}
div.commentaire p.commentaire_entete span.commentaire_date {float:right;}
div.commentaire p.commentaire_entete span.commentaire_infos {padding-left:20px; margin-left:85px; line-height:20px;  background: url(../img/icones/user_comment.png) no-repeat 0 0;}
div.commentaire div.commentaire_corps {background:#40433C; padding:0 5px; line-height:1.4em;}
div.commentaire div.commentaire_corps p{margin:0; line-height:1.4em;}
p.commentaire_add {margin-top:2em; text-align:right;}
p.commentaire_add a{border:1px solid #0D0F0B; padding:5px 25px 5px 5px; text-decoration:none; background:#010101 url(../img/icones/comment_add.png) no-repeat 97% 50%}
p.commentaire_add a:hover {background-color: #2D2F2A}
p.comsLink {margin-bottom:0;}
p.comsLink a{padding-left:20px; background:#010101 url(../img/icones/comments.png) no-repeat 0 0; text-decoration:none;}

/** DISCOGRAPHIE */
div#logo_album {float:right; margin: 0 0 5px 5px}
ul#autresAlbums {margin:0; padding:0}
ul#autresAlbums li {float:left; list-style-type:none; margin:0 10px 10px 0; padding:0}

/** MEDIAS */
ul#medias{margin:0; padding:0; text-align:center;}
ul#medias li {display:inline; margin-right:5px; list-style-type:none;}
ul#medias li a{text-decoration:none;}
ul#goodies {margin:0; padding:0}
ul#goodies li {list-style-type:none;}
ul#goodies li ul {margin:0 0 0 10px; padding:5px 0}
li.doc{float:left; text-align:center; height:160px; margin-right:5px;}
ul#goodies li ul li ul li a {text-decoration:none; font-size:0.9em;}
ul#goodies li ul li ul li a:hover {text-decoration:underline;}
ul#goodies li ul li ul li img {border:1px solid #DFBC53;}
ul.versions_doc {margin:0 !important; text-align:center;}
ul.versions_doc li {float:none !important;height:auto !important;}
ul#favphotos {margin:0; padding:0;}
ul#favphotos li {display:inline; list-style-type:none;}
ul#list_photos{margin:0 0 0 10px; padding:0}


/** ESPACE PRO */
ul#espacepro {margin:0; padding:0}
ul.docs{margin:0; padding:0}

/** LIENS */
ul#links {list-style-type:none;width:370px; margin:0; padding:0}
ul#links li {border-color:#999999;border-style:dotted; border-width:1px 0pt; line-height:1.4em; margin:1em 0pt; background-color:#40433C}
ul#links li a {display: block; padding: 5px; font-weight:bold; font-size:1.2em; text-decoration: none !important; color:#fff;}
* html ul#links li a {  /* make hover effect work in IE */
	width: 370px;}
ul#links li a:hover {}
ul#links a em {color:#ADA47D; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%; margin-right:65px;}


/** FORMULAIRE DE COM */
h3#form_com {margin-top:2em;}
form.form_add_comment {}
form.form_add_comment label {width:100px; float:left; cursor:pointer;}
form.form_add_comment input, form.form_add_comment textarea {width:275px; background:#2D2F2A; border:1px solid #0E0F0D; color:#ADA47D}

/** FORMULAIRE NEWSLETTER */
div.formulaire_inscription {}
div.formulaire_inscription form div.ctrlHolder input{border:1px solid #ADA47D; background-color:#2D2F2A; color:#ADA47D; padding:2px 2px;}
input.submit {border:1px solid #ADA47D; background-color:#2D2F2A; color:#ADA47D;}