@charset "UTF-8";
/* CSS Document */

/************************************************
* RAZ *
************************************************/
html,body,div,p,span,h1,h2,h3,h4,h5,h6,img,table,th,td,a,figure,figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #310;
}
:focus {
	outline: 0;
}
body {
	line-height: 1em;
}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6,ul,li {
	font-size: 1em;
}
/************************************************
* General elements *
************************************************/
body {
	background: #FFF;
	margin: 36px 0 0 0;
	padding: 0;
	font-family: "Palatino Linotype",
             Palatino,
             "URW Palladio L",
             Garamond,
             "URW Chancery L",
             Georgia,
             serif;
	font-size: 16px;
	line-height: 1.4em;
	color:#310;
}
p {
	margin : .5em 0 .25em 0;
}
a {
	color: #531;
	text-decoration: underline;
}
a:visited {
	color: #046;
}
a:active {
	color: #046;
}
a:hover {
	color: #963;
}
a {
	border: none;
}
img {
	border: none;
}
a img {
	border: none;
}
figure {
	float: none;
	width: auto;
	border: none;
	margin:0;
	padding:0;
}
figcaption {
	font-size:0.85em;
	line-height:1.4em;
	text-align:center;
	margin: .33em 0 .33em 0;
	padding:0;
}
div {
	border: none;
}
form {
	border: none;
}
sup {
	font-size:small;
	position:relative;
	line-height:.4em;
}
hr {
	border: 2px solid #321;
}
table {
	margin: .5em 0;
}
table th {
	color: #321;
}
table td,table th {
	padding: .5em .7em;
}
table th {
	background: url(images/whitetrans.png);
	text-transform: uppercase;
	border-bottom: 1px transparent;
}
table td {
	background: url(images/blacktrans.png);
	vertical-align: middle;
}
table tr.even td {
	background: url(images/blacktrans2.png);
}
table tr:hover td {
	background: url(images/whitetrans.png);
}
legend {
	padding: .2em .8em;
	font-size: 1.2em;
	text-transform: capitalize;
}

/************************************************

* General *

************************************************/

header {
	margin: 35px auto 0px auto;
	padding: 0;
	width: 936px;
	height: 190px;
	vertical-align:middle;
	line-height:normal;
}



#kappa {
	position: absolute;
	z-index: 2;
	width: 227px;
	height: 242px;
	top: 37px;
	margin-left: 50%;
	left: -453px;
	background:  url(images/kappa.gif);
}
/************************************************
* Le Menu*
************************************************/
#Linea {
	font-size:18px;
	margin:0;
	height:auto;
	padding:0;
	background-color:#CC3333;
	border:0;
	width:100%;
	text-align:center;
}
#Linea a {
	padding:3px 0 3px 0;
	margin:0;
	text-decoration:underline;
	text-align:right;
	font-weight:bold;
	font-style:italic;
	letter-spacing:.5px;
}
#Musique,#Lettres,#BeauxArts,#Pythagora,#Mythos {
	position:absolute;
	z-index:3;
	visibility:hidden;
	width:934px;
	height:auto;
	top:171px;
	margin-top:21px;
	left:50%;
	margin-left:-467px;
	background-color:#d5f1ff;
	line-height:1.3em;
	text-align:justify;
	padding:0 0 18px 0;
	border:0;
	-moz-box-shadow: 3px 3px 7px #b3b6b9; 
	-webkit-box-shadow: 3px 3px 7px #b3b6b9; 
	box-shadow: 4px 4px 7px #b3b6b9; 
}
#Musique p,#Lettres p,#BeauxArts p,#Pythagora p,#Mythos p {
	margin:.17em 18px .17em 18px;
	text-align:justify;
}
#Musique h1,#Lettres h1,#BeauxArts h1,#Pythagora h1,#Mythos h1 {
	font-size:2.1em;
	letter-spacing:6px;
	margin:6px 0px 6px;
	text-indent: 0px;
	text-align:center;
}
#Musique h2,#Lettres h2,#BeauxArts h2,#Pythagora h2,#Mythos h2 {
	font-size:1.5em;
	line-height:1.2em;
	letter-spacing:3px;
	margin:6px 0px 3px;
	text-align:center;
}
#Musique h3,#Lettres h3,#BeauxArts h3,#Pythagora h3,#Mythos h3 {
	font-size:1.2em;
	line-height:1.2em;
	letter-spacing:1px;
	margin:3px 0 3px;
	text-align:center;
}
#chiu {
	margin:4px 16px 0 0;
	font-style:italic;
	font-size:.9em;
	text-align:right;
}
#chiu a {
	color: #531;
	text-decoration: underline;
}
#chiu a:hover {
	color: #963;
}	
.chiudere {
	margin:4px 16px 0 0;
	font-style:italic;
	font-size:.9em;
	text-align:right;
}
.chiudere a {
	color: #531;
	text-decoration: underline;
}
.chiudere a:hover {
	color: #963;
}	

/************************************************
* A Sidebar named Colonna*
************************************************/
#colonna {
	float: right;
	width: 160px;
	font-size: 1em;
	line-height: 1.3em;
	text-align:center;
}