/*Reset*/
*, html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
img { border:0 }
ol, ul, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal ; margin:5px 2px;}
#wrapper {background: rgba(117,237,238,0.8); width:1200px; margin:0 auto; border: solid 1px #fff; padding-top:5px;} /*A68634 */
/* html 5 specific */
nav, aside, header, footer, section, article {display:block; position:relative;}
hgroup { }
/* utility section */
br.clear {clear:both;}
div {position:relative;}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a {text-decoration:none; color:inherit;}
body {width:100%; font-family: Georgia, serif 16px; background: #7889ac; } /* set font here */
#two, #three, #four {display:none;}
/* headings and typography */
header {width:1200px; background:url(../images/header2.jpg) no-repeat #FFF2D0; height:250px; margin-top:-10px; border-radius:5px;} /* alt border-bottom:double 5px #A68634; */
header h1 {position:relative; top:72px; left:67px;}
div #navBut {height:40px; width:100%; top:-35px;}
#navBut h2 {color:white; font-size:1.5em;}
section {background:#fff; padding:25px 30px; } /* #FFF0CA*/
article {background: #fcffff; padding:5px 15px; margin:10px 0; text-align:justify; border-radius:12px; opacity:0.8; } /* old #77BAD5*/
article p {padding:2px; margin:5px 2px; line-height:1.3em; word-spacing:2px; font-size:1.2em; color:#2F7A53;}
article.displayzone {margin:40px auto; z-index: 5; opacity: 1;}
article.introtext {min-height: 180px;}
/*article#one {height:600px; overflow:scroll;} */
ul.horizontal {width:83%; margin:0 auto;}
ul.horizontal li {display:inline-block; text-align:center; background:white; height:25px; width:230px; margin:5px; padding:2px;}
ul.horizontal li a {line-height:22px; font-size:14px; display:block;}
ul.horizontal li a:hover {text-decoration:underline;}
ul.bts li a:hover {text-decoration:underline;}
ul.definitions {width:40%; float:left;}
ul.definitions li {margin:2px 0; padding:3px 5px; background:#FFF2D0; color:#2F7953;}
/* header etc nav */
nav {padding:10px; min-height:40px; font-size:0.9em; width:838px; margin:-10px auto;}
header nav {top:206px;}
nav ul li {width:200px; height:30px; background:white; display: inline-block; border:solid 1px black; margin:2px auto; text-align:center; line-height:30px; *zoom:1; *display:inline;} /* IE7 hack */
nav ul li a { height:30px; display:block; text-align:center; line-height:30px; }
ul li.bottom {position:relative; width:200px; left:370px;}
ul li.back {background:blue; color: white;}
ul li.pdf, ul li.bottom {background: yellow; }
/* when only one tab - put into centre */
ul.oneonly {width:240px;}
ul.threeonly {width:750px;}
ul.fivelinks {width:1200px;}
ul.fivelinks li {width:215px;}
ul.fivelinks li > ul li {width:215px;}
nav.wide {width:1026px; }
nav ul.dropdown li.current {color:#E1E1FF;}
ul.dropdown li a { height:20px; text-align:center; line-height:20px; }
/* drop down nav */
/*
From CSS-tricks.com ** multi-level drop down menu used on individual artist pages**
LEVEL ONE
*/
ul.dropdown { position: relative; z-index:10; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #FFF; line-height:28px; margin: 0 auto; }
ul.dropdown li:last-child {border-bottom: 1px solid black;}
ul.dropdown a:hover { color: #999999; text-decoration:underline; }
ul.dropdown a:active { color:black; }
ul.dropdown li a { display: block; padding: 4px 6px; color: #222; } /* colours origin #222 text, #333 border-right
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { opacity:0.95; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
/*
LEVEL TWO
*/
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: -1px; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; z-index: 20;
border-bottom: 1px solid #ccc; float: none; width:100%; font-size:0.8em;}
ul.dropdown ul li.wide {}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; display: inline-block; }
/*
/*
LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* second type of dropdown for corrigés only */
/*
From CSS-tricks.com ** multi-level drop down menu used on individual artist pages**
/*
LEVEL TWO
*/
ul.dropdown2 { position: relative; z-index:10; }
ul.dropdown2 ul { width: 230px; visibility: hidden; position: absolute; top: 35px; left:505px; }
ul.dropdown2 ul.fourwide {width: 230px; visibility: hidden; position: absolute; top: 35px; left:750px; }
ul.dropdown2 ul.fivewide {width: 230px; visibility: hidden; position: absolute; top: 35px; left:933px; }
ul.dropdown2 ul li { font-weight: normal; background: yellow; color: #000; margin:0px 0px;
border-bottom: 1px solid #ccc; float: none; width:100%; height:25px; font-size:0.8em;}
ul.dropdown2 ul li.wide {}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown2 ul li a { border-right: none; display: inline-block; }
ul.dropdown2 li.annee, ul li.corrections {border: solid 1px #999;}
/*
/*
LEVEL THREE
*/
ul.dropdown2 ul ul { left: 100%; top: 0; }
ul.dropdown2 li:hover > ul { visibility: visible; }
/* footer nav */
footer nav {padding:10px 10px 10px 50px; min-height:340px; font-size:0.9em; width:1150px;}
footer nav ul li {width:332px; height:21px; background:white; display: block; border:solid 1px black; margin:2px 0; text-align:center; line-height:21px; padding:2px;}
footer nav ul li a {text-align:center; line-height:18px;}
footer nav ul li:hover {background:#85EDF0;}
footervnav h2 {color:white;}
footer nav h3 {color:yellow;}
footer {width:1182px; background: #2F7593; height:503px; padding:30px 10px;}
footer div {width:330px; padding:10px; display: inline-block; float:left;}
/* bts pages */
footer.short {width:1182px; background: transparent; height:200px !important; padding:30px 10px;}
footer.short nav.bts {width:335px; margin:-57px auto; height:200px;}
nav.bts ul li {color:red;}
/* headings and typography */
.notactive {opacity:0.3;}
.link {text-decoration:underline;}
.red {color:#F82105;}
.white {color:white;}
.extended {letter-spacing:3px;}
.dark {color:#307951;}
header h1 {color:#B4FFFF;}
.hilite {
padding: 5px 0px;
position: relative;
text-shadow: 2px 2px 2px #AAAAAA;
margin-bottom:15px;
}
.medium {font-size:1.2em;}
.medium2 {font-size:1.5em;}
.smaller {font-size:0.8em;}
p { }
p.left {float:left; width:45%; padding:30px 25px 10px; font-size:1em;}
h1 {font-size: 2.8em; text-align:center; font-weight:800;}
h2 {font-size: 1.3em; text-align:center; font-weight:700;color:#F82105;}
h2.heading {color:#2F7A53; width:600px; background:#FFF2D0; margin:0 auto;}
h2.title {font-size:1.8em;}
footer nav h2.heading {background:white; width:300px;}
h3 {font-size: 1.1em;text-align: left; }
h4 {font-size: 1em; }
h5 {font-size: 0.9em; }
h6 {font-size: 0.8em; }
li.annee:hover, li.homework:hover {cursor: pointer;}
body.after2012 ul.horizontal li {width: 198px;}
body.after2012 ul.dropdown2 ul {left: 646px;}