html, body {
	background: #000 url(/css/main-bg.png) repeat-x top;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #8f8f8f;
}
body {font-size:62.5%}

p, h1, h2, h3, h4, h5, h6, div, ul, ol, table, img, form {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

a, a:visited {
	color: #E60085;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color:#FFFFFF;
}

strong {
	color: #FFFFFF;
	font-weight: 600;
}

#content strong {
	font-weight: normal;
}
.divspacer{
	clear: both;
}

/* CONTAINER */

#page {
	width: 830px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	_height: 100%;
}
#sub-page {
	margin: 0;
	padding: 104px 0 0 0;
}

/* HEADER */

h1 {
	position: absolute;
	width: 214px;
	height: 56px;
	top: 40px;
	left: 170px;
}
h1 a {
	display: block;
	width: 214px;
	height: 56px;
	background: url(/css/h1-bg.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/h1-bg.png', sizingMethod='crop');
	cursor: pointer;
}
h1 a span {
	position: absolute;
	left: -5000px;
}

h2 {
	background: url(/css/baseline-bg.png) no-repeat left top;
	width: 389px;
	height: 83px;
	position: absolute;
	top: 144px;
	right: 30px;
	z-index: 50;
}
h2 span {
	position: absolute;
	left: -5000px;
}

/* MENU */

#menu {
	width: 140px;
	min-height: 200px;
	_height: 200px;
	float: left;
	margin: 0 20px 0 0;
}

/* NAVIGATION */
#nav, #nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	text-align: right;
	font-size: 1.4em;
	padding: 24px 0 20px 0;
	text-transform: lowercase
}

#nav li {
	padding: 1px 20px 1px 0;
}
#nav li.active {
	background: url(/css/nav-puce.png) no-repeat 129px 10px;
	_background: url(/css/nav-puce-ie.png) no-repeat 129px 9px;
}

#nav li a,#nav li a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 0;
}

#nav li a:hover, #nav li.active a {
	color: #e60085;
}

/* LOGIN */

#login {
	width: 114px;
	height: 116px;
	padding: 13px 13px 10px 13px;
	background: url(/css/login-bg.png) no-repeat left top;
	margin: 0 0 15px 0;
}
#login h3 {
	font-size: 1.4em;
	height: 22px;
	color: #FFFFFF;
	font-weight: normal;
}
#login h3 span {
	color: #E60085;
}
#login p {
	padding: 8px 0;
	color: #FFFFFF;
	font-size: 1em;
}
#login p input {
	width: 108px;
	font-size: 1.2em;
	padding: 1px 2px 2px;
	margin: 0;
	background: #BBBBBB;
	border: 1px solid #c1c1c1;
	color: #666666;
}
#login p input:focus {
	background: #FFFFFF;
}

#login form p.submit {
	width: 114px;	
	text-align: right;
}
#login form p.submit a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 0 0 5px;
}
#login form p.submit a:hover {
	border-left: 5px solid #730043;
}


/* STAY INFORMED */

#stayinformed {
	width: 114px;
	/*height: 80px;*/
	padding: 13px 13px 10px 13px;
	background: url(/css/login-bg.png) no-repeat left bottom;
	margin: 0 0 15px 0;
	border-top: 1px solid #aaa;
}
#stayinformed h3 {
	font-size: 1.4em;
	height: 22px;
	color: #FFFFFF;
	font-weight: normal;
}

#stayinformed p.ok {
	font-size: 1.2em;
	padding: 0 0 0 20px;
	background: url(/css/accept.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/accept.png', sizingMethod='crop');
	margin: 0;
	color: #6DC361;
	text-align: left;
}
#stayinformed p.ko {
	font-size: 1.2em;
	padding: 0 0 0 20px;
	background: url(/css/exclamation.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/exclamation.png', sizingMethod='crop');
	margin: 0;
	color: #EF755C;
	text-align: left;
}

#stayinformed h3 span {
	color: #E60085;
}
#stayinformed p {
	padding: 8px 0;
	color: #FFFFFF;
	font-size: 1em;
}
#stayinformed p input {
	width: 108px;
	font-size: 1.2em;
	padding: 1px 2px 2px;
	margin: 0;
	background: #BBBBBB;
	border: 1px solid #c1c1c1;
	color: #666666;
}
#stayinformed p input:focus {
	background: #FFFFFF;
}

#stayinformed p.submit {
	width: 114px;	
	text-align: right;
}
#stayinformed p.submit a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 0 0 5px;
}
#stayinformed p.submit a:hover {
	border-left: 5px solid #730043;
}

#stayinformed p.admin {
	padding: 0;
}

#stayinformed p.admin a {
	color: #4A88C5;
}

/* HAVELANGE */

