body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, table, th, td, button {
  margin:0px;
  padding:0px;
}
a:focus { 
  outline: none;
}
body {
  background: #ffffff;
  text-align: center;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 12px;
}

#special
{
  display: none;
}

#page {
  height: 672px;
  width: 990px;
  background: #ffffff;
  margin: 0 auto;
  text-align: left;
  padding-left:20px;
}

h1 {
  height: 56px;
}

h1 a {
  display: block;
  height: 56px;
  width: 400px;
  font-size: 0;
  text-indent: -9999px;
  background: url('img/logo-off.gif') bottom left no-repeat;
}

h1 a:hover {
  background: url('img/logo-on.gif') bottom left no-repeat;
}

/* Contact */

.frmerror {
  font-size: 12px;
  color: #666;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
}

ul.frmerror {
  display: block;
}

ul.frmerror li {
  display: inline;
  background: url('img/puce.gif') left no-repeat;
  padding-left: 7px;
}

div#contact-content .frmerror, div#contact-content div#half-right {
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
}

div#contact-content {
  padding-top: 107px;
}

div#half-left {
  float: left;
  width: 495px;
  margin-right: 20px;
}

div#half-right {
  float: left;
  width: 475px;
}

h2#title-contact {
  margin-bottom: 20px;
  background: url('img/title-contact.gif') no-repeat;
  width: 53px;
  height: 18px;
}

h2#title-news {
  margin-bottom: 20px;
  background: url('img/title-news.gif') no-repeat;
  width: 36px;
  height: 18px;
}

h2#title-biography, h2#title-dearest-friends, h2#title-exhibitions {
  margin-bottom: 20px;
  height: 20px;
  text-indent: -9999px;
  font-size: 0;
}

h2#title-biography {
  background: url('img/title-biography.gif') no-repeat;
  width: 93px;
}

h2#title-dearest-friends {
  background: url('img/title-dearest-friends.gif') no-repeat;
  width: 170px;
}

h2#title-exhibitions {
  background: url('img/title-exhibitions.gif') no-repeat;
  width: 97px;
  margin-top: 20px;
}

#left-part {
  float: left;
  width: 460px;
  padding-right: 30px;
}

#right-part {
  float: left;
  width: 470px;
  padding-left: 20px;
}

#left-part, #right-part {
  padding-top: 33px;
}

#left-part p, #right-part p {
  padding: 5px 0;
  text-align: justify;
}

p#message-my-folder
{
  position: absolute;
  top: 110px;
  font-size: 12px;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  color: #666;
}

h2#title-my-folder
{
  position: relative;
  top: 33px;
  margin-bottom: 5px;
  background: url('img/title-my-folder.gif') no-repeat;
  width: 104px;
  height: 24px;
}

h2#title-contact, h2#title-news, h2#title-my-folder, #text-send-news,
label#frmemail-label, label#frmsubscribe-label,
label#frmunsubscribe-label {
  font-size: 0;
  text-indent: -9999px;
}

#text-send-news {
  margin-bottom: 15px;
  background: url('img/field-send-news.gif') no-repeat;
  width: 115px;
  height: 11px;
}

label#frmemail-label {
  display: block;
  background: url('img/field-email.gif') no-repeat;
  width: 94px;
  height: 20px;
}

label#frmsubscribe-label {
  display: block;
  float: left;

  background: url('img/subscribe.gif') no-repeat;
  width: 54px;
  height: 11px;
}

label#frmunsubscribe-label {
  display: block;
  float: left;
  background: url('img/unsubscribe.gif') no-repeat;
  width: 68px;
  height: 11px;
}

#contact-content div#radiolist {
  margin-top: 10px;
  height: 11px;
}

#contact-content form input#frmemail {
  border: 1px solid #ccc;
  background: white;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0 4px;
  padding-top: 5px;
  width: 191px;
  height: 18px;
  color: #6a6a6a;
}

#contact-content form input#frmsubmit {
  position: relative;
  left: 5px;
  top: -4px !important;
  top: 0px;
  border: 0;
  text-indent: -9999px;
  text-align: left;
  padding-left: 1px;
  color: #fff;
  font-size: 0px;
  height: 25px;
  width:25px;
  background: url('img/bouton-ok-off.gif') no-repeat;
}

