.topmenu #menuitems li.first {
  padding-left: 0px !important;
}

#branding {
  padding-right: 0 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  padding-left: 160px !important;
  padding-top: 5px !important;
}

#contact-area input[type=submit]:hover {
  background-color: #9DA38B !important;
  border-color: #444444 !important;
  color: #FFFFFF !important;
}

#controlsWrapperWrapper {
  top: auto !important;
  bottom: 0px !important;
}

#menu td {
  text-align: left !important;
}

#backbutton, #infobutton {
  font-size: 15px !important;
}

#contact-area {
  background-color: #782432 !important;
  border-radius: 2px !important;
  border-width: 2px !important;
  -moz-border-radius: 2px !important;
  margin-top: 50px !important;
  border-style: solid !important;
  border-color: #878787 !important;
  -webkit-border-radius: 2px !important;
  padding: 15px !important;
  color: inherit;
}

#gridA {
  padding-bottom: 80px !important;
  padding-top: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 6pt !important;
  padding-top: 12pt !important;
}

#controls .padded {
  padding-left: 10px !important;
}

.gridIB {
  height: 194px !important;
  width: 194px !important;
}

#contentCenterer {
  width: 780px !important;
}

#contentBox {
  background-color: #AAAAAA !important;
  padding-bottom: 30px !important;
  border-radius: 0px !important;
  padding-left: 30px !important;
  -moz-border-radius: 0px !important;
  border-style: solid !important;
  padding-right: 30px !important;
  padding-top: 30px !important;
  border-color: #2D2F40 !important;
  -webkit-border-radius: 0px !important;
  border-width: 3px !important;
  color: inherit;
}

#content {
  line-height: 135% !important;
  position: absolute !important;
  color: #FFFFFF !important;
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif !important;
  font-size: 12pt !important;
  background-color: inherit;
}

.leftmenu #menuitems li {
  padding-top: 2% !important;
}

#filmstrip {
  top: 30px !important;
  left: 0px !important;
  bottom: 30px !important;
}

#lbImage {
  border-width: 10px !important;
  border-color: #FFFFFF !important;
}

img.gridThumbnail {
  border-width: 1px !important;
  border-color: #000000 !important;
}

.albumBoxNormal {
  margin-right: 10px !important;
}

.topmenu #menu {
  height: 40px !important;
  border-width: 0px !important;
  width: 500px !important;
}

#grid {
  margin-left: 0 !important;
  padding-left: 2px !important;
  right: 0 !important;
  left: 0 !important;
  width: auto !important;
}

#filmstripBackground, #filmstripContainer {
  top: 59px !important;
  bottom: 25px !important;
  background-color: #2C2C2C !important;
  min-height: 200px !important;
  color: inherit;
}

.imageContainer img {
  border-color: #2B2B2B !important;
  border-width: 30px !important;
}

#albumIndex {
  padding-top: 50px !important;
  padding-left: 0.00 !important;
  width: 571px !important;
}

#content a {
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color: inherit;
}

#menupadding {
  padding-right: 0px !important;
  padding-bottom: 10px !important;
  padding-left: 15px !important;
  padding-top: 10px !important;
}

.albumThumb img {
  border-style: solid !important;
  border-width: 0px !important;
  border-color: #939393 !important;
}

.leftmenu #menu {
  height: auto !important;
  border-width: 0px !important;
  margin-left: 0.00 !important;
  width: 130px !important;
}

#brandingwrapper {
  position: absolute !important;
  text-align: left !important;
  width: 100% !important;
}

#controls a:hover {
  color: #FFFFFF !important;
  background-color: inherit;
}

.gridBar1, .gridBar2 {
}

.description {
  background-color: #2B2B2B !important;
  border-color: #000000 !important;
  bottom: 7px !important;
  color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 0px !important;
  font-size: 12px !important;
  right: 30px !important;
  padding: 0px !important;
  -moz-border-radius: 0px !important;
  max-width: 300px !important;
  left: 30px !important;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}

