/*
VISUAL.CSS

Appearance - colors, images, etc. Nothing that requires a DIMENSIONAL UNIT is found here.
*/

/* BASIC TAGS */

html {
	background : url(../images/PageBG.gif) repeat-y 90.1%;
}

body, #wrapper-main { /* IE7 needs #wrapper-main or body loses BG for pages longer than window */
	background : #E5DECF;
}

h1, h2, h3, h4, h5, h6 {
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

h1, h2 {
	color : #758040;
}

p {
	font-family : Georgia, serif;
}

li {
	font-family : Georgia, serif;
}

a {
	color : #607FBF;
	text-decoration : none;
	font-weight : bold;
}
a:visited {
	color : #4D5E80;
}
a:hover {
	text-decoration : underline;
}

/* standard tables (everywhere but forums - forum pages have embedded styles) */

.home table, .apropos table, .contact table, .english table, .neuf table,
.programmes table, .realisations table, .ressources table, .search table {
	border-style : none;
}

.home th, .home td, .apropos th, .apropos td, .contact th, .contact td,
.english th, .english td, .neuf th, .neuf td, .programmes th, .programmes td,
.realisations th, .realisations td, .ressources th, .ressources td, .search th, .search td {
}

/* table text is sans-serif */
.home th *, .home td *, .home table p, .apropos th *, .apropos td *, .apropos table p, .contact th *, .contact td *, .contact table p,
.english th *, .english td *, .english table p, .neuf th *, .neuf td *, .neuf table p, .programmes th *, .programmes td *, .programmes table p,
.realisations th *, .realisations td *, .realisations table p, .ressources th *, .ressources td *, .ressources table p, .search th *, .search td *, .search table p {
	font-family: Verdana, sans-serif;
	font-size: 1em;
}

/* Background images use compass directions: NW, N, NE for top row; W, E for body; SW, S, SE for bottom row */
/* See /contact/projets-partenaires.html for an example using most of these cases */

/* table headers: general style & faux border (N), then faux borders for top corners (NW / NE) */
.home th, .apropos th, .contact th,
.english th, .neuf th, .programmes th,
.realisations th, .ressources th, .search th {
	text-align: left;
	background-color : #bbbfac; /* beige 75%L */
	background-image : url(/images/table-N.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.home th.first, .apropos th.first, .contact th.first,
.english th.first, .neuf th.first, .programmes th.first,
.realisations th.first, .ressources th.first, .search th.first {
	background-image : url(/images/table-NW.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.home th.last, .apropos th.last, .contact th.last,
.english th.last, .neuf th.last, .programmes th.last,
.realisations th.last, .ressources th.last, .search th.last {
	background-image : url(/images/table-NE.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* When subheaders are present, we "close off" the headers with a row of two bottom-corner cells with th color */
.home tr.subheader-topRow td.first, .apropos tr.subheader-topRow td.first, .contact tr.subheader-topRow td.first,
.english tr.subheader-topRow td.first, .neuf tr.subheader-topRow td.first, .programmes tr.subheader-topRow td.first,
.realisations tr.subheader-topRow td.first, .ressources tr.subheader-topRow td.first, .search tr.subheader-topRow td.first {
	height: 10px;
	background-image : url(/images/table-th-SW.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
}
.home tr.subheader-topRow td.last, .apropos tr.subheader-topRow td.last, .contact tr.subheader-topRow td.last,
.english tr.subheader-topRow td.last, .neuf tr.subheader-topRow td.last, .programmes tr.subheader-topRow td.last,
.realisations tr.subheader-topRow td.last, .ressources tr.subheader-topRow td.last, .search tr.subheader-topRow td.last {
	height: 10px;
	background-image : url(/images/table-th-SE.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
}

/* table subheaders: same color & NW / N / NE border as th */
.home tr.subheader-row td, .apropos tr.subheader-row td, .contact tr.subheader-row td,
.english tr.subheader-row td, .neuf tr.subheader-row td, .programmes tr.subheader-row td,
.realisations tr.subheader-row td, .ressources tr.subheader-row td, .search tr.subheader-row td {
	background-image : url(/images/table-N.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.home tr.subheader-row td.first, .apropos tr.subheader-row td.first, .contact tr.subheader-row td.first,
.english tr.subheader-row td.first, .neuf tr.subheader-row td.first, .programmes tr.subheader-row td.first,
.realisations tr.subheader-row td.first, .ressources tr.subheader-row td.first, .search tr.subheader-row td.first {
	background-image : url(/images/table-NW.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.home tr.subheader-row td.last, .apropos tr.subheader-row td.last, .contact tr.subheader-row td.last,
.english tr.subheader-row td.last, .neuf tr.subheader-row td.last, .programmes tr.subheader-row td.last,
.realisations tr.subheader-row td.last, .ressources tr.subheader-row td.last, .search tr.subheader-row td.last {
	background-image : url(/images/table-NE.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* table cells (ODD rows): faux borders for sides (W / E / S) and corners (SW / SE)*/
/* odd row, left cell */
.home tr.odd td.first, .apropos tr.odd td.first, .contact tr.odd td.first,
.english tr.odd td.first, .neuf tr.odd td.first, .programmes tr.odd td.first,
.realisations tr.odd td.first, .ressources tr.odd td.first, .search tr.odd td.first {
	background-image : url(/images/table-W-odd.gif);
	background-repeat: repeat-y;
	background-position: center left;
}
/* odd row, right cell */
.home tr.odd td.last, .apropos tr.odd td.last, .contact tr.odd td.last,
.english tr.odd td.last, .neuf tr.odd td.last, .programmes tr.odd td.last,
.realisations tr.odd td.last, .ressources tr.odd td.last, .search tr.odd td.last {
	background-image : url(/images/table-E-odd.gif);
	background-repeat: repeat-y;
	background-position: center right;
}

/* IE doesn't support multiple-class selectors! (e.g. tr.last.even) So we need an ugly, single class (tr.last-even-row) */

/* last odd row, all cells */
.home tr.last-odd-row td, .apropos tr.last-odd-row td, .contact tr.last-odd-row td,
.english tr.last-odd-row td, .neuf tr.last-odd-row td, .programmes tr.last-odd-row td,
.realisations tr.last-odd-row td, .ressources tr.last-odd-row td, .search tr.last-odd-row td {
	background-image : url(/images/table-S-odd.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/* SW corner */
.home tr.last-odd-row td.first, .apropos tr.last-odd-row td.first, .contact tr.last-odd-row td.first,
.english tr.last-odd-row td.first, .neuf tr.last-odd-row td.first, .programmes tr.last-odd-row td.first,
.realisations tr.last-odd-row td.first, .ressources tr.last-odd-row td.first, .search tr.last-odd-row td.first {
	background-image : url(/images/table-SW-odd.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/* SE corner */
.home tr.last-odd-row td.last, .apropos tr.last-odd-row td.last, .contact tr.last-odd-row td.last,
.english tr.last-odd-row td.last, .neuf tr.last-odd-row td.last, .programmes tr.last-odd-row td.last,
.realisations tr.last-odd-row td.last, .ressources tr.last-odd-row td.last, .search tr.last-odd-row td.last {
	background-image : url(/images/table-SE-odd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* table cells (EVEN rows): faux borders for sides (W / E / S) and corners (SW / SE)*/
/* even row, left cell */
.home tr.even td.first, .apropos tr.even td.first, .contact tr.even td.first,
.english tr.even td.first, .neuf tr.even td.first, .programmes tr.even td.first,
.realisations tr.even td.first, .ressources tr.even td.first, .search tr.even td.first {
	background-image : url(/images/table-W-even.gif);
	background-repeat: repeat-y;
	background-position: center left;
}
/* even row, right cell */
.home tr.even td.last, .apropos tr.even td.last, .contact tr.even td.last,
.english tr.even td.last, .neuf tr.even td.last, .programmes tr.even td.last,
.realisations tr.even td.last, .ressources tr.even td.last, .search tr.even td.last {
	background-image : url(/images/table-E-even.gif);
	background-repeat: repeat-y;
	background-position: center right;
}
/* last even row, all cells */
.home .last-even-row td, .apropos .last-even-row td, .contact .last-even-row td,
.english .last-even-row td, .neuf .last-even-row td, .programmes .last-even-row td,
.realisations .last-even-row td, .ressources .last-even-row td, .search .last-even-row td {
	background-image : url(/images/table-S-even.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/* SW corner */
.home tr.last-even-row td.first, .apropos tr.last-even-row td.first, .contact tr.last-even-row td.first,
.english tr.last-even-row td.first, .neuf tr.last-even-row td.first, .programmes tr.last-even-row td.first,
.realisations tr.last-even-row td.first, .ressources tr.last-even-row td.first, .search tr.last-even-row td.first {
	background-image : url(/images/table-SW-even.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/* SE corner */
.home tr.last-even-row td.last, .apropos tr.last-even-row td.last, .contact tr.last-even-row td.last,
.english tr.last-even-row td.last, .neuf tr.last-even-row td.last, .programmes tr.last-even-row td.last,
.realisations tr.last-even-row td.last, .ressources tr.last-even-row td.last, .search tr.last-even-row td.last {
	background-image : url(/images/table-SE-even.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.home table .odd, .apropos table .odd, .contact table .odd, .english table .odd, .neuf table .odd,
.programmes table .odd, .realisations table .odd, .ressources table .odd, .search table .odd {
	background-color : #d5d9c3; /* beige 85%L */
}
.home table .even, .apropos table .even, .contact table .even, .english table .even, .neuf table .even,
.programmes table .even, .realisations table .even, .ressources table .even, .search table .even {
	background-color : #c8ccb8; /* beige 80%L */
}
.home table .last td, .apropos table .last td, .contact table .last td, .english table .last td, .neuf table .last td,
.programmes table .last td, .realisations table .last td, .ressources table .last td, .search table .last td {
	border-bottom : none;
}
/* end tables */

/* _____ Header */

#logo-area {
	background-color : #6e0891;	/* purple */
}

#logo-images {
}

#header-img-1 {
	background: url(/images/Header-shield-2-trans.png) no-repeat 15% 8px;
}
#header-img-2 {
	background: url(/images/Header-instructrices-trans.png) no-repeat 50% 12px;
}
#header-img-3 {
	background: url(/images/Header-friends-trans.png) no-repeat 85% 16px;
}
#header-BGText {
	background: url(/images/Header-BGText.gif) no-repeat 0 0;
}

#tagline {
	color : white;
	background-color : transparent; /* #6e0891;	purple */
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

/* _______________ Nav bar */

#nav-container {
	background-color: #C3C4B1;	/* sage green */
}

#nav * {
	color : black;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}

#nav li {
	background-color : #C3C4B1;	/* sage green */
	/* matches ".locked a" BG */
}

/* "You are here" section highlight */
body.apropos #nav li.apropos,
body.programmes #nav li.programmes,
body.realisations #nav li.realisations,
body.forums #nav li.forums,
body.ressources #nav li.ressources,
body.neuf #nav li.neuf,
body.contact #nav li.contact,
body.english #nav li.english {
	background-color : #E5DECF;	/* active tab matches body */
}

/*#nav a {
	background-color : #C3C4B1;	*//* sage green */
	/* must match .locked a background color */
/*}*/
#nav a:visited {
}
#nav a:hover {
	background : #CBCCB8;
	text-decoration : none;
}
#nav a:active {
}

#nav .english {
	font-style : italic;
}

/* _______________ Nav bar - search */




/* _____ Main content */

.dev-note {
	background : #ffc;
	font-family : "Courier New", Courier, monospace;
	padding : 0.1em 0.2em;
	border: 1px dashed #dda;
}

span.dev-note {
	margin : 0.5em;
}

.link-list {
	/* an <ul> of <li><a>, links highlighted by an icon */
	list-style-image: url(/images/RightArrow-11b.gif);
}

a.arrow {
	/* a standalone link with the same icon  */
	background-image: url(/images/RightArrow-11b.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
}

.new {
	background-color: #807C73; /*medium greige */
	color: #FFE8B2; /* cream */
	font-weight: bold;
}

.recent {
	/* Use for elements on the page, not inside tables or on colored backgrounds */
	background-color: #F2EBDA; /* lighter beige */
}

.date {
	/* standard styling for dates of documents, news, etc. -- but not events (see .timedate .date below) */
	/* background-color: #CCC6B8; */
}

.warning {
	background: transparent no-repeat left center;
	background-image: url(/images/warning.gif);
}

/* document-type icons */
.pdf, .txt, .doc, .ppt, .xls, .win, .zip {
	background: transparent no-repeat right center;
}
.pdf {
	background-image: url(/images/pdf.png);
}
.win {
	background-image: url(/images/win.gif);
}
.doc {
	background-image: url(/images/doc.png);
}
.zip {
	background-image: url(/images/zip.gif);
}
.ppt {
	background-image: url(/images/ppt.png);
}
.xls {
	background-image: url(/images/xls.gif);
}

/* "Reserved for members", used in nev bar and on pages - appears with padlock icon in left BG */
.locked a {
	background : url(/images/Lock.gif) no-repeat 1px;
}
#nav .locked a:hover {
	/* in nav bar, we must include BG color */
	background : #CBCCB8 url(/images/Lock.gif) no-repeat 1px;
}

/* Teaser link "Ce programme en images" */
.link-ce-programme-en-images {
	background : url(images/Ce-programme-en-images.gif) no-repeat right;
	font-size : 1.2em;
	font-family : "Trebuchet MS", Verdana, sans-serif;
}
.link-ce-programme-en-images_disabled,
.link-ce-programme-en-images_disabled:visited {
display: none;
	background : url(images/Ce-programme-en-images_disabled.gif) no-repeat right;
	font-size : 1.2em;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	color : #C4C6CB;
}
.link-ce-programme-en-images_disabled:hover,
.link-ce-programme-en-images_disabled:focus {
	text-decoration: none;
}
.link-ce-programme-en-images { /* REMOVE THIS WHEN SLIDESHOWS ARE DONE */
/*	display : none; */
}

/* "Peekaboo" footnotes, inline with text, that appear when hovered over */
a.inline-footnote, a.inline-footnote:hover {
	font-weight : normal;
	text-decoration : none;
	background : url(/images/Icon-note.gif) no-repeat 2px 0;
}

a.inline-footnote:hover span {
	background-color : #F2EBDA; /* HSB 40 10 95 */
	color : black;
	border-style : solid;
	border-color : white black black white;
	font-size : 0.75em;
	line-height : 1.1em;
}


/* Events  */

.timedate .date {
	background: url(/images/Icon-clock.gif) no-repeat center left;
}

.timedate .time {
	/* background: url(/images/Icon-?????.gif) no-repeat center left; */ /* no icon yet */
}

.timedate .place {
	background: url(/images/Icon-house.gif) no-repeat center left;
}

.timedate .city {
	/* background: url(/images/Icon-?????.gif) no-repeat center left; */ /* no icon yet */
}

/* _____ Footer */

#footer-gender-notice {
	color: #99948A;
}