#contact-content form input#frmsubmit:hover {
  background: url('img/bouton-ok-on.gif') no-repeat;
}


#contact-content #news-content {
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #ccc;
}

#contact-content #news-content a {
  color: #6a6a6a;
}

.radio {
  float: left;
  width: 75px;
}

/* Custom checkbox */
.checkbox, .radio {
  height: 11px;
  padding: 0 0 0 15px;
  cursor: default;
}

.checkbox input, .radio input {
  display: none;
}

.checkbox {
  background: url("img/checkbox.gif") no-repeat 0 0;
}

.radio {
  background: url("img/radio.gif") no-repeat 0 0;
}

.selected {
  background-position: 0 -11px;
}

/* My folder */
h3#please {
  background: url('img/please.gif') no-repeat;
  width: 56px;
  height: 15px;
  font-size: 0;
  text-indent: -9999px;
  padding-bottom: 10px;
}

#content-myfolder div#half-left form {
  margin-left: 140px;
  width: 200px;
}

#content-myfolder div#half-right form {
  margin-left: 0px;
}

#content-myfolder div#half-left form, #content-myfolder div#half-right form {
  margin-top: 90px;
}

#content-myfolder div#half-left form.error, #content-myfolder div#half-right form.error {
  margin-top: 50px;
}


form fieldset, form fieldset {
  border: 0;
}

div#half-left h2#text-create-folder {
  background: url("img/title-create-folder.gif") no-repeat;
  width: 158px;
  height: 20px;
}

h2#text-modify-folder {
  background: url("img/title-folder-informations.gif") no-repeat;
  width: 153px;
  height: 20px;
}

div#half-right h2#text-ihave-folder {
  background: url("img/title-have-folder.gif") no-repeat;
  width: 122px;
  height: 20px;
}

#frmfoldername-label {
  display: block;
  background: url("img/field-name.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmfoldersurname-label {
  display: block;
  background: url("img/field-surname.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmfoldercompany-label {
  display: block;
  background: url("img/field-company.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmfolderemail-label, #frmloginemail-label {
  display: block;
  background: url("img/field-email.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmfolderpassword-label, #frmloginpassword-label {
  display: block;
  background: url("img/field-password.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmfolderphone-label {
  display: block;
  background: url("img/field-telephone.gif") no-repeat;
  width: 94px;
  height: 20px;
}

#frmsendnews-label {
  display: block;
  background: url("img/field-send-news.gif") no-repeat;
  width: 115px;
  height: 11px;
}

div#half-left h2#text-create-folder, div#half-right h2#text-ihave-folder,
#frmfoldername-label, #frmfoldersurname-label, #frmfoldercompany-label,
#frmfolderemail-label, #frmloginemail-label, #frmfolderpassword-label,
#frmloginpassword-label, #frmfolderphone-label,
#frmsendnews-label, h2#text-modify-folder {
  font-size: 0;
  text-indent: -9999px;
}

#frmloginsubmit {
  margin-top: 10px;
  margin-bottom: 4px;
}

#frmfoldersubmit, #frmloginsubmit {
  display: block;
  border: 0;
  text-indent: -9999px;
  font-size: 0;
  height: 25px;
  width:200px;
  text-align: left;
  color: #ccc;
  background: url('img/ok-off.gif') no-repeat;
}

#frmfoldersubmit:hover, #frmloginsubmit:hover {
  background: url('img/ok-on.gif') no-repeat;
}

div#half-left form input#frmfoldername, div#half-left form input#frmfoldersurname,
div#half-left form input#frmfoldercompany, div#half-left form input#frmfolderemail,
div#half-right form input#frmloginemail, div#half-right form input#frmloginpassword,
div#half-left form input#frmfolderpassword, div#half-left form input#frmfolderphone {
  border: 1px solid #ccc;
  background: white;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0 4px;
  padding-top: 5px;
  width: 191px;
  height: 18px;
  color: #6a6a6a;
}

div#half-left form .checkbox {
  margin: 10px 0;
}

div#half-right form a {
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #6a6a6a;
}

#frmmodifyfolder
{
  width: 200px;
  margin: 0 auto;
  padding-top: 90px;
}

