@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#535353;
	background:url(fond.gif) repeat-x #efeff3;
	padding:0px;
	margin:0px;
}

.bodyBlack{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#535353;
	background:url(fond.gif) repeat-x #000000;
	padding:0px;
	margin:0px;
}

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

h1{
	display:inline;
	font-size:13px;
	padding:0px;
	margin:0px;
}

h2{
	font-size:14px;
	padding:0px;
	margin:0px;
}

h3{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	border-bottom:1px solid;
	padding:0 0 2px 0;
	margin:0px;
}

#bloc_actu h1{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	border-bottom:1px solid;
	padding:0 0 2px 0;
	margin:0px;
}

h4{
	font-size:17px;
	text-align:center;
	padding:0px;
	margin:0px;
}

#bas #bloc p.bouton_titre{
	font-size:16px;
	margin:2px 0 0 0;
	padding:0 0 10px 43px;
	font-weight:bold;
	line-height:16px;
}

#bas #bloc p.bouton_titre a, #bas #bloc p.bouton_titre a:hover{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	padding:0 0 2px 0;
	margin:0px;
	text-decoration:none;
}

#bas #bloc p.bouton_titre a.vert, #bas #bloc p.bouton_titre a.rouge, #bas #bloc p.bouton_titre a.bleu, #bas #bloc p.bouton_titre a.bleu_fonce{
	font-size:14px;
	color:#535353;
	text-decoration:none;
}

#bas #bloc p.bouton_titre a:hover.vert{
	font-size:14px;
	color:#BBC405;
	text-decoration:none;
}

#bas #bloc p.bouton_titre a:hover.rouge{
	font-size:14px;
	color:#E2001A;
	text-decoration:none;
}

#bas #bloc p.bouton_titre a:hover.bleu{
	font-size:14px;
	color:#37add9;
	text-decoration:none;
}

#bas #bloc p.bouton_titre a:hover.bleu_fonce{
	font-size:14px;
	color:#012C51;
	text-decoration:none;
}

#bloc_actu h2{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	border-bottom:1px solid;
	padding:0 0 2px 0;
	margin:0px;
}

.txt_normal{
	display:inline;
	font-size:12px;
	padding:0px;
	margin:0px;
}

p.inline{
	display:inline;
}

h2 a, h2 a:hover{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	padding:0 0 2px 0;
	margin:0px;
	text-decoration:none;
}

.vert{
	color:#BBC405;
	border-bottom-color:#BBC405;
}

.rouge{
	color:#E2001A;
	border-bottom-color:#E2001A;
}

.bleu{
	color:#37add9;
	border-bottom-color:#37add9;
}

.bleu_fonce{
	color:#012C51;
	border-bottom-color:#012C51;
}

.marine{
	color:#02385e;
	border-bottom-color:#02385e;	
}

.txt_pt{
	font-size:11px;	
}

a{
	font-size:12px;
	color:#535353;
	text-decoration:underline;
}

a:hover{
	font-size:12px;
	color:#535353;
	text-decoration:none;
}

h2 a.vert, h2 a.rouge, h2 a.bleu, h2 a.bleu_fonce{
	font-size:14px;
	color:#535353;
	text-decoration:none;
}

h2 a:hover.vert{
	font-size:14px;
	color:#BBC405;
	text-decoration:none;
}

h2 a:hover.rouge{
	font-size:14px;
	color:#E2001A;
	text-decoration:none;
}

h2 a:hover.bleu{
	font-size:14px;
	color:#37add9;
	text-decoration:none;
}

h2 a:hover.bleu_fonce{
	font-size:14px;
	color:#37add9;
	text-decoration:none;
}

h3 a, h3 a:hover{
	font-size:16px;
	display:block;
	width:100%;
	line-height:16px;
	padding:0 0 2px 0;
	margin:0px;
	text-decoration:none;
}

a.titre_accueil_vert{
	text-decoration:none;
}

a.titre_accueil_rouge{
	text-decoration:none;
}

a.titre_accueil_bleu{
	text-decoration:none;
}

a.titre_accueil_bleu_fonce{
	text-decoration:none;
}

a:hover.titre_accueil_vert {
	color:#BBC405;
}

a:hover.titre_accueil_bleu {
	color:#37add9;
}

a:hover.titre_accueil_rouge {
	color:#E2001A;
}

a:hover.titre_accueil_bleu_fonce {
	color:#012C51;
}

