@font-face {
    font-family: 'libre_caslon_textitalic';
    src: url('Fonts/librecaslontext-italic-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'introrustg-base2line';
    src: url('Fonts/introrustg-base2line-webfont.woff2') format('woff2'),
         url('Fonts/introrustg-base2line-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cinematografica-extrabold';
    src: url('Fonts/cinematografica-extrabold-webfont.woff2') format('woff2'),
         url('Fonts/cinematografica-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'CorbertCondensed-Regular';
    src: url('Fonts/CorbertCondensed-Regular-webfont.woff2') format('woff2'),
         url('Fonts/CorbertCondensed-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    
    font-family: 'CorbertCondensed-Italic';
    src: url('Fonts/CorbertCondensed-Italic-webfont.woff2') format('woff2'),
         url('Fonts/CorbertCondensed-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a:visited {
	color: #000;}
a:active {
	color: #222A7E;}

body
{
background: url("IMAGES/SILIR3.jpg") fixed;
background-position:350px 10px;
text-shadow:3px 3px 2px grey;

}

img {
  box-shadow: 15px 15px 10px grey; 
}

header
{
position: fixed;
top: -15px;
left: 25px;
font-family:'introrustg-base2line', "Arial",sans-serif;
font-size:27px;
letter-spacing: -2px;
text-shadow:4px 4px 3px white;
}

section
{
    position:absolute;
    left: 355px;
	right: 10px;
    top: 35px;
    padding: 0px 55px 0px 0px;
    font-size: 26px;
	line-height:45px;
    text-align:left;
    font-family: 'libre_caslon_textitalic', "Times", serif;
	letter-spacing: 1.5px;
}

footer
{
    position:fixed;
	left: 0px;
	bottom: 0px;
    z-index: 5;
    background-color: grey;
    padding: 0px 25px 0px 25px;
    font-size: 0.8em; /* Paragraphes */
    text-align:left;
    font-family: 'CorbertCondensed-Regular', "Helvetica", sans-serif; color: white;
}


#container {width: 290px;}
#header {height: 40px; margin-left: 0px;}
#button {height: 200px;width: 290px; margin: auto;}

ul, li {margin:0; padding:0; list-style:none;}

.menu_class {border:1px solid #1c1c1c;}
.the_menu {display:none; width:230px; margin-left: -10px; margin-top: 15px;border: 1px solid #1c1c1c;}
.the_menu li {background-color: white;}
.the_menu li a {color:#000000; text-decoration:none; padding:15px; 	display:block;}
.the_menu li a:hover {padding: 10px; color: white; text-shadow:4px 4px 3px black; background: grey}
		

.poeme
{
    text-align:right;
}

.Dante
{
    text-align:right;
	font-weight:bold;
	
}
.note
{
    font-family: 'CorbertCondensed-Regular', "Helvetica", sans-serif;
	
     font-size: 12px;
}