#frmmodifyfolder input#frmfoldername, #frmmodifyfolder  input#frmfoldersurname,
#frmmodifyfolder  input#frmfoldercompany, #frmmodifyfolder  input#frmfolderemail,
#frmmodifyfolder  input#frmloginemail, #frmmodifyfolder  input#frmloginpassword,
#frmmodifyfolder  input#frmfolderpassword, #frmmodifyfolder  input#frmfolderphone {
  border: 1px solid #ccc;
  background: white;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 0 4px;
  padding-top: 5px;
  width: 191px;
  height: 18px;
  color: #6a6a6a;
}

#frmmodifyfolder .checkbox {
  margin: 10px 0;
}

/* Navigation */
#nav {
  height: 25px;
  margin-top: 10px;
  list-style: none;
}

#nav li{
  float: left;
}

#nav li a, #nav li a img {
  border: 0;
}

#subnav {
  height: 11px;
  list-style: none;
  margin-bottom: 10px;
}

#subnav li {
  display: block;
  float: left;
  height: 11px;
  margin-right: 6px;
  margin-top: -4px !important;
  margin-top: 0px;
}

#subnav li a, #subnav li a img {
  border: 0;
}

#nav-latest-shots {

}

#nav-videos {
  margin-left: 20px;
}

#nav-news {
  margin-left: 20px;
}

#nav-themes {
  margin-left: 20px;
}

#nav-fashion {
  margin-left: 20px;
}

#nav-lifestyle {
  margin-left: 20px;
}

#nav-portraits {
  margin-left: 20px;
}

#nav-personnal {
  margin-left: 20px;
}

#nav-commissions {
  margin-left: 20px;
}

#subnav.sub-latest-shots {
  width: 130px;
}

#subnav.sub-themes {
  width: 88px;
  margin-left: 95px;
}

#subnav.sub-fashion {
  width: 80px;
  margin-left: 200px;
}

#subnav.sub-lifestyle {
  width: 85px;
  margin-left: 298px;
}

#subnav.sub-portraits {
  width: 95px;
  margin-left: 400px;
}

#subnav.sub-personnal {
  width: 115px;
  margin-left: 437px;
}

#subnav.sub-commissions {
  width: 153px;
  margin-left: 513px;
}

#my-folder-nav {
  position: relative;
  top: 30px;
  list-style: none;
  display: block;
  margin-top: 7px;
}

#my-folder-nav li {
  list-style: none;
  display: block;
  float: left;
  margin-right: 6px;
}

a.sub-link1, a.sub-link2, a.sub-link3, a.sub-link4 {
  display: block;
  height: 11px;
  width: 11px;
  font-size: 0;
  text-indent: -9999px;
}

a.sub-link1 {
  background: url(img/page1-off.gif);
}

a.sub-link1:hover, li.active a.sub-link1 {
  background: url(img/page1-on.gif);
}

a.sub-link2 {
  background: url(img/page2-off.gif);
}

a.sub-link2:hover, li.active a.sub-link2 {
  background: url(img/page2-on.gif);
}

a.sub-link3 {
  background: url(img/page3-off.gif);
}

a.sub-link3:hover, li.active a.sub-link3 {
  background: url(img/page3-on.gif);
}

a.sub-link4 {
  background: url(img/page4-off.gif);
}

a.sub-link4:hover, li.active a.sub-link4 {
  background: url(img/page4-on.gif);
}


/* Content */
#content {
  /* background: #ccc; */
  height: 520px;
}

#content .theme {
  list-style: none;
  height: 70px;
  margin-bottom: 5px;
  padding-top: 11px;
}

#content ul.theme .firsttheme {
  opacity: .5;
  filter: alpha(opacity=50);
}

#content ul.theme:hover .firsttheme {
  opacity: 1;
  filter: alpha(opacity=100);
}

#content ul.theme .preload img {
  /* visibility: hidden; */
}

#content ul.theme:hover .preload img {
  visibility: visible;
}

#content .theme li {
  float: left;
  margin-right: 11px;
}

#content .theme li a, #content .theme li a img {
  border: 0;
  height: 70px;
  width: 70px;
}

.spacer-top
{
  margin-top: 19px;
}