#havelange {	
	width: 140px;
	height: 238px;
	background: url(/css/havelange-screen.png) no-repeat left bottom;
	color: #fff;
	font-size: 1.1em;
}
#havelange a {
	display: block;
	width: 140px;
	height: 148px;
	outline: none;
}
#havelange a span {	
	position: absolute;
	left: -5000px;
}

/* PIC SIDE */
img.pic-side{
	border: 1px solid #666666;
}


/* CONTENT */

#content {
	width: 608px;
	padding: 31px;
	float:left;
	background: url(/css/content-bg.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/content-bg.png', sizingMethod='crop');
	min-height: 545px;
	_height: 343px;
}

#content p {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.2em;
}

#content ul, #content ol {	
	list-style-position: outside;
	padding: 0 0 5px 30px;
	margin: 0;
	font-size: 1.2em;
}
#content ul {
	list-style-type: square;
}
#content ul li, #content ol li {	
	padding: 0 0 5px 0;
}

#content ul.liste-concours li p{	
	font-size: 1em;
}

/* CTA */

#cta {	
	width: 608px;
	height: 317px;
	position: relative;
	background: url(/css/cta-bg.png) no-repeat left top;
	margin: 0 0 22px 0;
}

#cta ul, #cta li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#cta ul {
	width: 370px;
	height: 150px;
	position: absolute;
	top: 115px;
	right: 0;
}

#cta ul li {
	width: 175px;
	height: 140px;
	padding: 5px;
	display: block;
	float: right;
}
#cta ul li.dernieres-promos-fr {
	background: url(/css/cta-dernieres-promos-fr.png) no-repeat left top;
}
#cta ul li.dernieres-promos-nl {
	background: url(/css/cta-dernieres-promos-nl.png) no-repeat left top;
}
#cta ul li.concours-fr {
	background: url(/css/cta-concours-fr.png) no-repeat left top;
}
#cta ul li.concours-nl {
	background: url(/css/cta-concours-nl.png) no-repeat left top;
}

#cta ul li a {	
	display: block;
	width: 175px;
	height: 85px;
}
#cta ul li a span {	
	position: absolute;
	left: -5000px;
}

/* REAL CONTENT */

#welcome, #last-news {
	width: 294px;
	padding: 0 10px 15px 0;
	text-align: justify;
	float: left;
}

#last-news {
	padding: 0 0 15px 10px;
}

#welcome h4, #last-news h4 {
	width: 294px;
	height: 22px;
	background: url(/css/welcome-title.png) no-repeat left top;
	padding: 0 0 15px 0;
	font-size: 2.2em;
	color: #FFFFFF;
}

#last-news h4 {
	background: url(/css/last-news-bg.png) no-repeat left top;
}
#welcome h4 span, #last-news h4 span {
	position: absolute;
	left: -5000px;
}

#last-news h5 {
	font-size: 1.4em;
	font-weight: normal;
	background: url(/css/h5-border.png) no-repeat left bottom;
	padding: 0 55px 4px 0;
	margin: 0 0 10px;
	position: relative;
	color: #FFFFFF;
	text-align: left;
}
#last-news h5 span {
	font-size: 0.8em;
	position: absolute;
	top: 0;
	right: 0;
	color: #E60085;
}

#last-news img {
	float: left;
	margin: 0 15px 15px 0;
}

/* BOX */

div.box, div.lastbox {
	width: 294px;
	padding: 0 10px 15px 0;
	text-align: left;
	float: left;
}

div.lastbox {
	padding: 0 0 15px 10px;
}
div.large {
	width: 608px;
	padding: 0 0 15px;
}

div.box h4, div.lastbox h4 {
	width: 294px;
	/*height: 22px;*/
	padding: 0 0 15px 0;
	font-size: 2.2em;
	font-family: "Century Gothic", Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
}
div.box h4 span, div.lastbox h4 span {
	color: #E60085;
}
div.large h4 {
	width: 600px;
}
div.box h5, div.lastbox h5 {
	font-size: 1.4em;
	font-weight: normal;
	background: url(/css/h5-border.png) no-repeat left bottom;
	padding: 0 55px 4px 0;
	margin: 0 0 10px;
	position: relative;
	color: #FFFFFF;
	text-align: left;
}
div.box h5 span, div.lastbox h5 span {
	font-size: 0.8em;
	position: absolute;
	top: 0;
	right: 0;
	color: #E60085;
}

div.box img.left, div.lastbox img.left {
	float: left;
	margin: 0 15px 15px 0;
}

div.box img.right, div.lastbox img.right {
	float: right;
	margin: 0 0 15px 15px;
}

/* GALLERY */

