/* RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/* :focus {
	outline: 1px dotted #FFFFFF;
} */
body {
	line-height: 1;
	color: #FFFFFF;
	background: #000000;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET */

label, .bouton {
  cursor                : pointer;
}

.clear {
  clear                 : both;
}

em {
  font-size             : 0.9em;
}

strong {
  font-weight           : bolder;
}

body {
  background-color      : #000000;
  font-family           : 'Trebuchet MS', sans-serif;
}

#page {
  width                 : 953px;
  margin                : 0 auto;
}

#header {
  height                : 103px;
  border-bottom         : 1px solid #FFFFFF;
  position              : relative;
}

#logo {
  position              : absolute;
  top                   : 16px;
  left                  : 14px;
}

#lang_menu {
  position              : absolute;
  bottom                : 0;
  right                 : 0;
}

#lang_menu li {
  display               : inline;
}

#lang_menu li a, #lang_menu li a:link , #lang_menu li a:visited {
  color                 : #c8c8c8;
  text-decoration       : none;
  padding               : 0 8px;
  font-size             : 9px;
  line-height           : 19px;
  text-transform        : uppercase;
}

#lang_menu li a:hover, #lang_menu li a:active, #lang_menu li a:focus {
  text-decoration       : underline;
	outline               : none;
}

#footer {
  clear                 : both;
  height                : 26px;
  border-top            : 1px solid #FFFFFF;
  font-size             : 11px;
  line-height           : 26px;
  text-transform        : uppercase;
  text-align            : center;
}

#footer li, #footer ul, #footer address{
  display               : inline;
}

#footer a, #footer a:link, #footer a:visited {
  color                 : #FFFFFF;
  text-decoration       : none;
}

#footer a:hover, #footer a:active, #footer a:focus {
  text-decoration       : underline;
	outline               : none;
}

#menu {
  width                 : 160px;
  float                 : left;
  height                : 480px;
  margin-right          : 10px;
  padding-top           : 27px;
}

#menu .fr .menu-accueil {background-image:url(../images/le_boa_accueil.jpg);}
#menu .fr .menu-menu {background-image:url(../images/le_boa_menu.jpg);}
#menu .fr .menu-galerie {background-image:url(../images/le_boa_galerie.jpg);}
#menu .fr .menu-evenements {background-image:url(../images/le_boa_evenements.jpg);}
#menu .fr .menu-contact {background-image:url(../images/le_boa_contact.jpg);}
#menu .fr .menu-partenaires {background-image:url(../images/le_boa_partenaires.jpg);}
#menu .fr .menu-casting {background-image:url(../images/le_boa_casting.jpg);}

#menu .en .menu-accueil {background-image:url(../images/le_boa_home.jpg);}
#menu .en .menu-menu {background-image:url(../images/le_boa_menu.jpg);}
#menu .en .menu-galerie {background-image:url(../images/le_boa_photo_galery.jpg);}
#menu .en .menu-evenements {background-image:url(../images/le_boa_events.jpg);}
#menu .en .menu-contact {background-image:url(../images/le_boa_contact.jpg);}
#menu .en .menu-partenaires {background-image:url(../images/le_boa_partners.jpg);}
#menu .en .menu-casting {background-image:url(../images/le_boa_casting.jpg);}

#menu .ru .menu-accueil {background-image:url(../images/le_boa_home_ru.jpg);}
#menu .ru .menu-menu {background-image:url(../images/le_boa_menu_ru.jpg);}
#menu .ru .menu-galerie {background-image:url(../images/le_boa_photo_galery_ru.jpg);}
#menu .ru .menu-evenements {background-image:url(../images/le_boa_events_ru.jpg);}
#menu .ru .menu-contact {background-image:url(../images/le_boa_contact_ru.jpg);}
#menu .ru .menu-partenaires {background-image:url(../images/le_boa_partners_ru.jpg);}
#menu .ru .menu-casting {background-image:url(../images/le_boa_casting_ru.jpg);}

#menu a, #menu a:link, #menu a:visited {
  font-size             : 14px;
  color                 : #FFFFFF;
  text-decoration       : none;
  text-transform        : uppercase;
  padding-left          : 16px;
  display               : block;
  height                : 22px;
  line-height           : 22px;
  background-position   : 200px 0;
  background-repeat     : no-repeat;
}

#menu a:hover, #menu a:active, #menu a:focus, #menu a.active  {
	outline               : none;
  background-position   : 4px center;
  height                : 22px;
}
#menu a:focus  {
	outline               : 1px dotted #999999;
}
#menu a span {
	position              : absolute;
}
#menu a:hover span, #menu a:active span, #menu a:focus span, #menu a.active span  {
  left                  : -2000px;
  top                   : -2000px;
}
#menu ul li ul {
  margin-bottom         : 8px;
}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited {
  font-size             : 12px;
  padding-left          : 32px;
  height                : 14px;
  line-height           : 14px;
  text-transform        : lowercase;
}
#menu ul li ul li a:hover, #menu ul li ul li a:active, #menu ul li ul li a:focus, #menu ul li ul li a.active {
  color                 : #3B83FE;
}