/* Show theme */
ul#show-actions {
  list-style: none;
  padding-top: 52px;
  width: 180px;
  float: left;
}

ul#show-actions li {
  display: block;
  margin-left: 27px;
  margin-bottom: 30px;
}

ul#show-actions li.adjacent-blank {
  height: 92px;
  width: 94px;
}

ul#show-actions li a.add-picture, ul#show-actions li a.remove-picture,
ul#show-actions li a.previous, ul#show-actions li a.next {
  display: block;
  text-indent: -9999px;
  font-size: 0;
}

ul#show-actions li a.add-picture {
  height: 58px;
  width: 94px;
  background: url('img/add-picture-off.gif');
}

ul#show-actions li a.add-picture:hover {
  background: url('img/add-picture-on.gif');
}

ul#show-actions li a.remove-picture {
  height: 58px;
  width: 94px;
  background: url('img/remove-picture-off.gif');
}

ul#show-actions li a.remove-picture:hover {
  background: url('img/remove-picture-on.gif');
}

ul#show-actions li a.previous {
  height: 92px;
  width: 94px;
  background: url('img/previous-off.gif');
}

ul#show-actions li a.previous:hover {
  background: url('img/previous-on.gif');
}

ul#show-actions li a.next {
  height: 92px;
  width: 94px;
  background: url('img/next-off.gif');
}

ul#show-actions li a.next:hover {
  background: url('img/next-on.gif');
}

#displaypicture {
  float: left;
}

#displaypicture p {
  color: #ccc;
  overflow: hidden;
  height: 12px;
  line-height: 12px;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
}

/* My folder */
h3#myfolder-username {
  position: relative;
  top: 30px;
  color: #e6e6e6;
  font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 11px;
  font-size: 11px;
}

#myfolder-actions {
  clear: both;
  display: block;
  margin-top: 375px;
}

#myfolder-actions, #myfolder-actions li {
  list-style: none;
}

#myfolder-actions li {
  margin-bottom: 3px;
  display: block;
}

#myfolder-actions li a {
  display: block;
  text-indent: -9999px;
  font-size: 0;
}


#myfolder-actions #remove-button {
  position: absolute;
  top: 506px !important;
  top: 527px;
  width: 180px;
  height: 15px;
  background: url('img/remove-photos-off.gif') no-repeat;
  cursor: pointer;
  font-size: 0;
  text-indent: -9999px;
  font-size: 0px;
  border: 0px;
  padding: 0;
}


#myfolder-actions #remove-button:hover {
  background: url('img/remove-photos-on.gif') no-repeat;
}

#myfolder-actions #modify a {
  width: 218px;
  height: 15px;
  background: url('img/modify-informations-off.gif') no-repeat;
}

#myfolder-actions #modify a:hover {
  background: url('img/modify-informations-on.gif') no-repeat;
}

#myfolder-actions #empty a {
  width: 123px;
  height: 15px;
  background: url('img/empty-folder-off.gif') no-repeat;
}

#myfolder-actions #empty a:hover {
  background: url('img/empty-folder-on.gif') no-repeat;
}

#myfolder-photos {
  list-style: none;
  height: 70px;
  width: 960px;
  margin-bottom: 5px;
  position: absolute;
  top: 215px;
}

#myfolder-photos li {
  float: left;
  list-style: none;
  margin-left: 10px;
  margin-bottom: 18px;
  text-align: center;
}

#myfolder-photos li a, #myfolder-photos li a img {
  display: block;
  border: none;
  height: 70px;
  width: 70px;
}

#myfolder-photos li input {
  display: block;
  margin: 5px 0 0 28px !important;
  margin: 5px 0 0 0;
}

/* Footer */
#footer {
  height: 39px;
  clear: both;
}

#footer ul#footer-link {
  position: relative;
  list-style: none;
  display: block;
  top: 11px;
}

#footer ul#footer-link li {
  float: left;
  margin-right: 15px;
}

#footer ul#footer-link li a, #footer ul#footer-link li a img {
  border: 0;
}

#footer ul#footer-link #footer-li-contact div {
  background: url('img/contact-off.gif') 0 0 no-repeat;
  width: 75px;
}

