html,body{
	padding:0;
	margin:0;
	border:0; /* This removes the border around the viewport in old versions of IE */
	min-width:800px; /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
}
/*~~~~~~~~~~COLUMNS~~~~~~~~~~*/
/* Column container */
#colmask{
	position:relative; /* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%; /* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
}
/* Common column settings */
#colright,
#colmid,
#colleft{
	float:left;
	width:100%; /* width of page */
	position:relative;
}
#col1,
#col2,
#col3{
	float:left;
	position:relative;
	margin-top:12px; /* no left and right padding on columns, we just make them narrower instead */
	overflow:hidden;
	min-height:800px;
}
/* 3 Column settings */
.threecol{
	background:#fff; /* right column background colour */
}
.threecol #colmid{
	right:16%; /* width of the right column */
	background:#fff; /* center column background colour */
}
.threecol #colleft{
	right:68%; /* width of the middle column */
	background:#fff; /* left column background colour */
}
.threecol #col1{
	width:64%; /* width of center column content (column width minus padding on either side) */
	left:102%; /* 100% plus left padding of center column */
}
.threecol #col2{
	width:14%; /* Width of left column content (column width minus padding on either side) */
	left:21%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol #col3{
	width:14%; /* Width of right column content (column width minus padding on either side) */
	left:91%; /* Please make note of the brackets here:
		(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
#colmid,
#colleft{
	border-right:2px solid grey; /*CHANGE*/
}
/*~~~~~~~~~~GENERAL~~~~~~~~~~*/
h1,h2,h3,h4,h5
{
	text-align:center;
}
a{
	color:inherit;
	text-decoration:none;
}
a:active,
a:focus{
	outline: none;
}
ul,
li{
	list-style-type:none;
	padding-left:0;
}
div,table,tbody,tr,td{
	padding:0;
	margin:0;
	border:0;
}
.w100{
	width:100%;
}
.w50{
	width:50%;
}
.w40{
	width:40%;
}
.w25{
	width:25%;
}
.w16{
	width:16%;
}
/*~~~~~~~~~~HEADER~~~~~~~~~~*/
#header{
	position:relative;
	height:150px; /*CHECK*/
	background:#EEEEEE;							/*CHANGE*/
	border-bottom:2px solid #336699;	/*CHANGE*/
	z-index:2;
}
#logo{
	text-align:center;
}
#title{
	width:100%;
	float:left;
	text-align:center;
}
#title h1,
#title h2{
	margin-top:0;
	margin-bottom:0;
	font-weight:normal;
}
#tw{
	width:56%;
	height:6ex;
	margin:auto;
	padding-bottom:14px;
	padding-top:10px;
	background:#CECECE;	/*CHANGE*/
	border:2px solid #336699;	/*CHANGE*/
}
#tw h4,#tw h5{
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:5px;
}
#TP{
	font-family:'trajan pro', tp;
}
.GS,
div#tw h5{
	font-family: 'Gill Sans', 'GillSansStd', 'Gill Sans Mt', gs, helvetica, 'Helvetica Neue', arial, sans-serif;
}
@font-face{
	font-family:gs;
	src: url('GillSansStd.otf') format('opentype');
}
@font-face{
	font-family:gs-Bold;
	src: url('http://www.text-works.org/Texts/TW_styles/gs-Bold.otf') format('opentype');
}
@font-face{
	font-family:tp;
	src: url('TrajanPro-Regular.otf') format('opentype');
}
/*~~~~~~~~~~MAIN~~~~~~~~~~*/
#main{
	font-size:100%;
	font-family:'palatino linotype',palatino,georgia,serif;
	padding-left: 7%;/*CHECK*/
	padding-right: 10%;/*CHECK*/
	line-height:1.2;
}
/*CHECK FOLLOWING 2 BLOCKS*/
#main_title,
.main_title,
.subtitle,
.indexHeading{
	text-align:center;
	font-family: gs,'Gill Sans', 'GillSansStd', 'Gill Sans Mt', helvetica, 'Helvetica Neue', arial, sans-serif;
	font-size:175%;
}
.subtitle{
	margin-top:5px;
	font-weight:normal;
	font-size:130%;
}
.n{
	width:2.5em;
}
.l_n,
.st_n{
	font-size:70%;
	text-align:left;
	color:grey;
}
/*~~~~~~~~~~TEXT~~~~~~~~~~*/
.PoemPart,.astérisme{
	text-align:center;
}
.space4{
	width:4em;
}
.space2{
	width:2em;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.justify{
	text-align:justify;
}
.f120{
	font-size:120%;
}
.f90{
	font-size:90%;
}
.f85{
	font-size:85%;
}
.f80{
	font-size:80%;
}
.f75,.small{
	font-size:75%;
}
.f60{
	font-size:60%;
}
.sc{
	font-variant:small-caps;
}
.b{
	font-weight:bold;
}
.maigre{
	font-weight:normal;
}
.u{
	text-decoration:underline;
}
.border_left{
	margin-left:2px;
}
.indent{
	text-indent:2em;
}
.apparatus{
	font-family: didot, garamond, serif;
	line-height:1.5;
	margin-top:0;
	margin-bottom:0;
}
/*~~~~~~~~~~MENUS~~~~~~~~~~*/
.menu,
#num{
	font-size:90%;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
}
#menu1{
	position:relative;
}
#menu1,
#menu2{
	z-index:1;
}
#menu2.fixed{
	position: fixed;
	width:13.8%;
	right:1%;
	top:12px;
}
.menu h3,
.menu h4,
.menu h5,
.menu h6,
#num h6{
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
}
.menu h3{
	padding-bottom:6px;
	font-variant:small-caps;
}
.menu h4{
	font-weight:bold;
}
.menu h5,
.menu h6,
#num h6{
	font-weight:normal;
}
.menu h5 a:hover,
.menu h6 a:hover{
	font-weight:bold;
}
#youAreHere,
.youAreHere{
	font-weight:bold;
}
#num{
	position:fixed;
	bottom:12px;
	left:1%;
	width:13.8%;
	opacity:0.7;
	/*filter:alpha(opacity=70);*/ /* For IE8 and earlier */
	padding-top:5px;
	padding-bottom:5px;
	z-index:0;
}
#num h6{
	opacity:1;
	/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
	font-size:75%;
}
#nav{
	width:67.85%;
	position:fixed;
	left:16%;
	bottom:0%;
	z-index:0;
	opacity:0.7;
	/*filter:alpha(opacity=70);*/ /* For IE8 and earlier */
	font-size:90%;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
}
#close{
	margin-top:0px;
	margin-bottom:0px;
	}
