/* stylesheet by SophieWeb - http://sophieweb.com - 2009 */

body {
	background-color:#333;
	color:#F3EFE5;
	font-family:Corbel, Trebuchet, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

/* page layout */
#header h1, #mainNav, #subNav, #contentWrap, #thumbnails, #photoDisplay {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:990px;
}
#thumbnails {
	width:994px;
}
/* html elements and reset */
h1, h2, h3, h4, h5, h6, form, p, ul, dl, dd, dt, button, input, fieldset, blockquote {
	margin:0;
	padding:0;
}
p, ul, dl, fieldset {
	line-height:1.3em;
}
fieldset {
	border:0 none;
}
img {
	border: 0 none;
}
a:link {
	color:#FFF;
	text-decoration:underline;
}
a:visited {
	color:#F3EFE5;
}
a:hover, a:active, a:focus {
	color:#FFDF7F;
	text-decoration:none;
}

/* page header */
#header {
	border-bottom:1px solid #505050;
	height:63px;
}
#home #header {
	height:89px;
}
#header h1 span {
	background:url("../images/main.gif") no-repeat 0 24px;
	display:block;
	height:64px;
	margin-bottom:-1px;
	overflow:hidden;
	text-indent:-3000px;
	width:850px;
}
.langEN #header h1 span {
	background-image:url("../images/mainEN.gif");
}
#home #header h1 span {
	background-position:0 50px;
	height:90px;
}

/* main menu */
#mainNav a#lang {
	background:url("../images/lang.gif") no-repeat 100% 0;
	font-size:.8em;
	line-height:30px;
	padding-right:35px;
	position:absolute;
	right:0;
	top:-19px;
	text-decoration:none;
}
.langEN #mainNav a#lang {
	background-position:100% -30px;
}
#mainNav {
	height:55px;
}
#home #mainNav {
	height:85px;
}
#mainNav ul {
	list-style-type:none;
	padding:20px 1px 0;
}
#home #mainNav ul {
	padding-top:50px;
}
#mainNav li {
	float:left;
	height:30px;
	width:247px;
}
#mainNav li a {
	background:url("../images/main.gif") no-repeat 0 -44px;
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-3000px;
	width:247px;
}
.langEN #mainNav li a {
	background-image:url("../images/mainEN.gif");
}
#mainNav li#main1Link a {
	background-position:-1px -44px;
}
#mainNav li#main2Link a {
	background-position:-249px -44px;
}
#mainNav li#main3Link a {
	background-position:-496px -44px;
}
#mainNav li#main4Link a {
	background-position:-745px -44px;
}
#mainNav li#main1Link a:hover, #mainNav li#main1Link a:focus {
	background-position:-1px -74px;
}
#mainNav li#main2Link a:hover, #mainNav li#main2Link a:focus {
	background-position:-249px -74px;
}
#mainNav li#main3Link a:hover, #mainNav li#main3Link a:focus {
	background-position:-496px -74px;
}
#mainNav li#main4Link a:hover, #mainNav li#main4Link a:focus {
	background-position:-745px -74px;
}
#mainNav li#main1Link a:active, .album1 #mainNav li#main1Link a, .album2 #mainNav li#main1Link a, .album3 #mainNav li#main1Link a, .album1 #mainNav li#main1Link a:hover, .album2 #mainNav li#main1Link a:hover, .album3 #mainNav li#main1Link a:hover {
	background-position:-1px -104px !important;
	cursor:default;
}
#mainNav li#main2Link a:active, .album4 #mainNav li#main2Link a, .album4 #mainNav li#main2Link a:hover {
	background-position:-249px -104px;
	cursor:default;
}
#mainNav li#main3Link a:active, .album5 #mainNav li#main3Link a, .album5 #mainNav li#main3Link a:hover {
	background-position:-496px -104px;
	cursor:default;
}
#mainNav li#main4Link a:active, #about li#main4Link a, #about li#main4Link a:hover {
	background-position:-745px -104px;
	cursor:default;
}