body {
  background-color: #292929 !important;
  color: inherit;
}

.leftmenu #menuitems li.first {
  padding-top: 0px !important;
}

#menuitems a:hover {
  color: #808080 !important;
  background-color: inherit;
}

.gridNumber {
  background-color: transparent !important;
  color: #000000 !important;
  opacity: 0.4 !important;
  left: 6px !important;
  font-size: 35px !important;
  top: 0px !important;
  filter: alpha(opacity=40) !important;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  line-height: 35px !important;
}

.badge {
  background-color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 1px !important;
  -moz-border-radius: 3px !important;
  border-color: #000000 !important;
  padding: 2px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  color: inherit;
}

.albumText a:hover {
  color: #000000 !important;
  background-color: inherit;
}

#contact-area input[type=submit] {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border-color: #878787 !important;
  width: auto !important;
}

#controls .current {
  color: #000000 !important;
  background-color: inherit;
}

.LV_invalid {
  color: #000000 !important;
  background-color: inherit;
}

#controls .next {
  padding-right: 30px !important;
}

#contact-area input, #contact-area textarea {
  background-color: #FFFFFF !important;
  border-color: #878787 !important;
  color: #000000 !important;
  border-style: solid !important;
  border-width: 2px !important;
  width: 406.15234375px !important;
}

.albumText *:first-child {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

#filmstripContainer {
  min-height: 200px !important;
}

.albumText a {
  color: #FFFFFF !important;
  background-color: inherit;
}

.description *:first-child {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.topmenu #menuitems li {
  padding-left: 2px !important;
}

#menuitems a, #menuitems li {
  color: #FFFFFF !important;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: none !important;
  font-size: 19px !important;
  background-color: inherit;
}

.albumBox {
  border-style: solid !important;
  margin-bottom: 10px !important;
  margin-left: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  padding: 12px !important;
  width: 547px !important;
  margin-top: 0px !important;
  height: 198px !important;
  border-color: #000000 !important;
  -webkit-border-radius: 0px !important;
  border-width: 0px !important;
}

.gridThumbnailContainer, .gridBar1, .gridBar2 {
}

.albumBoxRHS {
  margin-right: 0px !important;
}

.albumSetBox {
  background-color: #5F0532 !important;
  color: inherit;
}

#content a:hover {
  color: #1D6CD2 !important;
  background-color: inherit;
}

body {
  background-attachment: fixed !important;
  background-position: right top !important;
  background-repeat: no-repeat !important;
}

.badges {
  height: 26px !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.albumGalleryBox {
  background-color: #0A0A0A !important;
  color: inherit;
}

.gridThumbnailContainer {
  -moz-border-radius-bottomleft: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
}

.imageContainer {
  margin-right: 0px !important;
  top: -30px !important;
}

.gridBar2 {
  background-color: #B8BDAC !important;
  color: #000000 !important;
  margin-bottom: 0 !important;
  border-right-width: 0px !important;
  border-bottom-width: 0 !important;
  border-left-width: 0px !important;
  padding: 5px !important;
  width: 182px !important;
  margin-top: 0 !important;
  border-color: #000000 !important;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border-top-width: 0 !important;
  font-size: 13px !important;
}

.gridThumbnailContainer {
  background-color: #9DA38B !important;
  padding-bottom: 20px !important;
  border-right-width: 0px !important;
  padding-left: 20px !important;
  padding-top: 20px !important;
  border-bottom-width: 0px !important;
  border-top-width: 0px !important;
  padding-right: 20px !important;
  height: 152px !important;
  border-color: #000000 !important;
  border-left-width: 0px !important;
  width: 152px !important;
  color: inherit;
}

.albumThumb {
  text-align: center !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  float: left !important;
  padding-left: 0 !important;
  width: auto !important;
}

.gridThumbnailContainer {
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

#controls {
  line-height: 30px !important;
  color: #555555 !important;
  opacity: 0.8 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  border-color: #000000 !important;
  -webkit-border-radius: 0px !important;
  background-color: #333333 !important;
  border-style: solid !important;
  border-width: 1px !important;
  -moz-border-radius: 0px !important;
  filter: alpha(opacity=80) !important;
  height: 30px !important;
  font-family: "Comic Sans MS", cursive, sans-serif !important;
  border-radius: 0px !important;
  font-size: 15px !important;
}

p {
  padding-bottom: 6pt !important;
  padding-top: 0.00 !important;
}

.topmenu #content {
  top: 170px !important;
  padding-bottom: 80px !important;
  right: 80px !important;
  left: 80px !important;
}