#footer ul#footer-link #footer-li-biography div {
  background: url('img/biography-off.gif') 0 0 no-repeat;
  width: 55px;
}

#footer ul#footer-link #footer-li-myfolder div {
  background: url('img/myfolder-off.gif') 0 0 no-repeat;
  width: 73px;
}

#footer a#old-site {
  float: right;
  background: url('img/signature-off.gif');
  font-size: 0;
  /*text-indent: -9999px;*/
  height: 39px;
  width: 310px;
  margin-right: 10px;
  border: 0;
}

#footer a#old-site:hover {
  background: url('img/signature-on.gif');
}

#image_signature
{
  border: 0;
}
/* news */
#news_listing {
  overflow-y: scroll; 
  overflow-x: hidden;
  height: 510px; 
  padding: 0 6px 0 6px; 
  width: 700px; 
  margin: auto; 
  border: 1px dashed #EAEAEA;
}
#news_listing h3 {
  margin: 8px 0 8px 0;
}
#news_listing h3 div {
  float: right;
  font-weight: normal;
  font-size: 11px;
  font-style:italic;
}
#news_listing img.miniature {
  float: right;
  width: 120px;
  height: 120px;
  margin: 0 0 6px 6px;
}
#news_listing .news_content {
  padding: 6px;
}
/* videos -- listing */
#videos_listing a, #videos_listing a img {
  border: 0;
}
#videos_listing .videos_footer {
  clear: both;
  font-size: 1px;
}
#videos_listing .flv_div {
  padding-left: 90px;
  background: url('/css/img/picto-360.gif') no-repeat;
  min-height: 82px;
}
#videos_listing .flv_div img {
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #EAEAEA;
  margin-right: 13px;
  margin-bottom: 6px;
}
#videos_listing .vimeo_div {
  margin-left: 2px;
  padding-left: 90px;
  background: url('/css/img/picto-play.gif') no-repeat;
  min-height: 100px;
}
#videos_listing .vimeo_div .vimeo_subdiv {
  width: 174px;
  height: 100px;
  background-color: black;
  float: left;
  margin-right: 15px;
  margin-bottom: 6px;
}
#videos_listing .vimeo_div img {
  width: 174px;
  height: 74px;
  margin-top: 13px;
}
#videos_listing div.separator_bar {
  font-size: 6px; 
  border-top: 1px dashed #DADADA; 
  clear: both;
}
/* videos -- affichage */
#videos_show h2 {
  font-size: 18px;
  text-align: center;
}
#videos_show #video_right_panel {
  width: 1000px; 
  height: 450px;
  margin: 8px 0 6px 6px;
}
#videos_show #video_date {
  text-align: right;
}
#videos_show #video_flash_elem {
  width: 661px; 
  height: 375px;
  margin-right: auto;
  margin-left: auto;
}
#videos_show #video_links_act {
  text-align: center;
}
#videos_show #enlarge_video, #videos_show #reduce_video {
  text-decoration: none; 
  color: #6C6C6C;
}
#videos_show #reduce_video {
  display: none;
}
#videos_show #enlarge_video:hover, #videos_show #reduce_video:hover {
  text-decoration: underline; 
  color: #5B5B5B;
}
#videos_show #video_back_list{
  display: block; 
  float: right; 
  margin-top: 38px; 
  width: 800px; 
  text-decoration: none; 
  color: #6C6C6C;
}
#videos_show #video_back_list:hover{
  text-decoration: underline; 
  color: #5B5B5B;
}
#videos_show .previous_t {
  height: 92px;
  width: 94px;
  display: block;
  float: left;
  text-decoration: none;
  background: url('img/previous-off.gif');
}
#videos_show .previous_t:hover {
  background: url('img/previous-on.gif');
}
#videos_show .next_t {
  height: 92px;
  width: 94px;
  display: block;
  float: left;
  text-decoration: none;
  background: url('img/next-off.gif');
}
#videos_show .next_t:hover {
  background: url('img/next-on.gif');
}
#videos_show #video_text {
  width: 700px;
  margin: 6px auto 0 auto; 
  text-align: center;
}
#videos_show .v_message {
  margin: auto;
  width: 250px;
  text-align: center;
}
#videos_show .v_error {
  color: red;
  font-weight: bold;
}