/* CSS Document */

body {
    background-color:black;
    background-repeat:repeat-x;
    margin:0px;
    border:hidden;
    font-family:"Times New Roman", Times, serif;
    color:#ffffff;
}

div {
    margin:0px;
    padding:0px;
}

p {
    text-align:justify;
}

a, a:link, a:active, a:visited, a:hover {
    text-decoration:none;
}

div#main {
    width:1024px;
    margin:0px auto;
}

div#header {
    background-image:url('http://www.longirock.ch/images/entete.jpg');
    height:528px;
}

div.langselect {
    float:right;
}

div.langselect a, div.langselect a:link, div.langselect a:active, div.langselect a:visited, div.langselect a:hover {
    color:#000000;
    text-align:center;
    display:block;
    float:right;
    width:50px;
    padding:3px 0 0 0;
}

div.langselect a.selectedLang {
    color:#ffffff;
    font-weight:bold;
}

div#news {
    width:1024px;
    float:left;
    position:relative;
    top:458px;
    left:0px;
}

div#langselect2 {
    position:relative;
    top:473px;
}

div#news a, div#news a:link, div#news a:active, div#news a:visited, div#news a:hover {
    float:left;
    padding:0px;
    margin:0 0 0 45px;
}

div#news a.ticket {
    color:#ff0000;
}

div#news a:hover {
    color:#cccccc;
}

div#news a.selectedNews, div#news a.ticket.selectedNews {
    color:#ffffff;
}

div#contenttop {
    width:1022px;
    height:28px;
    background-image:url('http://www.longirock.ch/images/sousEntete.jpg');
    border-color:#d5b374;
    border-style:solid;
    border-width:0px 1px 0px 1px;
}

div#contentplusnav {
    background-image:url('http://www.longirock.ch/images/fondMenu.jpg');
    background-repeat:repeat-y;
    min-height:500px;
    border-color:#d5b374;
    border-style:solid;
    border-width:0px 1px 1px 1px;
    position:relative;
	text-align:left;
}

div#navigation {
    background-image:url('http://www.longirock.ch/images/fondMenu.jpg');
    background-repeat:repeat-y;
    float:left;
    width:289px;
}

div.menuline {
    height:1px;
    background-color:#d5b374;
/*    background-image:url('http://www.longirock.ch/images/fondMenu.jpg');*/
    background-repeat:repeat-y;
}

div.menuelement {
    padding:0;
    margin:0;
}

a.menulink, a.menulink:link, a.menulink:active, a.menulink:visited, a.menulink:hover {
    color:#ffffff;
    display:block;
    padding:6px 0px 6px 30px;
}

a.menulink:hover {
    background-color:#dab879;
    color:#666666;
}

a.menulink.selectedMenu {
    background-image:url('http://www.longirock.ch/images/star_bg.png');
    background-position:-8px -3px;
    color:#d5b374;
}

div.menusmallarrow {
    float:right;
    padding:5px 10px;
}

div#newsletterform {
    position:absolute;
    bottom:10px;
    padding:30px 10px 10px 20px;
}

div#newsletterform p {
    font-size:90%;
}

div#content {
    float:left;
    padding:0px 0px 20px 30px;
    margin:0;
    width:680px;
}

div#content a, div#content a:link, div#content a:active, div#content a:visited {
    color:#d5b374;
}

div#content a:hover {
    color:#6666ff;
    text-decoration:underline;
}

.titre, #content h1 {
    color:#d5b374;
    font-size:20px;
    font-weight:bold;
	text-align:left;
    text-transform:uppercase;
    padding:0px;
    margin:0px 0px 20px 0px;
}

#content h1 em {
    font-style:normal;
    color:#ffffff;
}

#content h2 {
    color:#d5b374;
    font-size:16px;
    font-weight:bold;
    /*text-transform:uppercase;*/
    padding:0px;
    margin:30px 0px 20px 0px;
}

strong {
	color:#d5b374;
	font-weight:normal;
}

.gold {
    color:#d5b374;
}

.texte, #content p, #content {
    color:white;
    font-size:16px;
    text-transform:none;
}

