* {
border:none;
text-decoration:none;
margin:0;
padding:0;
}

html,body {
height:100%;
text-align:center;
}

body {
/*background:#999 url(/img/bg_body.jpg) repeat-x;
background:#020200 url(/img/bg_cocktail.jpg) repeat-x;*/
background:#020200 url(/img/bg_laconspiration_2008.jpg) repeat-x;
font:80% arial,tahoma,sans-serif;
text-align:center;
word-spacing:normal;
color:#999;
}

h1,h2,h3,h4,h6 {
font-weight:700;
font-family:Arial, Helvetica, sans-serif;
}

h1 {
display:none;
}

h2 {
font-size:1.6em;
width:95%;
margin-bottom:20px;
color:#9a9a9a;
}

h3 {
font-size:1.4em;
color:#da3800;
margin-bottom:15px;
background:transparent;
}

h4 {
font-size:1em;
color:#da3800;
margin-top:10px;
margin-bottom:5px;
background:transparent;
text-transform:uppercase;
}

ul, ol {
margin:0;
padding:0;
}

a {
color:#da3800;
text-decoration:none;
font-weight:700;
font-size:0.9em;
}

a:hover {
text-decoration:underline;
}

blockquote {
font-style:italic;
}

div#pp_top {
position:absolute;
top:0;
left:0;
width:850px;
height:400px;
}

div#pp_top_tmp {
position:absolute;
left: 50%; 
top: 50%;
width: 800px;
height: 600px;
margin-top: -300px;
margin-left: -400px;
}

div#pp_bottom {
position:absolute;
top:400px;
left:0;
width:850px;
height:96px;
text-align:left;
}

div#pp_bottom p {
float:right;
font-size:1.2em;
margin-right:25px;
}

div#site {
background:#161616;
width:750px;
border:20px solid #353535;
border-top:none;
margin:0 auto;
padding:0;
}

div#header {
width:100%;
height:120px;
background:transparent url(/img/bg_top_2008.jpg) no-repeat;
padding:0;
}

div#header a {
display:block;
width:100%;
height:120px;
}

#navigation {
background:#222;
clear:both;
font-family: arial,sans-serif;
font-size:1em;
width:750px;
height:30px;
overflow:hidden;
list-style:none;
text-align:center;
border-top:1px solid #353535;
border-bottom:6px solid #353535;
margin:0 0 20px;
padding:0;
}

#navigation li {
display:inline;
height:30px;
float:left;
margin:0;
}

#navigation a {
color:#7e7e7e;
display:block;
font-weight:700;
font-size:0.8em;
height:30px;
padding-top:7px;
text-align:center;
text-decoration:none;
border-left:1px solid #353535;
width:80px;
}

#navigation a.active {
background:#353535;
color:#F8F8F8;
}

#navigation a.last {
border-left:1px solid #353535;
border-right:1px solid #353535;
}

#navigation a:hover {
background:#353535;
color:#FFF;
}

#footer {
width:100%;
height:60px;
clear:both;
background:#202020;
border-top:6px solid #252525;
voice-family:inherit;
padding-bottom:5px;
font-size:10px !important;
color:#999;
margin-top:30px;
}

#site>#footer {
height:60px;
}

#footer ul {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
padding-top:5px;
text-align:center;
margin:0 auto 15px;
}

#footer li {
display:inline;
list-style:none;
padding:0 5px;
}

#footer li.last {
border:0;
}

#footer a {
color:#999;
text-decoration:underline;
}

#footer a:hover {
color:#333;
text-decoration:none;
}

#lien_dt {
float:right;
width:35px;
height:25px;
}

div#contenu {
background:#161616;
width:97%;
text-align:justify;
line-height:18px;
margin:0 auto 50px;
}

div#contenu h3 {
font-variant:small-caps;
letter-spacing:1px;
}

div#contenu p {
line-height:18px;
margin-bottom:10px;
}

div#contenu #actu {
float:left;
width:450px;
}

div#contenu #rubriques {
float:right;
width:250px;
}

.miniListeImages {
float:left;
width:35px;
height:35px;
text-align:center;
margin:0 4px 4px 0;
border:6px solid #202020;
}

.miniListeImages:hover {
border:6px solid #303030;
}

#actualite {
word-spacing:1px;
text-align:justify;
margin:0 auto 15px;
}

#actualite h3 {
margin-bottom:0;
margin-top:10px;
color:#da3800;
background:none;
}

#actualite .news {
margin-bottom:20px;
}

#actualite ol {
margin:0;
margin-left:15px;
margin-bottom:10px;
list-style-type:decimal;
list-style-position:inside;
}

#actualite ul {
margin:0;
margin-left:15px;
list-style-type:square;
list-style-position:inside;
margin-bottom:10px;
}

#actualite .news .date{
font-size:0.8em;
color:#303030;
margin-bottom:10px;
}

