﻿/* $Id: theme.css 2823 2008-11-04 01:46:17Z rvelices $ */
/* ----vimages theme dark_AllSports----- */

html {font-size: 100%;} /*bug IE7*/

/* 1--VIMAGES barre Top Memu-- */
.vimagesTopMenu {
        background-color: #0b2d5e;
        color: #668FB8;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 30px;
        text-align: left;
        font-size: 0.8em;
        margin-bottom: 5px; 
}    
.vimagesTopMenu a{
        color: #c0c0c0;
}
.vimagesTopMenu a:hover{
        color: #ffffff;
}
.quickconnectTop {
        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;
} 
/* 2--VIMAGES barre Footer-- */
.vimagesFooterMenu { 
        clear: both; 
}
.vimagesFooterMenu {
        bottom: 0;
        background-color: #0b2d5e;
        color: #668FB8;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 30px;
        text-align: left;
        font-size: 0.8em;
}    
.vimagesFooterMenu a{
        color: #c0c0c0;
}
.vimagesFooterMenu a:hover{
        color: #ffffff;
} 

/* 3--dispositions éléments-- */
#content {
        min-height: 300px;
}

/* 4--VIMAGES cacher des éléments du menu-- */
#mbMenu dt { display: none; }
#mbAMM_links dt { display: none; }
/*#mbIdentification dt { display: none; }*/

/* 5--VIMAGES disposition vignettes categories-- */
.content UL.thumbnails SPAN,
.content UL.thumbnails SPAN.wrap2 A,
.content UL.thumbnails LABEL,
.content DIV.thumbnailCategory DIV.illustration {
        width: 152px;  
        text-align: center; 
}
.content UL.thumbnails SPAN.wrap2,
.content DIV.thumbnailCategory DIV.description {
        height: 152px;
}
/* 6--Nombre de colonnes de catégories 49.7% for 2 par ligne, 33.2% for 3 par ligne-- */
.content UL.thumbnailCategories LI {
        width: 33.2%;
}

/* 7--VIMAGES titres, légendes des catégories et vignettes-- */
.content UL.thumbnails SPAN.thumbLegend {
	font-size: 0.75em;
	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;
}

/* 8--VIMAGES largeur du menu--  */
#menubar {
        width: 14em;
}
.content {
        margin-left: 15.5em; 
}

/* 9--VIMAGES propriétés des textes-- */
BODY, H1
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
	font-family: verdana, sans-serif;
	color: #8baec5;
}
BODY {
        font-family: verdana, sans-serif;
        font-size: 0.85em;
}
H1 {
	text-align: center;
	font-size: 1.15em;
	font-weight: normal;
}
H2 {
	font-family: verdana, sans-serif;
        font-variant: small-caps;
	color: #FFFFFF;
	text-align: left;
	font-size: 1em;
      	text-decoration:none;
      	padding: 5px 0.5em 5px 0.5em;
}
H3 {
        font-size: 0.95em;
        font-weight: bold;
	font-family: verdana, sans-serif;
        font-variant: small-caps;
	color: #9eaab6;
}
H3 a {
        color: #c0c0c0;
}
H3 a hover {
        color: #ffffff;
}
element.style{
        font-size: 0.85em;
}

#menubar {
        font-size: 0.9em;
        }
#menubar ul, #menubar form, #menubar p {
        font-size: 0.9em;
        }
#menubar .menuInfoCatByChild { 
        color: white; 
        display: none; 
}
#menubar .menuInfoCat {
        color: white;
        display: none; 
}
#menubar DT {
	font-weight: normal;
      	padding: 3px 3px 3px 3px;
	text-align: center;
	font-size: 1.1em;
}
#titrePage {
        font-size: 1.2em;
	      font-weight: normal;
}
.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;
        font-style: normal;
        font-variant: normal;
        font-size: 1.2em;
        color: #ffffff;  
} 
.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: #0f244a;
}
ul.categoryActions {
        font-size: 0.8em;
}
.navigationBar{
        font-size: 0.8em;
}
.RED {
        color: #e9658b;  
        text-align: center;  
}
.footerInfos {
        text-align: center;
        font-size: 0.75em;
}
.content .additional_info {
        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; }


/* 10--VIMAGES backgrounds et borders-- */
BODY, H3, #imageToolBar A:hover {
	background-color: #3a5066;
}
#content {
        padding-top: 4px;
        border-left: 1px dotted #9eaab6;
        border-top: 0px dotted #9eaab6;
        border-bottom: 0px dotted #9eaab6;
}
#menubar DL, .content{
        border-top: 0px solid #000;
        margin-bottom: 35px;
}
#menubar DL, .content, #imageToolBar, .header_notes {
	background-color: #3a5066;
}
#menubar DT {
        border-top: 0px solid #9eaab6;
        border-left: 0px solid #9eaab6;
        border-right: 0px solid #9eaab6;
}
H2, #menubar DT {
        background-image: none;
	background-color: transparent;
	border-top: 4px solid #9eaab6; /* bord épais de couleur en haut des titres de blocs */
        border-left: 0px solid #9eaab6;
	margin-left: 5px; 
}
H2, #imageToolBar {
        border-bottom: 0px solid #000;
}
#imageHeaderBar {
        background-image: none;
      	background-color: transparent;
	background-position: center;
        border-top: 1px solid #9eaab6;
}
#imageHeaderBar H2 {
	background-image: none;
      	background-color: transparent;
	border-top: 1px solid #9eaab6;
}

FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
	border-bottom: 0px solid black;
}
.content UL.thumbnails SPAN.wrap2 {
	border: 0px solid #3a5066;	/* thumbnails border color and style */
	border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
}
   
/* 11--VIMAGES links-- */
a {
        color: #9eaab6;
}
A, INPUT.rateButton {
      	color: #9eaab6;
	      border: none;
}
A:hover {
	      color: #ffffff;
}
/* 12--Caddy css-- */