#close2{
	margin-top:2px;
	margin-right:2px;
	font-size:75%;
}
#nav h4{
	opacity:1;
	/*filter:alpha(opacity=100);*/ /* For IE8 and earlier */
	margin-top:0px;
	margin-bottom:15px;
}
.noMargin{
	margin-bottom:0;
}
/*~~~~~~~~~~INDEX~~~~~~~~~~*/
.IndivIndex table{
	width:100%;
}
.IndivIndex table tr td.w{
	width:25%;
	vertical-align:top;
}
.IndivIndex table tr td.ref{
	text-align:justify;
}
/*~~~~~~~~~~T-BOXES~~~~~~~~~~*/
.tBox,.smTBox{
	padding-left:1.2em;
	padding-right:1.2em;
	font-family:Helvetica, Arial, sans-serif;
	text-indent:1.5em;
	text-align:justify;
}
.tBox{
	width:70%;
	margin:0 auto;
	font-size:85%;
}
.smTBox{
	margin-left:5em;
	margin-right:1em;
	padding-top:1em;
	padding-bottom:1em;
}
/*~~~~~~~~~~FOOTER~~~~~~~~~~*/
#footer{
	position:relative;
	bottom:0;
	clear:both;
	float:left;
	width:100%;
	height:200px;
	text-align:right;
	font-family:'Gill Sans', 'Gill Sans Std', 'Gill Sans MT', Helvetica, Arial, sans-serif;
	font-size:90%;
	z-index:2;
}
#footer p{
	margin-right:30px;
}
#footer a:hover{
	font-weight:normal;		/*CHECK*/
}