.topmenu #menuwrapper {
  top: 50px !important;
  left: 0 !important;
  width: 100% !important;
}

.gridBar1 {
  background-color: #858B6E !important;
  color: #000000 !important;
  border-right-width: 0px !important;
  border-bottom-width: 0 !important;
  font-size: 13px !important;
  border-top-width: 0 !important;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  border-color: #000000 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 5px !important;
  border-left-width: 0px !important;
  width: 182px !important;
}

.albumText {
  line-height: 120% !important;
  top: auto !important;
  position: static !important;
  color: #FFFFFF !important;
  right: auto !important;
  left: auto !important;
  font-size: 12px !important;
  background-color: inherit;
}

#weakProtect {
  display: block !important;
}

#controls a, #controls a:visited {
  color: #AAAAAA !important;
  text-decoration: none !important;
  background-color: inherit;
}

.leftmenu #content {
  top: 80px !important;
  padding-bottom: 80px !important;
  right: 80px !important;
  left: 235px !important;
}

#contact-area input, #contact-area textarea, #contact-area label {
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif !important;
  font-size: 12pt !important;
}

#menu {
  background-color: #000000 !important;
  border-style: solid !important;
  -moz-border-radius: 0px !important;
  filter: alpha(opacity=100) !important;
  border-radius: 0px !important;
  border-color: #333333 !important;
  -webkit-border-radius: 0px !important;
  opacity: 1 !important;
  color: inherit;
}

#contact-area td {
  padding: 2px !important;
}

.leftmenu #menuwrapper {
  top: 25px !important;
  position: fixed !important;
  height: 100% !important;
  left: 25px !important;
  width: 130px !important;
}

#contact-area label {
  color: #FFFFFF !important;
  background-color: inherit;
}

.gridItem {
  margin: 0 2px 2px 0 !important;
  width: 192px !important;
}

#menu {
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Centrer le titre principal h1 */
#bio-content h1 {
    text-align: center;
    width: 100%;
}

/* Appliquer un padding pour l'espacement général du contenu */
#bio-content {
    /* Ajustez cette valeur selon vos préférences pour l'espacement des bords */
    padding-left: 80px; 
    padding-right: 80px;
    box-sizing: border-box;
}

/* Justifier le texte des paragraphes et des listes */
#bio-content p,
#bio-content ul,
#bio-content h2,
#bio-content h3 {
    text-align: justify; /* C'est la propriété clé pour justifier le texte */
    margin-left: 0; 
    margin-right: 0; /* Assurez-vous qu'il n'y a pas de marge droite indésirable */
}

#bio-content p {
    text-align: justify;
}

#bio-content ul {
    text-align: justify;
}

/* --- Élargissement de la zone de contenu pour les expositions --- */
.leftmenu #content {
  right: 40px !important; /* Laisse respirer la page sur la droite */
}

#contentCenterer {
  width: auto !important; /* Libère la largeur fixe de 780px */
  max-width: 1300px !important;
}

/* --- Affichage des expositions sur deux colonnes --- */
@media (min-width: 900px) {
  #albumIndex {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Neutralisation des dimensions et flottements d'origine */
  #albumIndex .albumBox {
    width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}