/* sub menu */
#subNav {
	height:55px;
}
.album4 #subNav, .album5 #subNav {
	display:none;
}
#subNav ul {
	list-style-type:none;
	padding:0 1px;
}
#subNav li {
	float:left;
	height:50px;
	width:165px;
}
#subNav li a {
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	height:50px;
	overflow:hidden;
	text-indent:-3000px;
	width:165px;
}
#about #subNav li a {
	background-image:url("../images/about.gif");
}
.album1 #subNav li a, .album2 #subNav li a, .album3 #subNav li a {
	background-image:url("../images/artVivre.gif");
}
#about .langEN #subNav li a {
	background-image:url("../images/aboutEN.gif");
}
.album1 .langEN #subNav li a, .album2 .langEN #subNav li a, .album3 .langEN #subNav li a {
	background-image:url("../images/artVivreEN.gif");
}
#subNav li#sub1Link a {
	background-position:0 0;
}
#subNav li#sub2Link a {
	background-position:-165px 0;
}
#subNav li#sub3Link a {
	background-position:-330px 0;
}
#subNav li#sub4Link a {
	background-position:-495px 0;
}
#subNav li#sub1Link a:hover, #subNav li#sub1Link a:focus {
	background-position:0 -50px;
}
#subNav li#sub2Link a:hover, #subNav li#sub2Link a:focus {
	background-position:-165px -50px;
}
#subNav li#sub3Link a:hover, #subNav li#sub3Link a:focus {
	background-position:-330px -50px;
}
#subNav li#sub4Link a:hover, #subNav li#sub4Link a:focus {
	background-position:-495px -50px;
}
#subNav li#sub1Link a:active, .bio li#sub1Link a, .album1 li#sub1Link a {
	background-position:0 -100px !important;
	cursor:default;
}
#subNav li#sub2Link a:active, .expos li#sub2Link a, .album2 li#sub2Link a {
	background-position:-165px -100px !important;
	cursor:default;
}
#subNav li#sub3Link a:active, .legal li#sub3Link a, .album3 li#sub3Link a {
	background-position:-330px -100px !important;
	cursor:default;
}
#subNav li#sub4Link a:active, .contact li#sub4Link a {
	background-position:-495px -100px !important;
	cursor:default;
}

/* page content */
#content {
	min-height:200px;
}
#content h2 {
	height:5px;
	overflow:hidden;
	text-indent:-3000px;
}
#content p {
	margin-bottom:.5em;
	text-align:justify;
}
#content dt {
	clear:left;
	float:left;
	padding-top:.5em;
	width:83px;
}
#content dd {
	margin-left:83px;
	padding-top:.5em;
}
/* home page */
#home #rightColumn {
	float:right;
	width:617px;
}
#home #rightColumn img {
	margin:20px 0;
}
#home #leftColumn {
	padding-top:40px;
	width:372px;
}
#home blockquote p {
	line-height:1.7em;
}
#home #invitationExpo {
	position:absolute;
	top:260px;
	text-align:center;
	width:310px;
}
#home #invitationExpo img {
	display:block;
}
#home h3 {
	border-top:1px solid #4B4B4B;
	font-size:1.2em;
	font-variant:small-caps;
	padding:2px 0;
}
#home h4 {
	font-size:1em;
}
#home #invitationExpo p {
	border-bottom:1px solid #4B4B4B;
	font-size:.85em;
	text-align:center;
}
#home #invitationExpo a {
	text-decoration:none;
}

/* page specific */
.contact #content p {
	margin-top:40px;
	text-align:center;
}
.bio #content img {
	float:right;
}
.bio #content dl {
	margin-left:82px;
	padding-top:40px;
	width:484px;
}
.legal #contentWrap {
	margin:40px 165px 10px;
	width:auto;
}
.expos #content #rightColumn {
	float:right;
	padding-top:30px;
	width:369px;
}
.expos #content #leftColumn {
	margin-left:82px;
	padding-top:20px;
	width:410px;
}
#content blockquote {
	font-size:.9em;
	margin:1em 1em 1em 0;
}
.expos #content blockquote {
	font-size:1em;
	margin:0 1em 2em 0;
}
#content blockquote p {
	line-height:1.4em;
}
.expos #content blockquote em {
	display:block;
	font-size:.9em;
	line-height:.5em;
	margin-bottom:2em;
}
.expos #content dl p {
	margin-top:.5em;
}
.formLabel, .formInput {
	display:block;
	margin-top:.2em;
}
.formInput input, .formInput textarea {
	background: url("../images/input.gif") no-repeat;
	border:1px solid #CCC;
	font-family:Helvetica, Calibri, Arial, sans-serif;
}
.hint {
}
#submit {
}
.error, #errors {
	color:#F00;
}
#footer {
	clear: both;
	font-size:.8em;
	padding-top: 40px;
}
#footer a:link {
}
#footer a:visited {
}
#footer a:hover, #footer a:active, #footer a:focus {
}
#footer p {
	text-align:center;
}