.lien {
    color:white;
    font-size:100%;
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
}

.menu {
    color:white;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:left;
    text-decoration:none;
}

#base {
    margin-bottom:30px;
    border:0px;
}

form {
    margin:0px;
    padding:0px;
}

form p {
    clear:both;
    padding:20px 0px 10px 0px;
    margin:0px;
}

form div, form input, form select {
    height:20px;
}

.boutton {
    text-align:center;
    color:white;
    background-color:#222222;
    border:solid 1px #d5b374;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-transform:none;
}

.boutton.proceed {
    height:30px;
    width:100px;
}

.signature {
    clear:both;
    color:#d5b374;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:none;
    float:right;
    margin:10px 0;
}

.lang {
    color:#797062;
    font-size:12px;
    text-decoration:none;
}

.news {
    color:#d5b374;
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
}

img.lieuthumbnail {
    border:1px #d5b374 solid;
    margin:3px 5px;
    cursor:pointer;
}

img.lieuphoto {
    position:absolute;
    border:1px #d5b374 solid;
    background-color:#ffffff;
    top:330px;
    left:-500px;
    margin-left:50%;
    cursor:pointer;
    display:none;
}

form div.label {
    width:200px;
    clear:both;
    float:left;
    /*text-transform:uppercase;*/
    padding:1px;
    margin:2px;
    height:20px;
}

form input, form textarea {
    width:400px;
    background-color:#000000;
    color:#ffffff;
    border:1px #d5b374 solid;
}

form .thin {
    width:200px;
    border:0;
}

form input, form .input {
    float:left;
    font-size:14px;
    padding:1px;
    margin:2px;
    height:20px;
}

form textarea {
    width:400px;
    height:200px;
    background-color:#000000;
    border:1px #d5b374 solid;
}

.vert, #content .vert {
    color:#009900;
}

.rouge, #content .rouge {
    color:#ff0000;
}

div#personnesadd {
    clear:left;
    height:auto;
}

div#personnesadd div.personneadd {
    border:1px white dotted;
    float:none;
    clear:both;
    padding:15px;
    margin:3px 0px;
    height:auto;
}

div#personnesadd div p {
    padding:0px; margin:0px 0px 10px 0px;
}

div#personnesadd div input {
    float:left;
    width:200px;
    margin:0px 10px 0px 0px;
}

div#personnesadd div div {
    float:left;
    width:182px;
    border:1px #d5b374 solid;
    margin:3px 10px 3px 0px;
    padding:10px;
    height:auto;
}

div#personnesadd div div input {
    float:none;
    margin:0px;
    padding:0px;
    width:auto;
    height:auto;
}

div#personnesadd div div label {
    float:left;
    clear:both;
    margin:0px;
    padding:0px;
    width:auto;
    height:auto;
}


div#personnesadd div div input {
    margin:0px;
    padding:0px;
    clear:both;
    float:right;
}

input.inputtext {
    color:#999999;
}

#ui-datepicker-div {
    font-size:smaller;
}

table#tableprix {
    border:1px #d5b374 solid;
    width:auto;
    margin:10px auto;
}

table#tableprix td, table#tableprix th {
    text-align:center;
    padding:3px 15px;
}

table#tableprix td {
    border-top:1px #d5b374 dotted;
}

div#content a.ticketsalelink, div#content a.ticketsalelink:link, div#content a.ticketsalelink:active, div#content a.ticketsalelink:visited, div#content a.ticketsalelink:hover {
    display:block;
    padding:20px;
    margin:10px;
    float:left;
    width:250px;
    height:140px;
    border:1px #000000 solid;
    text-align:center;
    text-decoration:none;
}

div#content a.ticketsalelink:hover {
    border:5px #d5b374 solid;
    padding:16px;
}

div#content .ticketsalelink img {
    border:0px;
}

div.pressdate {
    clear:left;
    float:left;
    width:120px;
    text-align:right;
    padding-right:30px;
}

div.pressjournal {
    float:left;
    width:150px;
}

