﻿/* $Id: theme.css 2823 2008-11-04 01:46:17Z rvelices $ */
/* vimages dark_AllPro */

html {font-size: 100%;} /*bug IE7*/

/* --VIMAGES barre Top Memu-- */
.vimagesTopMenu {
        background-color: #979797;
        color: #2f2f2f;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 30px;
        text-align: left;
        font-size: 0.8em;
        margin-bottom: 5px;  
}    
.vimagesTopMenu a{
        color: #282828;
}
.vimagesTopMenu a:hover{
        color: #e5e5e5;
}
.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: #979797;
        color: #2f2f2f;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 30px;
        text-align: left;
        font-size: 0.8em;
}    
.vimagesFooterMenu a{
        color: #282828;
}
.vimagesFooterMenu a:hover{
        color: #e5e5e5;
} 
#content {
        min-height: 500px;  /* 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-- */
#menubar {
        font-size: 0.9em;
        }
#menubar ul, #menubar form, #menubar p {
        font-size: 0.9em;
        }
.RED {
        color: #e9658b;  
        text-align: center;  
}
.titre1 {
        font-family: Impact, sans-serif;
        font-variant: normal;
        font-size: 1.4em;
        color: #ffffff;
        letter-spacing: 0.1em;
}
.titre2 {
        font-family: Comic Sans MS, cursive;
        text-transform: lowercase;
        font-style: italic;
        font-size: 1.2em;
        color: #e0464f;  
}
.titre3 {
        font-family: Trebuchet MS, sans-serif;
        text-transform: normal;
        font-variant: normal;
        font-size: 1.2em;
        color: #ffffff;  
} 
.footerInfos {
        text-align: center;
        font-size: 0.75em;
}
#menubar .menuInfoCatByChild {  /* couleur du nombre de photos d'une cat�gorie (dans le menu)*/
        color: white;
        display: none; 
}
#menubar .menuInfoCat {
        color: white;
        display: none; 
}
.titreSmallCaps {
        font-family: verdana, sans-serif;
        font-variant: small-caps;
	      color: #FFFFFF;
	      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: #858585;
}
ul.categoryActions {
        font-size: 0.8em;
}
#menubar DT {
        font-size: 1.1em;
}

/* --VIMAGES correction thumbnail.css -- */
/* Thumbnails customization */
.content UL.thumbnails SPAN.thumbLegend {
	      font-size: 0.8em;
	      overflow: hidden;/* oversized legend is clipped */
}

/* --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: normal;
	      text-decoration:none;
      	padding: 5px 0.5em 5px 0.5em;
}
H3 {
        font-size: 0.95em;
}
.content div.thumbnailCategory div.description h3 {
        font-size: 0.95em;
}
.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 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: 15em;
}
.content {
        margin-left: 17em;  /* = #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: #acacac;
}
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: #d2d2d2;
}
H3 {
        font-family: verdana, sans-serif;
        font-variant: small-caps;
        font-weight: bold;
        color: #383838;
}
H3 a {
        color: #282828;
}
H3 a hover {
        color: #e5e5e5;
}
#menubar DT {
	      font-weight: normal;
      	padding: 3px 3px 3px 3px;
	      text-align: center;
}
#titrePage {
        font-size: 1.2em;
	      font-weight: normal;
}

/* backgrounds */
BODY, H3, #imageToolBar A:hover {
	      background-color: #656565;
}
#imageHeaderBar {
        background-color: #656565;
}
#menubar DL, .content, #imageToolBar, .header_notes {
	      background-color: #656565;
}
H2, #menubar DT {
        background-image: none;
	      background-color: transparent;
	      border-top: 4px solid #a8a8a8;  /* bord épais de couleur en haut des titres de blocs */
	      border-left: 0px solid #a8a8a8;
	      margin-left: 5px;
}
#imageHeaderBar H2 {
        background-image: none;
        background-color: transparent;
        border-top: 1px solid #a8a8a8;
}
#imageHeaderBar {
        background-image: none;
        background-color: transparent;
        background-position: center;
        border-top: 1px solid #ffffff;
}

/* borders */
#content {
        padding-top: 4px;
        border-left: 1px dotted #a8a8a8;
        border-top: 0px dotted #a8a8a8;
        border-bottom: 0px dotted #a8a8a8;
}
#menubar DL, .content{
	      border: 0px solid #000;
        margin-bottom: 35px;
}
H2, #imageToolBar {
	border-bottom: 0px solid #000;
}
#menubar DT {
        border-top: 0px solid #a8a8a8;
        border-left: 0px solid #a8a8a8;
        border-right: 0px solid #a8a8a8;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
      	border: 0px solid gray;
}
.content UL.thumbnails SPAN.wrap2 {
	      border: 0px solid #aaaaaa;	/* thumbnails border color and style */
	      border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}
.content UL.thumbnails SPAN.wrap2:hover, {
        border: 0px;
        color: white;
     }

/* links */
A, INPUT.rateButton {
	      color: #282828;
	      border: none;
}
A:hover {
	      color: #e5e5e5;
}