ul#galerie {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#galerie li {
	margin: 0 12px 12px 0;
	padding: 0;
	width: 110px;
	/*height: 110px;*/
	border: 1px solid #C1C1C1;
	background: url(/css/bg-galerie.gif);
	float: left;
	list-style: none;
	text-align: center;
	display: block;
}
ul#galerie li.last {
	margin: 0;
}
ul#galerie li span{
	display: block;
	min-height: 52px;
	_height: 52px;
	color: #FFFFFF;
	padding: 8px;
}
ul#galerie li a {
	width: 100px;
	/*height: 100px;*/
	padding: 5px;
	margin: 0;
	display: block;
}
ul#galerie li a.admin {
	display: inline;
	font-size: 0.9em;
	padding: 3px;
}

a.back-galerie{
	/*display: block;*/
	float: right;
	margin-bottom: 12px;
	font-size: 0.9em;
}
/* LANG */

#lang {
	position: absolute;
	top: 3px;
	right: 30px;
	font-size: 1.1em;
	z-index: 50;
}

#lang ul, #lang ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#lang ul li {
	display: inline;
	padding: 0 0 0 10px;
	background: url(/css/lang-puce.png) no-repeat 1px 6px;
}
#lang ul li.first {
	padding: 0;
	background: none;
}

#lang ul li a, #lang ul li a:visited {
	color: #5B5B5B;
	text-decoration: none;
}
#lang ul li a:hover {
	color: #E60085;
}
#lang ul li a.active {
	color: #FFFFFF;
	font-weight: bold;
}

/* FOOTER */

#spacer	{
	height: 79px;
	clear: both;
}

#footer {
	height: 79px;
	margin-top: -79px;
	background: url(/css/footer-bg.png) repeat-x top;
	color: #5b5b5b;
	font-size: 1em;
}
#sub-footer {	
	width: 830px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0 0 0;
}
#sub-footer p {	
	margin: 0;
	padding: 0 0 0 191px;
}
#sub-footer p a, #sub-footer p a:visited {
	color: #5b5b5b;
	text-decoration: none;
}
#sub-footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#sub-footer p a.login, #sub-footer p a.login:visited {
	color: #e60085;
}
#sub-footer p a.login:hover {
	color: #FFFFFF;
}

#sub-footer p a.powered {
	display: block;
	width: 196px;
	height: 38px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url(/css/footer-powered.png) no-repeat left top;
	outline: none;
}
#sub-footer p a.powered span {
	position: absolute;
	left: -5000px;
}

/* FORM DANS CONTENT */

#content form, div.like-form {
	width: 268px;
	background: url(/css/box-rayee-bg.png) no-repeat left bottom;
	border-top: 1px solid #c1c1c1;
	padding: 13px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
}

/*#content form#concours-newsletter	{
	background: none;
	color: inherit;
	padding: 0;
	border: none;
	}*/

#content form#concours-newsletter ul	{
	padding: 0;
	margin: 0 0 2em 0;
	list-style-type: none;
	}

#content form#concours-newsletter ul li	{
	padding: 0;
	margin: 0;
	}

#content form label, div.like-form label {
	width: 100px;
	float: left;
	padding: 4px 0 0;
	display: block;
}
#content form ul.form-box label {
	float: none;
	width: none;
	display: inline;
}
#content form ul.form-box {
	list-style: none;
}
#content form input.text, #content form textarea.textarea, div.like-form input.text, div.like-form textarea.textarea {
	width: 162px;
	_width: 159px;
	padding: 2px;
	font-size: 1em;
	background: #BBBBBB;
	border: 1px solid #c1c1c1;
	color: #666666;
}
#content form input.text:focus, #content form textarea.textarea:focus, div.like-form input.text:focus, div.like-form textarea.textarea:focus {
	background: #FFFFFF;
}

#content form textarea.large {
	width: 262px;
}

#content form p.submit, div.like-form p.submit {
	width: 268px;	
	text-align: right;
}
#content form p.submit a, div.like-form p.submit a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 0 0 5px;
}
#content form p.submit a:hover, div.like-form p.submit a:hover {
	border-left: 5px solid #730043;
}
#content form p.error, div.like-form p.error {
	color: #EF755C;
}
#content form p.error input, div.like-form p.error input {
	background: #F8C3B9;
	border: 1px solid #EF755C;
}
#content form p.rmq, div.like-form p.rmq {
	font-size: 0.9em;
	color: #DDDDDD;
	padding: 0 0 10px 100px;
}
#content form p.tiny-mce, div.like-form p.tiny-mce {
	clear: left;
}

#content form label.ticket {
	width: 150px;
}
#content form input.ticket {
	width: 112px;
}
#content form input.cap-result {
	width: 50px;
}