#actualite img,#discographie .jaquette img {
float:left;
border:12px solid #252525;
margin:0 15px 5px 0;
}

#actualite .archives a {
color:#555;
}

.comm {
border:4px solid #DDD;
background:#F9F9F9;
width:95%;
margin:0 auto 10px;
padding:5px;
}

.comm h4 {
margin-bottom:10px;
font-weight:400;
}

#discographie h2 {
margin-bottom:15px;
}

#discographie h3 {
margin-bottom:0;
}

#discographie .tracklist {
float:left;
margin-left:20px;
}

#discographie .jaquette {
float:left;
width:170px;
clear:both;
margin:0 35px 15px;
}

#medias strong {
color:#da3800;
}

#medias ul {
list-style:none !important;
}

#medias a {
cursor:pointer;
}

.isNew a {
font-size:12px !important;
color:#FFF;
}

p.media {
font-size:0.9em;
margin-bottom:0;
text-transform:capitalize;
}

#historique img.illus_gauche {
float:left;
border:12px solid #252525;
margin:10px 15px 10px 0;
}

#historique img.illus_droite {
float:right;
border:12px solid #252525;
margin:10px 15px;
}

#liste_medias{
margin-bottom:20px;
}

#liste_medias .media {
margin:0;
}


/* Links */

#links ul {
margin-left:15px;
list-style-type: none;
width:90%;
font-size:0.9em;
} 

#links li {
border: 1px dotted #999;
border-width: 1px 0;
margin: 5px 0;
margin-bottom:15px;
}

#links li a { 
color: #A22715;
display: block;
font: bold 120% Arial, Helvetica, sans-serif;
padding: 5px;
margin-bottom:3px;
text-decoration: none;
}

* html #links li a {  /* make hover effect work in IE */
width:90%;
}

#links li a:hover {
background: #212121;
}

#links a em { 
color: #999;
display: block;
font: normal 85% Verdana, Helvetica, sans-serif;
line-height: 125%; 
}

#links a span {
color: #AAA;
font: normal 70% Verdana, Helvetica, sans-serif;
line-height: 150%;
}

#liste_liens ul, #liste_guestbook ul {
margin: 0;
padding: 0;
list-style:none;
}

#liste_liens li, #liste_guestbook li {
display:block;
width:98%;
height:18px;
margin:0;
padding:1px;
margin-bottom:1px;
}

#liste_liens li a, #liste_guestbook li a {
display:block;
width:98%;
height:18px;
padding:1px;
text-decoration: none;
color: #999;
background: #181818;
font-size: 10px;
padding-left:5px;
}

#liste_liens li a:hover, #liste_guestbook li a:hover {
color: #505050;
background: #222;
}

.lire { text-align:right; padding-right:5px; }
.lire a { color:#999; }

#guestbook .gb {
margin-bottom:10px;
border:1px solid #353535;
padding:2px 5px;
}

#guestbook .gb h4 {
font-size:1em;
}

p.guestbook {
font-size:0.9em;
}

.listeImages {
background:#323232;
float:left;
text-align:center;
width:100px;
height:100px;
border:6px solid #303030;
margin:3px;
}

.listeImages:hover {
border:6px solid #999;
}

#galerie_top {
width:100%;
height:50px;
text-align:center;
background:transparent url(/img/bg_galerie.jpg) no-repeat;
}

#galerie_top h3 {
font:bold 1.5em Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:10px;
margin-bottom:15px;
}

#galerie_top h3 a {
color:#FFF;
text-decoration:underline;
}

#galerie_top #men {
font:bold 1.1em Arial, Helvetica, sans-serif;
}

#galerie_top a {
font-size:0.8em;
color:#FFF;
}

#galerie_top #men span {
color:#999;
font-size:0.8em;
}

#galerie {
text-align:center;
margin-top:20px;
}

#galerie_top .gde {
margin-top:10px;
border:10px solid #353535;
border-bottom:35px solid #353535;
}

#galerie_top .desc_photos {
color:#FFF;
margin-top:-30px;
font-size:0.8em;
}

#galerie_top .retour {
position:absolute;
top:0;
left:0;
display:block;
width:200px;
height:50px;
}

#galerie_top .snapshot_nav {
position:absolute;
top:50px;
left:20px;
width:150px;
height:400px;
}

#galerie_top .snapshot_nav .images {
float: left;
margin: 2px;
}

#galerie_top .snapshot_nav .images img {
display: block;
margin: 0 1px;
}

#galerie_top .snapshot_nav .images a.photos img {
border:6px solid #353535;
}
#galerie_top .snapshot_nav .images a.photos:hover img {
border:6px solid #999;
}

#nav {
height:20px;
margin:0 auto 20px;
padding:0;
}

.jsErr {
background:#202020;
border:1px solid #da3800;
}

.au_centre {
text-align:center;
margin-top:15px;
}