.bold{
	font-weight:bold;
	text-align:justify;
}

#conteneur{
	width:1000px;
	padding:0px;
	margin:0 auto 0 auto;
}

#conteneur #ombre_gauche{
	float:left;
	width:10px;
	height:170px;
	background:url(header/ombre_headerG.gif) repeat-y;
	padding:0px;
	margin:0px;
}

#conteneur #ombre_droite{
	float:left;
	width:10px;
	height:170px;
	background:url(header/ombre_headerD.gif) repeat-y;
	padding:0px;
	margin:0px;
}

#conteneur #page{
	float:left;
	width:980px;
	padding:0px;
	margin:0px;
	top:0px;
}

#conteneur #header{
	float:left;
	width:980px;
	padding:0px;
	margin:0px;
	background:url(header/fd_header.jpg) no-repeat left top;
}

#header #entete{
	float:left;
	width:646px;
	border:0 1px 0 0  #000;
}

#header #flash{
	float:left;
	width:332px;
	border:0 0 0 1px  #000;
}

/*Menu*/

#header #menu{
	float:left;
	width:898px;
	_width:918px;
	height:26px;
	border:0 1px 0 1px  #000;
	padding:0px;
	margin:0px;
	_margin:0 0 0 -25px;
}

#menu ul{
	float:left;
	height:26px;
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu ul li{
	float:left;
	height:26px;
	list-style:none;
	margin:2px 20px 0 20px;
	margin:4px 20px 0 20px !ie;
	padding:0px;
}

#menu ul li a{
	color:#FFF;
	height:26px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a:hover.menu{
	color:#96a8b7;
	height:26px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a.menu_select{
	color:#96a8b7;
	height:26px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a:hover.menu1{
	color:#bcc405;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a.menu1_select{
	color:#bcc405;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a:hover.menu2{
	color:#e2001a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a.menu2_select{
	color:#e2001a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a:hover.menu3{
	color:#37add9;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#menu ul li a.menu3_select{
	color:#37add9;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#drapeau{
	float:left;
	width:80px;
	_width:63px;
	padding:0px;
	margin:2px 0 0 0;
	margin:5px 0 0 0 !ie;
	text-align:right;
}


/*Sous-menu*/

/*Activités outdoor*/
#conteneur_sous_menu1{
	display:none;
	position:absolute;
	width:100%;
	height:19px;
	background:url(header/spacer_gris.gif) repeat-x #bcc405;
	margin:0px;
	padding:0px;
	top:196px;
	left:0px;
}

#conteneur_sous_menu1 #sous_menu1{
	width:980px;
	padding:0px;
	margin:3px auto 0 auto;
}

#sous_menu1 ul{
	float:left;
	height:16px;
	padding:0px;
	margin:0px;
	_margin:0 0 0 -20px;
	list-style:none;
}

#sous_menu1 ul li{
	float:left;
	display:block;
	list-style:none;
	margin:0 15px 0 15px;
	padding:0px;
}

#sous_menu1 ul li a{
	color:#000;
	padding:0 10px 0 10px;
	margin:0px;
	background-color:#bcc405;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu1 ul li a:hover{
	color:#bcc405;
	padding:0 10px 0 10px;
	margin:0px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu1 ul li a.sous_menu1_select{
	color:#bcc405;
	padding:0 10px 0 10px;
	margin:0px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

/*Sécurité industrielle*/
#conteneur_sous_menu2{
	display:none;
	position:absolute;
	width:100%;
	height:19px;
	background:url(header/spacer_gris.gif) repeat-x #e2001a;
	padding:0px;
	margin:0px;
	top:196px;
	left:0px;
}

#conteneur_sous_menu2 #sous_menu2{
	width:980px;
	padding:0px;
	margin:3px auto 0 auto;
}

#sous_menu2 ul{
	float:left;
	height:16px;
	padding:0px;
	margin:0 0 0 162px;
	_margin:0 0 0 70px;
	list-style:none;
}

#sous_menu2 ul li{
	float:left;
	display:block;
	list-style:none;
	margin:0 15px 0 15px;
	padding:0px;
}

