@charset "ISO-8859-1";

/* PAGE */
HTML {height: 100%; font-size: 100%; margin: 0; padding: 0;}
BODY {height: 100%; margin:0; font: 0.80em "Century Gothic", Arial; background: #000000 url(/images/back_wood.png) top center; color: #000000;}

h1 {margin: 0; font-size: 1.3em; font-weight: normal; color: #ec008c; text-transform: uppercase;}
h2 {margin: 0; font-size: 1.1em; text-transform: uppercase;}
h3 {margin: 0; font-size: 1em; font-weight: normal; background: #ec008c; color: #ffffff; display: inline; padding: 0 2px;}
h4 {margin: 0; font-size: 1em; font-weight: normal; background: #000000; color: #ffffff; display: inline; padding: 0 2px;}

h1 a:link {color: #ec008c; text-decoration: none;}
h1 a:visited {color: #ec008c; text-decoration: none;}
h1 a:active {color: #ec008c; text-decoration: none;}
h1 a:hover {color: #ec008c; text-decoration: none;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}
a:hover {color: #ec008c; text-decoration: underline;}

img.align-right {float: right; margin: 0 0 10px 10px;}
img.border {border: solid 5px #292929;}

form {margin: 0; padding: 10px; background: #e0e0e0; margin-bottom: 10px;}
form span {display: block; width: 100px; float: left;}
form input {width: 250px; background: #292929; border: solid 1px #292929; color: #ffffff; font: 0.9em "Century Gothic", Arial; margin-bottom: 5px;}
form textarea {width: 436px; height: 60px; background: #292929; border: solid 1px #292929; color: #ffffff; font: 0.9em "Century Gothic", Arial; margin-bottom: 5px; overflow: auto;}
form input.submit {margin-left: 438px; width: 100px; background: #ec008c; border: solid 1px #ec008c; color: #ffffff;}

#page {padding: 20px;}
#main {width: 840px; margin-left: auto; margin-right: auto;}
#menu {width: 210px; padding-top: 135px;}
#menu ul {padding: 0 20px 0 0; margin: 0;}
#menu ul li {list-style: none; margin-bottom: 11px; text-align: right;}
#menu ul li a {padding: 2px 5px; background: #ffffff; color: #ec008c; text-transform: uppercase; text-decoration: none;}
#menu ul li a:hover {background: #ec008c; color: #ffffff;}
#container {float: right; background: #ffffff; width: 630px;}

#top {padding: 20px 0 20px 30px;}
#top #sitetitle {background: url(/images/eventslisa_logo.png); width: 202px; height: 90px;}
#top #sitetitle span {display: none;}
#top #lang {float: right; background: #ec008c; color: #ffffff; padding: 8px;}
#top #lang a {color: #ffffff; text-decoration: none;}
#top #lang a:hover {text-decoration: underline;}

#bandeau {position: relative; height: 250px; background-position: center center; text-align: right;}
#bandeau div {text-align: right; position: absolute; bottom: 20px; right: 30px;}
#bandeau div span {background: #ec008c; color: #ffffff; cursor: default;}

#content {padding: 30px;}

#adsense {height: 60px; padding: 20px 30px; background: #e6e6e6;}

#footer {height: 75px; background: #090909; color: #ffffff; font-size: 0.9em;}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer div {padding: 30px 30px 0 30px;}
#footer #powered {float: right;}

#partenaires a {display: block; float: left; width: 50%; padding: 0 0 5px 0;}

#robots {display: none;}

#videos_links {float: left;}
#videos_links a {display: block; float: left; width: 273px; background: #e0e0e0; padding: 2px 5px; margin: 0 2px 2px 0; text-decoration: none;}
#videos_links a:hover {background: #ec008c; color: #ffffff;}

.liste_artistes {float: left; width: 450px; padding-top: 2px;}
.cat_artistes {float: left; width: 450px;}
.check_artiste {float: left; width: 150px;}
input.checkbox {width: auto; background: ; border: 0; margin: 0;}


a.preview {text-decoration: none;}
a.preview:hover {border-color: #ec008c;}
.preview {display: block; float: left; position: relative; border: solid 5px #292929; width: 173px; height: 100px; margin-left: 10px; margin-bottom: 10px;}
.preview .preview_title {position: absolute; height: 35px; width: 165px; bottom: 0; color: #ffffff; padding: 2px 4px; cursor: pointer;}
.preview .opacity {background: #000000; filter: alpha(opacity:0.8); KHTMLOpacity: 0.8; MozOpacity: 0.8; -khtml-opacity:.80;-ms-filter:”alpha(opacity=80)”; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}
.preview .mini {height: 18px;}

a.thumbnail {text-decoration: none;}
a.thumbnail:hover {border-color: #ec008c;}
.thumbnail {display: block; float: left; position: relative; border: solid 3px #292929; width: 132px; height: 85px; margin-left: 5px; margin-bottom: 5px;}

.guestbook {background: #e0e0e0; padding: 10px; margin-bottom: 10px;}
.guestbook .gb_posted {margin-bottom: 10px; font-size: 0.85em; color: #292929;}
#nav_pages {text-align: center;}
#nav_pages span {background: #000000; color: #ffffff; padding: 0 3px;}
#nav_pages a {padding: 0 3px; text-decoration: none; margin: 0 3px;}
#nav_pages a:hover {background: #ec008c; color: #ffffff;}

.first {margin-left: 0;}

.align-right {text-align: right;}
.clear {clear: both;}