#center {
}

.girl-bg {
  background            : url(../images/le_boa_background.jpg) no-repeat right bottom;
  height                : 480px;
}

.content {
  font-size             : 11px;
  text-align            : justify;
  float                 : left;
  padding-bottom        : 27px;
  width                 : 770px;
  padding-top           : 17px;
}

h1 {
	font-family           : Impact, sans-serif; 
  font-size             : 32px;
  text-transform        : uppercase;
  text-align            : right;
  margin-right          : 7px;
  padding-top           : 10px;
}

.content h2 {
	font-family           : Impact, sans-serif;
	font-style						:	normal;
	letter-spacing				:	1px;
	font-weight						: normal;
	font-size							:	14px;
  text-transform        : uppercase;
  margin                : 0.5em 0 0.2em;
}

.content h3 {
  font-size             : 18px; 
  font-family           : impact;
	font-weight						: normal;
}

.content p {
  margin-bottom         : 1em;
  line-height           : 1.3em;
}

.content ul li {
	padding-left					: 12px;
  line-height           : 1.4em;
}
.content ul {
	padding-bottom				:	7px;
	}
.first-col {
  width                 : 350px;
}
.second-col {
  width                 : 350px;
  margin-right          : 16px;
  float                 : right;
}

.message-info {
  margin                : 0 0 20px 0;
}

/* Blocs Rub. Contact */

.second-col-form {
  width                 : 550px;
  margin-right          : 16px;
  float                 : right;
	margin-top						:	20px;
}
.champ {
	background-color			:	#000000;
	border-color					:	#CCCCCC;
  border	              :	1px solid #CCCCCC;
	color									:	#FFFFFF;
  font-family           : 'Trebuchet MS', sans-serif;
	font-size							:	12px;
}
.bouton {
  border	              :	1px solid #CCCCCC;
	color									:	#FFFFFF;
  font-family           : 'Trebuchet MS', sans-serif;
	font-size							:	12px;
	background-color			:	#000000;
}
/* Blocs Rub. Menu */

.first-col3 {
  width                 : 200px;
}
.second-col3 {
  width                 : 170px;
  margin-left         	: 20px;
  float                 : left;
}
.third-col3 {
  width                 : 200px;
  float                 : left;
}

/* Blocs Rub. Partenaires */
.first-col-part {
  width                 : 111px;
	float                 : right;
	margin-left         	: 10px;
}
.second-col-part {
  width                 : 111px;
  margin-left         	: 10px;
  float                 : right;
}
.third-col-part {
  width                 : 111px;
  float                 : right;
	margin-left         	: 10px;
}
.fourth-col-part {
  width                 : 111px;
  float                 : right;
	margin-left         	: 10px;
}
a {
  color                 : #FFFFFF;
}
a:hover, a:focus, a:active {
  text-decoration       : none;
}
.galerie {
  position              : relative;
  height                : 480px;
}
.galerie  ul {
  width                 : 345px;
}
.galerie  ul li{
  list-style            : none;
  line-height           : 1em;
  float                 : left;
  margin-right          : 1px;
  width                 : 56px;
  height                : 57px;
	cursor                : pointer;
	background      			:	none;
	padding-left					: 0;
}

.galerie  ul li img {
  width                 : 54px;
  height                : 54px;
  border                : 1px solid #767676;
  opacity               : 0.4;
  filter                : alpha(opacity=20);
}

.galerie  ul li a img {
  width                 : 410px;
  height                : 380px;
  opacity               : 1;
  filter                : alpha(opacity=100);
}

.galerie  ul li a {
  outline               : none;
  position              : absolute;
  top                   : 0;
  right                 : 0;
  padding-top           : 17px;
  display               : none;
}

.image-active img {
  outline               : none !important;
  opacity               : 1 !important;
  filter                : alpha(opacity=100) !important;
}

.image-active a {
  display               : block !important;
}

.control {
  position              : absolute;
  top                   : 405px;
  right                 : 0;
}

.control div {
  position              : relative;
  width                 : 410px;
}

.control #preview {
  position              : absolute;
  left                  : 0;
  cursor                : pointer;
  padding               : 3px 50px 3px 3px;
}

.control #next {
  position              : absolute;
  right                 : 0;
  cursor                : pointer;
  padding               : 3px 3px 3px 50px;
}
.bg_menu {
  background            : url(../images/menu_background.jpg) no-repeat right bottom;
}
.bg_events {
  background            : url(../images/events_background.jpg) no-repeat right bottom;
}
.bg_casting {
  background            : url(../images/casting_background.jpg) no-repeat right bottom;
}
.bg_contact {
  background            : url(../images/bg_contact.gif) no-repeat right bottom;
}
.bg_contact_en {
  background            : url(../images/bg_contact_en.gif) no-repeat right bottom;
}

.bg_contact_ru {
  background            : url(../images/bg_contact_ru.gif) no-repeat right bottom;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}