.adroite {
display:block;
text-align:right;
font-size:0.8em;
margin:0 0.5em;
padding:0;
}

.a droite img {
display:block;
margin:10px 20px 10px 10px;
}

.rouge {
color:#C00;
font-weight:700;
text-align:center;
}

.spacer {
clear:both;
}

.petit { font-size:0.7em; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfloat {
display: table;
width: 100%;
}
	
.infos {
float:right;
text-align:justify;
width:220px;
margin-right:30px;
border:1px solid #103192;
background:url(/img/transparence.gif);
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}

.infos h4 {
text-align:center;
font-weight:700;
font-size:1.2em;
margin:5px 2px;
}

.qui {
text-align:center;
}

.qui img {
border:8px solid #FFF;
margin:15px auto;
}

.pFirst:first-letter {
float:left;
margin-right:5px;
margin-top:-5px;
text-transform:uppercase;
font:bold 3em "Arial Narrow", arial, sans-serif;
}

table {
border-collapse:collapse;
width:95%;
font-size:12px;
margin:20px auto 0;
padding:5px;
}

tr,td {
border:1px solid #999;
color:#999;
text-align:left;
padding-left:10px;
}

caption {
color:#40B7FF;
font-size:16px;
font-weight:700;
}

.titre_colonne {
text-align:center;
background:#90D5FF;
font-weight:700;
padding:5px;
}

.colonne {
text-align:left;
padding:5px 10px 5px 5px;
}

.colonne_centre {
text-align:center;
padding:5px 10px 5px 5px;
}

.bleu {
background-color:#EFFAFF;
}

.bleu_ciel {
background-color:#E0F3FF;
}

form ul {
list-style:none;
margin-left:20px;
margin-bottom:5px;
}

form li {
margin-bottom:5px;
}

fieldset {
border:none;
padding-left:10px;
}

label {
display:block;
font-size:0.8em;
color:#da3800;
letter-spacing:1px;
margin-bottom:1px;
text-transform:uppercase;
}

input,textarea {
width:500px;
margin-bottom:5px;
background:#424242;
border:1px solid #595959;
color:#CCC;
font-size:1.1em;
padding:2px;
padding-top:4px;
}

input {
height:20px;
padding-left:8px;
}

textarea {
height:140px;
padding-left:8px;
font-family:tahoma, sans serif;
overflow:hidden;
}

select {
font-size:11px;
margin-bottom:5px;
}

.btn {
width:150px;
height:23px;
font-weight:700;
background:#353535;
border:1px solid #505050;
padding:2px 2px 3px;
}

.btn:hover {
background:#363636;
}

#actualite .news .lire_la_suite {
text-align:right;
margin-right:15px;
font-size:1.1em;
}

#actualite .news .chapo {
font-size:1.3em;
font-style:italic;
line-height:15px;
}

#actualite .archives {
text-align:left;
margin-right:15px;
font-size:1.1em;
}

#en_ecoute h2,#contact h2 {
margin-top:0;
}

#discographie .tracklist .track,.plus_gris {
color:#777;
}

#nav span,#nav a {
float:left;
margin-right:5px;
width:12px;
display:block;
}

img,#actualite h2 img {
border:none;
}

#medias ul ,#liens ul, #albums ul {
list-style-position:inside;
list-style-type:square;
}

#medias li.player,#liens li.lien {
list-style:none;
margin:5px 5px 15px 25px;
}

p.media a,p.guestbook a {
font-weight:400;
font-size:0.9em;
color:#999;
}

#guestbook h3,#guestbook form {
margin:15px 0;
}

#albums,.qui p,li {
text-align:justify;
}

#galerie span,#galerie a {
font-weight:700;
font-size:0.9em;
}

#lightbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:600px;
height:500px;
margin:-250px 0 0 -300px;
border:8px solid #AAA;
background:#161616;
text-align:left;
}
#lightbox[id]{
position:fixed;
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#overlay[id]{
position:fixed;
}

#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
margin:5px;
}

#guestbook_ajouter {
text-align:left;
}

#guestbook_ajouter h3 {
color:#AAA;
margin:10px;
margin-bottom:0;
}

#guestbook_ajouter .info {
margin-bottom:10px;
}

#guestbook_ajouter form {
padding:15px;
}

#guestbook_ajouter button {
width:150px;
height:23px;
margin-bottom:2px;
color:#CCC;
font-size:1.1em;
padding:2px;
}

#guestbook_ajouter input, #guestbook_ajouter textarea {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:normal;
font-size:1em;
}

#contact form {
margin-left:25px;
}

#ctn_player {
float:right;
margin-right:10px;
}

#change_language {
	position:relative;
	top:5px;
	left:650px;
	list-style:none;
}

#change_language li {
	float:left;
	margin-right:5px;
}

#change_language li a {
	color:#fff;
	text-decoration:none;
}

#change_language li a.current {
	text-decoration:underline;
}