body{font-family:Lucida, Georgia, Arial, Verdana, sans-serif; color:white; background:black;}

a{color:white; text-decoration:none;}

#page{margin:-370px auto auto auto; width:661px;}
#logo{float:left;}
#logo h1{font-size:25px; font-weight:normal;}

/* Formulaire de contact */

#contact{background:black; width:627px; height:320px; margin:0; font-family: Arial, Verdana, sans-serif; font-size: 12px; color:white; padding:17px 17px;}
#contact input, #contact textarea{margin-bottom:5px; margin-top:5px; background:#979797; padding:6px; border:0;}
#contact label{padding-bottom:6px; font-family: Lucida, Georgia; font-size:14px;}

#contact-text{ width:230px; height:300px; padding-right:15px; border-right:1px dotted #979797; margin-right:15px; display: block; float:left;}
#contact-text h2{font-size:21px; font-family: Lucida, Georgia, serif; color:#acff05; font-weight: normal; margin-top:0;}
#newsletter{display:block; float:right; }

#champnom{float:left; margin-right:20px;}
#champemail{float:left;}
#champsujet{clear:left;}
#champsujet input{width:325px;}
#champmessage textarea{width:305px; height:80px; font-family: Arial, Verdana, sans-serif;}

#contact input#envoyer{border:0; background-color: #acff05; padding:8px 20px 8px 20px; font-size:14px; font-family: Lucida, Georgia; margin-left:248px; cursor:pointer;}
#close{display: block; cursor:pointer; width:17px; height:17px; background: url(images/close.jpg) no-repeat; float:right; text-indent: -9999px;}
#close:hover{background-position: 0 -17px;}
img.loading{display:none;}

#messageconf{padding-top:30px; text-align:center; color:#acff05;}

/* ----------------------------- */

#menutop{float:right; margin-top:30px; margin-bottom:50px;}
#menutop li{display:block; float:left; border-right:1px solid white; padding-right:10px; padding-left:10px; font-size:13px;}
#menutop li.last{border-right:0; padding-right:0;}
#menutop li a.selected{color:#acff05;}

#header{padding-top:20px; margin-bottom:35px;}

.item{clear:both; z-index: 9; opacity : 0.6; filter : alpha(opacity=60); margin-top:30px; height:170px;}
.item .visuel{float:left; margin-right:28px; z-index: 10;}
.item .visuel img{z-index:12;}

.item{cursor:pointer;}
.item .videoid{display: none;}
.item .details{font-size:11px; color:#cec7c7; font-family: Arial, Helvetica, sans-serif; line-height: 14px;}
.item .details h2{font-size:21px; font-weight: normal; line-height:1.2em;}

.item:hover{opacity : 1; filter : alpha(opacity=100); z-index:9;}
.item:hover .details h2{color:#acff05;}


.choisi{opacity : 1; filter : alpha(opacity=100); z-index:9; color:#acff05;}
.choisi h2{color:#acff05;}
.choisi p{color:white;}

#footer{clear:both; font-size:10px; color:white; padding-top:30px; text-align:center; font-family: Arial, Verdana, Helvetica;}

.bg{position:fixed; top:0; left:0; width:100%; z-index:-10; opacity:0.5; filter : alpha(opacity=50);}

#description{line-height:1.2em;}