/* $Id: theme.css 2823 2008-11-04 01:46:17Z rvelices $ */
/* vimages theme dark_Hexis_2 */

html {font-size: 100%;} /*bug IE7*/

/* --VIMAGES barre Top Memu-- */
.vimagesTopMenu {
              background-color: #E41A0A;
              color: #052b5f;
              padding-top: 4px;
              padding-bottom: 4px;
              padding-left: 30px;
              text-align: left;
              font-size: 0.8em;
              margin-bottom: 5px;
}    
.vimagesTopMenu a{
              color: white;
}
.vimagesTopMenu a:hover{
              color: black;
}
.quickconnectTop {       /* vimages quickconnectTop form */
              text-align: left;
              font-size: 0.8em;
}
FORM#quickconnect fieldset {
              text-align: left;
              font-size: 0.8em;
}
form#quickconnect fieldset { 
              border: 0 none ; 
              padding: 0;
} 
/* --VIMAGES barre Footer links-- */
.vimagesFooterMenu { 
              clear: both; 
}
.vimagesFooterMenu {
              bottom: 0;
              background-color: #E41A0A;
              color: #052b5f;
              padding-top: 4px;
              padding-bottom: 4px;
              padding-left: 30px;
              text-align: left;
              font-size: 0.8em;
}    
.vimagesFooterMenu a{
              color: white;
}
.vimagesFooterMenu a:hover{
              color: black;
} 
#content {
              min-height: 250px;  /* position basse pour le footer */
}
/* --VIMAGES bordure du menu menu-- */
#mbMenu dt {
              display: none; }
#mbAMM_links dt {
              display: none; }
/*#mbIdentification dt { display: none; }*/

/* --VIMAGES  new text properties-- */
element.style{
              font-size: 0.8em;
}
.content .navigationBar, span.calItemEmpty, td.calDayCellEmpty{
              font-size: 0.85em;
              color: #6d6d6d;
}
#menubar {
              font-size: 0.9em;
        }
#menubar ul, #menubar form, #menubar p {
              font-size: 0.9em;
        }
.RED {
              color: #e9658b;  
              text-align: center;  
}
.titre1 {
              font-family: Arial, sans-serif;
              font-variant: normal;
              font-size: 1.4em;
              color: #E41A0A;
              letter-spacing: 0.1em;
}
.titre2 {
              font-family: Comic Sans MS, cursive;
              text-transform: lowercase;
              font-style: italic;
              font-size: 1.2em;
              color: #4c5156;
}
.titre3 {
              font-family: Trebuchet MS, sans-serif;
              font-style: normal;
              font-variant: normal;
              font-size: 1.2em;
              color: #4c5156;  
} 
.footerInfos {
              text-align: center;
              font-size: 0.75em;
}
#menubar .menuInfoCatByChild { 
              color: #4c5156;   /* couleur du nombre de photos d'une catégorie (dans le menu)*/
              display: none; 
}
#menubar .menuInfoCat {
              color: #4c5156;
              display: none; 
}
.titreSmallCaps {
              font-family: verdana, sans-serif;
              font-variant: small-caps;
              font-weight: bold;
	            color: #4c5156;
      	      font-size: 1em;
}
.texteBloc {
              font-family: verdana, sans-serif;
	            font-size: 0.85em;
}
.texteBlocCategories {
              font-family: verdana, sans-serif;
	            font-size: 0.85em;
              line-height: 1.6em;
}
.texteBlocItalic {
              font-family: verdana, sans-serif;
	            font-size: 0.85em;
	            font-style: italic;
}
.texteBlocOrange {
              font-family: verdana, sans-serif;
	            font-size: 0.80em;
	            font-style: italic;
	            color: #0f244a;
}
ul.categoryActions {
              font-size: 0.8em;
}
#menubar DT {
              font-size: 1.1em;
}

/* 7--VIMAGES titres, légendes des catégories et vignettes-- */
.content UL.thumbnails SPAN.thumbLegend {
	font-size: 0.8em;
	overflow: hidden;/* oversized legend is clipped */
}
.content ul.thumbnails span.thumbnailsLegend2 {
        display:block;
        font-size:0.8em;
        overflow:hidden;
}
.content ul.thumbnails span.thumbnailsCaddy {
        display:block;
        height:3em;
        font-size:0.8em;
        overflow:hidden;
}
.content div.thumbnailCategory div.description {
        font-size: 0.8em;
}
/* --VIMAGES correction local_layout.css -- */
H1 {
	      text-align: center;
	      font-size: 1.15em;
	      font-weight: normal;
}
H2 {
	      text-align: left;
	      font-size: 1em;
	      font-weight: bold;
      	      text-decoration:none;
      	      padding: 5px 0.5em 5px 0.5em;
}
H3 {
              font-size: 0.85em;
}
.tagLevel6 { font-size: 1em; }
.tagLevel5 { font-size: 0.95em; }
.tagLevel4 { font-size: 0.91em; }
.tagLevel3 { font-size: 0.86em; }
.tagLevel2 { font-size: 0.81em; }
.tagLevel1 { font-size: 0.76em; }