#content form ul.radio-check {
	margin: 0;
	padding: 0 0 12px 8px;
}
#content form ul.radio-check li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content form ul.radio-check label {
	float: none;
	width: 100%;
	padding: 0;
	text-align: left;
}

/* ALL-VIDEOS - ALL-PRESSE */

ul#all-videos, ul#all-videos li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#all-videos {
	margin: 0 0 10px;
}
ul#all-videos li {
	/*width: 294px;*/
	display: block;
	text-align: left;
	padding: 5px 69px 5px 0;
	background: url(/css/h5-border.png) no-repeat left bottom;
	position: relative;
}
ul#all-videos li a {
	width: 225px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
ul#all-videos li a:hover {
	color: #e60085;
}
ul#all-videos li a.admin {
	width: inherit;
	display: inline;
}
ul#all-videos li a span {
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: 0.9em;
	color: #8F8F8F;
}
ul#all-videos li.last a {
	background: none;
}

/* STOCK */

ul#stock, ul#stock li, ul#all-presse, ul#all-presse li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#stock, ul#all-presse {
	margin: 0 0 10px;
	background: url(/css/h5-border.png) no-repeat left top;
}
ul#stock li, ul#all-presse li {
	/*width: 294px;*/
	display: block;
	text-align: left;
	padding: 5px 69px 5px 0;
	background: url(/css/h5-border.png) no-repeat left bottom;
	position: relative;
}
ul#stock li a, ul#all-presse li a {
	text-decoration: none;
	color: #FFFFFF;
}
ul#stock li a:hover, ul#all-presse li a:hover {
	color: #e60085;
}
ul#stock li span, ul#all-presse li span.admin {
	font-size: 0.85em;
}
ul#all-presse li span.date {
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: 0.9em;
	color: #8F8F8F;
}

/* ALL-NEWSLETTERS */
div#all-newsletters img {
	float: left;
	margin: 0 10px 10px 0;
}
div#all-newsletters h5, div#all-newsletters p#pagination {
	clear: left;
}

/* PAGINATION */

#pagination {
	width: 294px;
	margin: 0 0 10px;
	text-align: center;
}

#pagination a {
	color: #8F8F8F;
	text-decoration: none;
}
#pagination a:hover {
	color: #E60085;
	text-decoration: none;
}
#pagination .num-normal {
	font-size: 1.5em;
	color: #FFFFFF;
}
#pagination .num-1 {
	font-size: 1.3em;
}
#pagination .num-2 {
	font-size: 1.1em;
}
#pagination .limit {
	font-size: 0.9em;
}


/* MAIN CLASS */

hr.clear {
	border:medium none;
	clear:left;
	height:0pt;
	margin:0pt;
	padding:0pt;
	visibility:hidden;
}

li.clear {
	clear:right;
}

.hide {
	position: absolute;
	left: -5000px;
}

#content p.ok {
	padding: 0 0 0 20px;
	background: url(/css/accept.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/accept.png', sizingMethod='crop');
	margin: 0 0 10px 0;
	color: #6DC361;
	text-align: left;
}

#content p.ko {
	padding: 0 0 0 20px;
	background: url(/css/exclamation.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/exclamation.png', sizingMethod='crop');
	margin: 0 0 10px 0;
	color: #EF755C;
	text-align: left;
}

#content p.all-infos {
	text-align: right;
}

/* ICONS FOR ADMIN */
#content p.edit, #content p.back, #content p.manage-news {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	color: #4A88C5;
	text-align: left;
}
#content p.edit a, #content p.back a, #content p.manage-news a, #content a.admin {
	color: #4A88C5;
	text-align: left;
}
#content p.edit a:hover, #content p.back a:hover, #content p.manage-news a:hover, #content a.admin:hover {
	color: #FFFFFF;
}

#content p.edit {
	background: url(/css/page_edit.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/page_edit.png', sizingMethod='crop');
}
#content p.back {
	background: url(/css/page.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/page.png', sizingMethod='crop');
}
#content p.manage-news {
	background: url(/css/world.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/world.png', sizingMethod='crop');
}/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background: #000;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background: #000;
    border: 1px solid #828282;
    border-top: none;
}

.GB_Window .header {
    /*border-bottom: 1px solid #aaa;*/
    border-top: 1px solid #828282;
    border-left: 1px solid #828282;
    border-right: 1px solid #828282;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #FFF;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    padding-right: 20px;
	padding: 0 20px 0 10px;
	font-family: "Century Gothic", Arial, sans-serif;
}

.GB_Window .close { 
	text-align: right;
}
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
    padding: 0 12px 0 5px;
	text-transform: uppercase;
	font-family: "Century Gothic", Arial, sans-serif;
}
.GB_Window .close img {
	display: none;
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-left: 5px solid #730043; }
.GB_Window .click { border-left: 5px solid #730043; }
/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}