#sous_menu2 ul li a{
	color:#fff;
	padding:0 10px 0 10px;
	background-color:#e2001a;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu2 ul li a:hover{
	color:#e2001a;
	padding:0 10px 0 10px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu2 ul li a.sous_menu2_select{
	color:#e2001a;
	padding:0 10px 0 10px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

/*Aménagements touristiques*/
#conteneur_sous_menu3{
	display:none;
	position:absolute;
	width:100%;
	height:19px;
	background:url(header/spacer_gris.gif) repeat-x #37add9;
	padding:0px;
	margin:0px;
	top:196px;
	left:0px;
}

#conteneur_sous_menu3 #sous_menu3{
	width:980px;
	padding:0px;
	margin:3px auto 0 auto;
}

#sous_menu3 ul{
	float:left;
	height:16px;
	margin:0 0 0 320px;
	margin:0 0 0 360px !ie;
	_margin:0 0 0 170px;
	list-style:none;
}

#sous_menu3 ul li{
	float:left;
	display:block;
	list-style:none;
	margin:0 15px 0 15px;
	padding:0px;
}

#sous_menu3 ul li a{
	color:#000;
	padding:0 10px 0 10px;
	background-color:#37add9;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu3 ul li a:hover{
	color:#37add9;
	padding:0 10px 0 10px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#sous_menu3 ul li a.sous_menu3_select{
	color:#37add9;
	padding:0 10px 0 10px;
	background-color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

/*contenu*/

#page #contenu{
	float:left;
	/*width:994px;*/
	width:980px;
	padding:0px;
	margin:0 0 10px 0;
}

#contenu #gauche{
	float:left;
	width:646px;
	padding:20px 0 0 0;
	margin:20px 30px 0 10px;
	_margin:20px 20px 0 10px;
}

#contenu #droit{
	float:left;
	width:294px;
	padding:0px;
	margin:20px 0 0 0;
}

#contenu #bas{
	float:left;
	width:980px;
	padding:0px;
	margin:20px 0 0 0;
}

#bas #bloc{
	float:left;
	width:292px;
	padding:0px;
	margin:10px 52px 20px 0;	
}

#bas p{
	text-align:justify;	
}

.bloc_outdoor{
	background:url(fd_t_outdoor.gif) no-repeat top left;
}

.bloc_industrie{
	background:url(fd_t_industrie.gif) no-repeat top left;
}

.bloc_tourisme{
	background:url(fd_t_tourisme.gif) no-repeat top left;
}

#bloc p{
	text-align:justify;
	margin:0;
	padding:10px 0 0 0;
}

#gauche #bloc_client{
	float:left;
	width:640px;
	padding:0px;
	margin:30px 0 10px 0;
}

#gauche p{
	text-align:justify;	
}

#bloc_client h2{
	font-size:16px;
	line-height:16px;
	margin:10px 0 30px 0;
	padding:0 0 0 43px;
}

#bloc_actu img{
	padding:0px;
	margin:0 5px 5px 0;
}

#bloc_client ul li{
	list-style:outside disc;
	padding:0 0 3px 0;
	margin:0 0 0 -20px;;
}

#bloc_client p{
	text-align:justify;	
	padding:0px;
	margin:5px 0 0 0;
}

#bloc_actu{
	float:left;
	width:640px;
	padding:0px;
	margin:0 0 20px 0;
}

#acces_rapide.realisations{
	display:block;
	position:absolute;
	width:150px;
	margin:88px 0 0 775px;
	margin:88px 0 0 300px !ie;
	_margin:-42px 0 0 300px;
	padding:0px;
}

#acces_rapide{
	float:left;
	width:290px;
	padding:0px;
	margin:40px 0 0 0;
}

#acces_rapide ul{
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
}

#acces_rapide ul li.outdoor{
	background:url(puce_outdoor.gif) no-repeat left top;
	list-style:none;
	padding:0 0 0 20px;
	margin:0px;
}

#acces_rapide ul li.outdoor a{
	text-decoration:none;
	color:#535353;
}

#acces_rapide ul li.outdoor a:hover{
	text-decoration:none;
	color:#bcc405;
}

#acces_rapide ul li.industrie{
	background:url(puce_industrie.gif) no-repeat left top;
	list-style:none;
	padding:0 0 0 20px;
	margin:0px;
}

#acces_rapide ul li.industrie a{
	text-decoration:none;
	color:#535353;
}

#acces_rapide ul li.industrie a:hover{
	text-decoration:none;
	color:#e2001a;
}

#acces_rapide ul li.tourisme{
	background:url(puce_tourisme.gif) no-repeat left top;
	list-style:none;
	padding:0 0 0 20px;
	margin:0px;
}

