/*
Theme Name: ALUX
Theme URI: http://www.leluxl-concert.ch/
Description: Le thème 2009 de ALUX - lelux-concert.ch
Version: 1.0
Author: Ludovic Fuhrmann
Author URI: http://www.noxup.com/
*/

/**************************************************
* Général
**************************************************/
html, body {
height:100%;
}
body {
font-size:14px; /* Resets 1em to 10px */
font-family: 'Trebuchet MS', Geneva, 'Lucida Grande', Arial, Sans-Serif;
background:#000;
color:#fff;
text-align:center;
margin:0;
padding:0;
}

h1 {
margin:20px 0 10px 0;
}
h2 {
margin:18px 0 9px 0;
}
h3 {
margin:16px 0 8px 0;
}
h4 {
margin:14px 0 7px 0;
}
h5 {
margin:12px 0 6px 0;
}
h6 {
margin:10px 0 5px 0;
}

p {
margin:8px 0 8px 0;
}

ul, ol {
margin:8px 0;
padding:0 0 0 20px;
}

a:link, a:visited {
color:#96BF0D;
text-decoration:underline;
}
a:hover, a:active {
color:#96BF0D;
text-decoration:none;
}

#page {
position:relative;
width:920px;
min-height:100%;
margin:0 auto;
padding:0 35px;
text-align:left;
background:#000 url(images/fond_contenu.gif) left top repeat-y;
z-index:20;
}
/******************************************************
  Wordpress special
*******************************************************/
img {border: none;}
img.center {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left; margin:2px 10px 5px 0px;}
img.alignright {float:right; margin:2px 0px 5px 10px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left; margin:2px 10px 5px 0;}
.alignright {float: right; margin:2px 0 5px 10px;}
.wp-caption {
	border: 1px solid #333;
	text-align: center;
	background-color:#111;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:10px;
	color:#ccc;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
/******************************************************
  CLEAR
*******************************************************/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

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

/**************************************************
* Header
**************************************************/
#header {
position:relative;
height:340px;
border-bottom:1px solid #96BF0D;
margin-bottom:10px;
}
#header h1 {
display:block;
width:349px;
height:330px;
margin:0;
padding:0;
}
#header h1 a {
display:block;
width:349px;
height:330px;
margin:0;
padding:0;
background:url(images/logo.gif) left top no-repeat;
}
#header h1 a span {
display:none;
}
#header .description {
position:absolute;
bottom:10px;
left:0px;
display:block;
width:190px;
margin:0;
padding:0;
font-size:12px;
color:#666666;
}
#prochainsConcerts {
position:absolute;
top:0;
left:350px;
width:570px;
height:300px;
overflow:hidden;
}
#prochainsConcerts .titre {
width:550px;
height:50px;
margin:10px 0 0 20px;
font-size:36px;
font-weight:bold;
letter-spacing:6px;
color:#333333;
}
#prochainsConcerts .concert {
width:262px;
height:220px;
margin:0 0 0 20px;
float:left;
font-size:11px;
color:#444;
}
#prochainsConcerts .concert h3.date {
margin:0;
font-size:18px;
font-weight:normal;
color:#96BF0D;
}
#prochainsConcerts .concert h3.date span.jour {
text-transform:uppercase;
}
#prochainsConcerts .concert h3.date span.heure {
display:block;
font-size:11px;
font-weight:normal;
color:#999;
}
#prochainsConcerts .concert h2 {
margin:4px 0 5px 0;
font-size:17px;
font-weight:bold;
color:#96BF0D;
}
#prochainsConcerts .concert h4 {
margin:3px 0 0 0;
font-size:20px;
font-weight:bold;
color:#999;
}
#prochainsConcerts .concert h5 {
margin:3px 0 0 0;
font-size:17px;
font-weight:bold;
color:#999;
}
#prochainsConcerts .concert h6 {
margin:3px 0 0 0;
font-size:13px;
font-weight:bold;
color:#999;
}
#prochainsConcerts .concert p {
margin:3px 0 0 0;
}
#prochainsConcerts .concert a.more-link {
display:block;
text-align:right;
}

/**************************************************
* Menu
**************************************************/
#navigation {
position:absolute;
bottom:10px;
right:0;
height:30px;
background:#96bf0d url(images/fond_menu.gif) left top no-repeat;
}
#menu {
display:block;
list-style:none;
margin:0;
padding:0 0 0 40px;
font-size:18px;
line-height:22px;
font-weight:bold;
}
#menu li {
display:block;
float:left;
padding:2px 15px 0 0;
}
#menu li a:link, #menu li a:visited {
color:#fff;
text-decoration:none;
border-bottom:none;
}
#menu li a:hover, #menu li a:active {
color:#fff;
text-decoration:none;
border-bottom:5px solid #000;
}
#menu li.current_page_item a:link, #menu li.current_page_item a:visited {
color:#000;
text-decoration:none;
border-bottom:5px solid #000;
}
#menu li.current_page_item a:hover, #menu li.current_page_item a:active {
color:#000;
text-decoration:none;
border-bottom:5px solid #000;
}

