#metadata.collectionTitle.value {
}

/* Please note that the next lines are to be added manually, as well as those with comment=  /* to be verified XXX */


.myText { /* to be verified XXX couleurs thumbnails */
  background-color: #CCCCCC !important;
  border-style: solid !important;
  border-width: 0px !important;
  width: 722px !important;
  float: left !important;
  text-align: left !important;
  overflow: visible !important;
  height: auto !important;
  border-color: #FFFFFF !important;  /* to be verified XXX couleur bord extérieur */
  margin: 0 5px 10px !important;
  position: relative !important;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size:11px;
}

.myFrame { /* texte dans 1 case */
  background-color: #CCCCCC !important;
  border-style: solid !important;
  border-width: 12px !important;
  width: 150px !important;
  float: left !important;
  text-align: left !important;
  overflow: hidden !important;
  height: 150px !important;
  border-color: #CCCCCC !important;  /* to be verified XXX couleur bord extérieur */
  margin: 0 5px 10px !important;
  position: relative !important;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size:11px;
}

.myFrame2 { /* texte dans 2 cases */
  background-color: #CCCCCC !important;
  border-style: solid !important;
  border-width: 12px !important;
  width: 334px !important;
  float: left !important;
  text-align: left !important;
  overflow: hidden !important;
  height: 150px !important;
  border-color: #CCCCCC !important;  /* to be verified XXX couleur bord extérieur */
  margin: 0 5px 10px !important;
  position: relative !important;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size:11px;
}

.myFrame3 { /* texte dans 2 cases */
  background-color: #CCCCCC !important;
  border-style: solid !important;
  border-width: 12px !important;
  width: 518px !important;
  float: left !important;
  text-align: left !important;
  overflow: hidden !important;
  height: 150px !important;
  border-color: #CCCCCC !important;  /* to be verified XXX couleur bord extérieur */
  margin: 0 5px 10px !important;
  position: relative !important;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size:11px;
}

.oneColFixCtrHdr #container {
	width: 832px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* END of additional lines, please look for "to be verified XXX" though ! */


.previous a:hover {
  background-image: url(resources/images/Previous.png) !important; /* to be verified XXX */
  background-position: 10% !important;
  background-repeat: no-repeat !important;
}

body {
  background-color: #CCCCCC !important; /* to be verified XXX */
  text-align: center !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  color: #FFFFFF !important; /* to be verified XXX */
  padding: 0.00 !important;
  margin: 0 0 20px 0 !important;
  font-size: 10.00 !important;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
  padding: 0.00 !important;
  font-weight: normal !important;
  margin: 0.00 !important;
}

#comments input#button {
  background-color: #333333 !important;
  color: #FFFFFF !important;
  border-style: solid !important;
  border-width: 2px !important;
  width: 100px !important;
  padding: 0.4em !important;
  margin: 1em 0 !important;
  border-color: #000000 !important;
}

#header {  /* to be verified XXX : usefull ??? */
  background-color: #191919 !important;
  text-align: center !important;
  min-height: 68px !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
  width: 100% !important;
  color: inherit;
}

#shadowbox_counter {
  float: left !important;
  padding-left: 10px !important;
}

.checked { /* to be verified XXX inutile ??? */
  background-image: url(../images/chk_on.png) !important;
}

#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline !important;
  font-weight: bold !important;
}

#shadowbox_nav_close, #shadowbox_nav_previous, #shadowbox_nav_next {
  float: right !important;
  padding-right: 10px !important;
}

#shadowbox_toolbar_inner div {
  line-height: 10px !important;
  height: 10px !important;
  font-size: 10px !important;
  padding-bottom: 2px !important;
  padding-top: 4px !important;
}

#contactInfo {
}

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

#headerContent {
  position: relative !important;
  padding: 0.00 !important;
  margin: 0 auto !important;
  width: 98% !important;
}

#shadowbox_title_inner {
  line-height: 14px !important;
  white-space: nowrap !important;
  height: 14px !important;
  padding: 5px 0 4px 8px !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  background-color: inherit;
}

#shadowbox_loading {
  background-color: #1C1C1C !important;
  color: inherit;
}

.gallerythumb {  /* to be verified XXX couleurs fonds thumbs */
  background-color: #ffffff !important;
  border-color: #999999 !important;
  margin: 0 auto !important;
  border-style: solid !important;
  border-width: 1px !important;
  padding: 4px !important;
  color: inherit;
}

#comments input {
  text-align: center !important;
  padding: 4px !important;
  margin: 0.4em 0 1em !important;
  width: 250px !important;
}

#shadowbox_toolbar_inner {
  height: 15px !important;
  color: #FFFFFF !important;
  background-color: inherit;
}

#shadowbox_title {
  height: 25px !important;
  padding: 0.00 !important;
  overflow: hidden !important;
}

#shadowbox_toolbar {
  overflow: hidden !important;
  height: 15px !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
}

#shadowbox_body_inner {
  position: relative !important;
  overflow: hidden !important;
}

.siteTitle {
  float: right !important;
  color: #FFFFFF !important;
  padding: 6px 0 0 0 !important;
  margin: 0.00 !important;
  font-size: 24px !important;
  background-color: inherit;
}