#acces_rapide ul li.tourisme a{
	text-decoration:none;
	color:#535353;
}

#acces_rapide ul li.tourisme a:hover{
	text-decoration:none;
	color:#37add9;
}

#acces_rapide ul li.general{
	background:url(puce_general.gif) no-repeat left top;
	list-style:none;
	padding:0 0 0 20px;
	margin:0px;
}

#acces_rapide ul li.general a{
	text-decoration:none;
	color:#535353;
}

#acces_rapide ul li.general a:hover{
	text-decoration:none;
	color:#02385e;
}

/*Formulaire*/

input, select, textarea{
	width:90%;
	border:1px solid #535353;
	background-color:#FFF;
	font-size:11px;
	line-height:14px;
	color:#535353;
	padding:2px 0 2px 5px;
}

input.b_envoyer{
	width:156px;
	height:30px;
	background:url(b_envoyer.gif) no-repeat top left;
	font-size:13px;
	color:#535353;
	font-weight:bold;
	border:none;
	cursor:pointer;
	margin:0px;
	padding-left:20px;
}


input.b_envoyer_on{
	width:156px;
	height:30px;
	background:url(b_envoyer.gif) no-repeat top left;
	font-size:13px;
	color:#02385e;
	font-weight:bold;
	border:none;
	cursor:pointer;
	margin:0px;
	padding-left:20px;
}

/*pied page*/

.conteneur_footer{
	float:left;
	width:980px;
	padding:0px;
	margin:0px;
}

.footer{
	float:left;
	width:900px;
	padding:0px;
	margin:20px 0 5px 0;
	margin:50px 0 5px 0 !ie;
	text-align:center;
}

.footer p{
	font-size:11px;
}

.footer a{
	font-size:11px;
	color:#535353;
	text-decoration:none;
}

.footer a:hover{
	font-size:11px;
	color:#535353;
	text-decoration:underline;
}

.footer a.lien{
	font-size:12px;
	color:#535353;
	text-decoration:underline;
}

.footer a:hover.lien{
	font-size:12px;
	color:#535353;
	text-decoration:none;
}

/*SLIDER HOME*/

#SlideItMoo_outer {  
	width:660px; 
	_width:630px; 
	background:#EFEFF3 ; 
	display:block; 
	position:relative; 
	padding:0 10px 0 0;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:170px; 
	bottom:10px; 
	right:10px;
	_right:-10px;
	background:url(/charte/flecheD.gif) no-repeat center; 
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:0px; 
	_left:-20px; 
	background:url(/charte/flecheG.gif) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:630px ; /* set a display width to make the slider look good in case js is disabled */
	width:600px ;
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 5px 0px 0px; 
	font-size:11px; 
	width:305px;
	text-align:center; 
	color:#FFFFFF;
}

/*#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:2px; }
#SlideItMoo_items a img{ border:none; }*/

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 500px;
	width: 700px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 500px;
	margin: 0 auto;
	width: 700px;
	top:20px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	position: relative;
	float:left;
	background-image:url(/charte/legende2.png);
	background-position:center top;
	background-repeat:no-repeat;
	width: 994px;
	height:33px;
	color: #FFF;
	padding-top:7px;
	font: normal 12px/22px Arial, sans-serif;
	z-index: 10000;
	margin:39px 0 0 -140px;
	text-indent: 10px;
	/*left:-140px;*/
	_position: absolute;
	_left:0;
	_top:500px;
}
.slideshow-captions-hidden {
	height: 33px;
	opacity: 1;
}
.slideshow-captions-visible {
	height: 33px;
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: #000;
	height: 40px;
	width: 40px;
	margin:0px;
	overflow: hidden;
	position: absolute;
	right:-82px;
	top:0px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 1;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause4.gif);
	left: 0px;
	top: 0px;
	width: 80px;
	background-position: 40px -40px;
}
.slideshow-controller li.pause a.active {
	background-position: 40px 0px;
}
.slideshow-controller li.play a {
	background-position: 0px -40px;
}
.slideshow-controller li.play a.active {
	background-position: 0px 0px;
}
.slideshow-controller li {
	list-style: none;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	left: 340px;
	position: absolute;
	top: 240px;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 10px 2px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 2px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FFF !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #FFF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #000;
	opacity: 0.8;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}


#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}