/* --VIMAGES mise en page sous les vignettes -- */
.content ul.thumbnails span.thumbnailsLegend2 {
              display:block;
              font-size:0.8em;
              overflow:hidden;
}
.content ul.thumbnails span.thumbnailsCaddy {
              display:block;
              height:3em;
              font-size:0.8em;
              overflow:hidden;
}

/* --VIMAGES correction default_layout.css --  */
/* Set the width of the menubar for the galery */
#menubar {
             width: 14em;
             }

.content {
             margin-left: 15em;  /* = #menubar width + 2em */
}



/* Set some sizes according to your maximum thumbnail width and height */
.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL,
.content DIV.thumbnailCategory DIV.illustration {
              width: 152px;      /* max thumbnail width + 2px */
}
.content UL.thumbnails SPAN.wrap2,
.content DIV.thumbnailCategory DIV.description {
              height: 152px;    /* max thumbnail height + 2px */
}
/* Category thumbnails on main page */
.content UL.thumbnailCategories LI {
              width: 33.2%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
}

    /* entrées d'origines */
/* text color */
BODY, H1
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
	      font-family: verdana, sans-serif;
	      color: #4c5156;
}
BODY {
              font-family: verdana, sans-serif;
              font-size: 0.85em;
}
H2, #menubar DT {
              font-family: verdana, sans-serif;
              font-variant: small-caps;
              font-weight: bold;
	      color: #FFFFFF;
}
H3 {
	      font-family: verdana, sans-serif;
              font-variant: small-caps;
              font-weight: bold;
	      color: #4c5156;
}
H3 a {
              color: black;
}
H3 a hover {
              color: white;
}
#menubar DT {
	      font-weight: normal;
       	      padding: 3px 3px 3px 3px;
	      text-align: center;
}
#titrePage {
              font-size: 1.2em;
	      font-weight: normal;
}

.content .additional_info {
              font-size:0.95em;
}
/* backgrounds */
#the_page {
              background-color: #242424;
	      border: 1px solid #0e439f;
}
#content {
              background-color: white;
}
#content.stuff {
              background-color: white;
              font-size: 0.8em;
}
.personal_block {
              background-color: white;
              
}
BODY {
              background-color: black;
              }
H3, #imageToolBar A:hover {
	      background-color: white;
}
#imageHeaderBar {
              background-color: white;
}
#menubar DL, .content, #imageToolBar, .header_notes {
	      background-color: white;
}
#menubar {
              background-color: white;
}
H2, #menubar DT {
              background-image: none;
	      background-color: transparent;
	      border-top: 4px solid #052b5f; /* bord épais de couleur en haut des titres de blocs */
	      border-left: 0px solid #052b5f;
	      margin-left: 5px; 
}
#imageHeaderBar H2 {
	      background-image: none;
      	      background-color: transparent;
	      border-top: 4px solid #052b5f;
}
#imageHeaderBar {
              background-image: none;
              background-color: transparent;
	      background-position: center;
              border-top: 1px solid #052b5ff;
}

/* borders */
#content {
        padding-top: 4px;
        border-left: 1px dotted #052b5f;
        border-top: 0px dotted #798189;
        border-bottom: 0px dotted #798189;
}
#menubar DL, .content{
        border-top: 0px solid #000;
        margin-bottom: 8px;
}
H2, #imageToolBar {
        border-bottom: 0px solid #000;
}
#menubar DT {
        border-top: 0px solid #798189;
        border-left: 0px solid #798189;
        border-right: 0px solid #798189;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
	      border-bottom: 0px solid black;
}
.content UL.thumbnails SPAN.wrap2 {
	      border: 0px solid #636a71;	/* thumbnails border color and style */
	      border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}
   
/* links */
a {
              color: #0e439f;
}
A, INPUT.rateButton {
      	      color: #0e439f;
	      border: none;
}
A:hover {
	      color: #f11e17;
}