div.pressarticle {
    float:left;
    width:300px;
    padding-left:30px;
}

div.pressarticle a {
    font-weight:normal;
}

div#artistes hr {
    clear:both;
}

div.artist {
    clear:right;
    float:right;
    padding:0px;
    margin:10px 0px 10px 10px;
}

div.artist a img {
    border:1px #d5b374 solid;
}

div.artist img {
    border:0px;
}

ul.scene1 {
    font-size:20px;
}

ul.scene2 {
    margin-top:10px;
    font-size:18px;
}

ul.scene3 {
    margin-top:10px;
}

div.logo {
    border:2px solid #D5B374;
    background-color:#fff;
    float:left;
    margin:10px;
    height:100px;
    line-height:100px;
    width:200px;
    text-align:center;
}

div.logo2cols {
    margin:10px 60px;
}

div.logo a img {
    vertical-align:middle;
}

#content div.faq {
    margin:10px 20px;
    background-color:#222;
    padding:5px;
}

#content div.faq h2 {
    cursor:pointer;
    display:block;
    padding:0px;
    margin:0px 5px;
}

#content div.faq h2:hover {
    color:#eee;
}

#content div.faq div {
    display:none;
    background-color:#111;
    margin:5px 20px;
    padding:10px 20px;
    text-align:justify;
}

#content div.faq div p {
    margin:10px 0px;
    padding:0px;
}

#content div.newz {
    background-color:#111111;
    border:1px #333 solid;
    margin:10px 20px;
    padding:20px 20px 10px 20px;
}

#content div.newz div.newsdate, div.newsdate {
    float:left;
    color:#ffffff;
}

#content div.newz div.newsauthor, div.newsauthor {
    display:none;
    float:right;
    color:#d5b374;
    text-transform:none;
}

#content div.newz div.newscontent, div.newscontent {
    clear:both;
    padding:0px;
    color:#ffffff;
}

#content div.newz div.newsedit, div.newsedit {
    width:10px;
    height:10px;
    float:left;
}

#content div.artiste {
    clear:both;
    padding:10px;
    margin:5px 0px;
    background-color:#111;
    border:1px #333 solid;
}

#content div.artiste h2 {
    margin:0px;
    padding:0px;
    display:block;
    cursor:pointer;
}

#content div.artiste h2:hover {
    color:#eee;
}

#content div.artiste span.clearer {
    clear:both;
    display:block;
}

#content div.pressbookdiv {
    padding:10px;
    margin:5px 0px;
    background-color:#111;
    border:1px #333 solid;
}

#content div.mp3 {
    width:350px;
    text-align:center;
    margin:5px auto;
    padding:10px;
    background-color:#111;
    border:1px #333 solid;
}

#content div.mp3 p {
    text-align:center;
    padding:0px;
    margin:5px;
}

#content div.newz.clickable {
    cursor:pointer;
}

#content div.newz.clickable:hover {
    background-color:#222;
}

#content div.faq a img {
    border:0;
}

hr.minihr {
    margin:3px 150px;
}

div.photoslieu.jour img {
    vertical-align:middle;
}

#content h2.photolink {
    clear:both;
    cursor:pointer;
    display:block;
    padding:5px;
    background-color:#222;
}

#content h2.photolink:hover {
    background-color:#111;
}

#content a.aphgallery div {
    width:115px;
    height:115px;
    line-height:113px;
    background-color:#151515;
    text-align:center;
    float:left;
    margin:5px;
}

#content a.aphgallery.doublesized div {
    width:159px;
    height:159px;
    line-height:157px;
    margin:3px;
}

#content a.aphgallery div:hover {
    background-color:#333;
}

#content a.aphgallery div img {
    vertical-align:middle;
    border:1px #000 solid;
}

#content div.divphotoslieu {
    margin:20px 0px 10px 15px;
    display:none;
}

#content div.divphotoslieu h3 {
    clear:both;
    margin:0;
    padding:20px 0 0 0;
    text-align:center;
}

#content div.divphotoslieu div p {
     text-align:center;
     clear:both;
     margin:0;
     padding:10px;
}