/**************************************************
* Contenu
**************************************************/
#content {
width:630px;
float:left;
padding-bottom:45px;
}
#content h2.pagetitle {
display:block;
margin:0 0 5px 0;
padding:0;
font-size:15px;
color:#666666;
}
#content div.navigation {
display:block;
margin:0;
padding:0;
}
#content div.post {
display:block;
margin:5px 0 40px 0;
padding:0;
}
#content div.post div.post-date {
display:block;
width:40px;
height:50px;
margin-right:10px;
float:left;
text-align:center;
font-weight:bold;
}
#content div.post div.post-titre {
width:580px;
float:left;
}
#content div.post div.post-date span.post-day {
display:block;
height:32px;
font-size:22px;
}
#content div.post div.post-date span.post-month {
display:block;
height:18px;
font-size:13px;
background-color:#96bf0d;
color:#000;
}
#content div.post div.post-titre h2 {
display:block;
margin:0 0 3px 0;
font-size:22px;
font-weight:normal;
color:#96bf0d;
}
#content div.post div.post-titre h3.date {
display:block;
height:20px;
margin:0 0 6px 0;
font-size:18px;
font-weight:normal;
color:#96bf0d;
}
#content div.post div.post-titre h3.date span.pass {
color:#333333;
}
#content div.post h3 {
display:block;
font-size:22px;
font-weight:normal;
color:#96bf0d;
}
#content small {
font-size:10px;
color:#666;
}
#content .postmetadata {
clear:both;
font-size:12px;
color:#666;
}

/**************************************************
* Concours
**************************************************/
#content form.concours {
	padding:12px 0 0 0;
}
#content form.concours br.clear {
	display:block;
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;
	visibility:hidden;
	width:80%;
}
#content div.erreur {
	background:#111111;
	color:#CC0000;
	padding:10px;
	margin:10px 0;
}
#content div.ok {
	background:#111111;
	color:#96BF0D;
	padding:10px;
	margin:10px 0;
}
#content form.concours label.left {
	display:block;
	clear:both;
	float:left;
	width:160px;
	height:30px;
}
#content form.concours label.requis {
	font-weight:bold;
}
#content form.concours input[type=text] {
	border:1px solid #96BF0D;
	background:#111111;
	color:#FFFFFF;
	display:block;
	width:180px;
	float:left;
}
#content form.concours input[type=submit] {
	border:1px solid #96BF0D;
	background:#96BF0D;
	color:#FFFFFF;
	font-weight:bold;
}
#content a.partage_facebook {
	display:block;
	width:64px;
	height:64px;
	font-size:0;
	text-indent:-9000px;
	overflow:hidden;
	margin:12px;
	padding:0;
	background:url(images/partage_facebook.png) left top no-repeat;
}

/**************************************************
* Commentaires
**************************************************/
#respond {

}
#respond h3 {
display:block;
border-bottom:3px solid #96bf0d;
font-size:16px;
color:#96bf0d;
}
#respond textarea#comment {
display:block;
padding:6px;
width:620px;
height:200px;
border:3px solid #96bf0d;
background:#222;
color:#FFF;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
#respond input#submit {
padding:4px 12px;
border:none;
background:#96bf0d;
color:#000;
font-weight:bold;
}

/**************************************************
* Sidebar
**************************************************/
#sidebar {
width:280px;
float:right;
padding-bottom:45px;
font-size:12px;
}
#sidebar ul {
margin:0;
padding:0 0 0 10px;
list-style:none;
border-left:1px solid #666;
}
#sidebar ul li {
display:block;
padding:0 0 16px 0;
}
#sidebar ul li h4 {
display:block;
margin:0 0 6px 0;
padding:0;
font-size:18px;
font-weight:bold;
color:#96bf0d;
}
#sidebar ul li ul {
border-left:none;
}
#sidebar ul li ul li {
padding:0;
}
#sidebar a:link, #sidebar a:visited {
color:#fff;
text-decoration:underline;
}
#sidebar a:hover, #sidebar a:active {
color:#fff;
text-decoration:none;
}

/**************************************************
* Footer
**************************************************/
#footer {
position:absolute;
left:50%;
bottom:0;
width:920px;
margin-left:-460px;
clear:both;
border-top:1px solid #96bf0d;
padding:10px 0;
text-align:center;
line-height:15px;
font-size:11px;
}
#footer p {
margin:0;
}

/**************************************************
* ExtraDivs
**************************************************/
#extraDiv1 {
position:fixed;
top:0;
left:0;
width:50%;
height:100%;
background:url(images/fond_lux.gif) right top repeat;
}
#extraDiv2 {
position:fixed;
top:0;
right:0;
width:50%;
height:100%;
background:url(images/fond_casque.gif) right top no-repeat;
}