textarea {
  text-align: left !important;
  height: 200px !important;
  padding: 4px !important;
  margin: 0.4em 0 1em !important;
  width: 450px !important;
}

.idplate {  /* to be verified XXX inutile ??? */
  left: 0px !important;
  width: 100% !important;
  top: 0px !important;
  text-align: left !important;
  position: absolute !important;
  height: 0.00 !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
  display: none !important;
}

.lightboxgallery {
  text-align: center !important;
  padding: 0.00 !important;
  margin: 10px auto 0 !important;
  width: 736px !important;
}

a.photoNav span {
  display: none !important;
}

#shadowbox_body {
  background-color: #000000 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.00 !important;
  border: 8px solid #000000 !important;  /* to be verified XXX 25 px ??? */
  margin: 0.00 !important;
  color: inherit;
}

#menu li {
  line-height: 1.6em !important;
  list-style: none !important;
  font-size: 12px !important;
  z-index: 7.00 !important;
  float: right !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 0 0 0 10px !important;
  padding: 0.00 !important;
}

.contactInfo {  /* to be verified XXX inutile ???*/
  padding: 0.00 !important;
  margin: 0.00 !important;
}

.checkBoxDiv { /* to be verified XXX inutile ???*/
  background-color: #000000 !important;
  border-style: solid !important;
  border-width: 2px !important;
  top: -2px !important;
  position: absolute !important;
  border-color: #000000 !important;
  padding: 8px !important;
  margin: 0.00 !important;
  right: -2px !important;
  color: inherit;
}

.titles {
  background-color: transparent !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
  color: inherit;
}

#shadowbox_counter a {
  padding: 0 4px 0 0 !important;
}

#comments {
  clear: both !important;
  text-align: center !important;
  padding: 10px !important;
  margin: 0 auto !important;
  width: 500px !important;
}

#metadata.siteTitle.value {
}

label {
  padding: 0.00 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
  margin: 0.00 !important;
  font-size: 12px !important;
  background-color: inherit;
}

#comments input, textarea {  /* to be verified XXX inutile ??? */
  background-color: #333333 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
  border-width: 2px !important;
  border-style: solid !important;
}

.collectionDescription { /* to be verified XXX inutile ??? */
  background-color: transparent !important;
  width: 500px !important;
  color: #FFFFFF !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 20px auto !important;
  font-size: 10px !important;
}

.annotation { /* to be verified XXX inutile ??? */
  bottom: 1px !important;
  left: 0.00 !important;
  font-size: 10px !important;
  text-align: center !important;
  position: absolute !important;
  display: block !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 0 auto !important;
  width: 165px !important;
}

.photoNav {
  height: 100% !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
  display: block !important;
}

.itemNumber {
  background-color: transparent !important;
  display: none !important;
  bottom: 0px !important;
  color: #191919 !important;
  position: absolute !important;
  left: 2px !important;
  font-size: 24px !important;
}

.clear {
  clear: both !important;
  padding: 0.00 !important;
  margin: 0.00 !important;
}

#comments input#button:hover {
  color: #333333 !important;
  background-color: #999999 !important;
  border-color: #333333 !important;
}

.rating {
  top: 0px !important;
  left: 0px !important;
  position: absolute !important;
}

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

#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline !important;
  font-weight: bold !important;
}

#menuUL {
  padding: 0.00 !important;
  margin: 0.00 !important;
}

input.checkBox {
  margin: 0.00 !important;
}

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

.unchecked { /* to be verified XXX inutile ??? */
  background-image: url(resources/images/chk_off.png) !important; /* to be verified XXX */
}

.collectionTitle {
  clear: right !important;
  color: #FFFFFF !important;
  float: right !important;
  padding: 4px 0 0 0 !important;
  margin: 0.00 !important;
  font-size: 15px !important;
  background-color: inherit;
}

#menu {
  clear: both !important;
  text-align: center !important;
  background-color: #7F7F7F !important;
  color: #CCCCCC !important;
  padding: 0.00 !important;
  margin: 0 0 10px 0 !important;
  width: 100% !important;
}

.footer {
  background-color: transparent !important;
  width: 500px !important;
  color: #555555 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  margin: 10px auto 20px !important;
  font-size: 10px !important;
}

a img {
  border: 0.00 !important;
}

.frame { /* to be verified XXX couleurs thumbnails */
  background-color: #CCCCCC !important;
  border-style: solid !important;
  border-width: 2px !important;
  width: 170px !important;
  float: left !important;
  text-align: center !important;
  overflow: hidden !important;
  height: 170px !important;
  border-color: #CCCCCC !important;  /* to be verified XXX couleur bord extérieur */
  margin: 0 5px 10px !important;
  position: relative !important;
  color: inherit;
}

.next a:hover {
  background-image: url(resources/images/Next.png) !important;
  background-position: 90% !important;
  background-repeat: no-repeat !important;
}

#menuContent {
  text-align: right !important;
  padding: 0.00 !important;
  margin: 0 auto !important;
  width: 98% !important;
}