@font-face {
    font-family: 'noto_sansbold';
    src: url('NotoSans-Bold-webfont.eot');
    src: url('NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('NotoSans-Bold-webfont.woff') format('woff'),
         url('NotoSans-Bold-webfont.ttf') format('truetype'),
         url('NotoSans-Bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansbold_italic';
    src: url('NotoSans-BoldItalic-webfont.eot');
    src: url('NotoSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('NotoSans-BoldItalic-webfont.woff') format('woff'),
         url('NotoSans-BoldItalic-webfont.ttf') format('truetype'),
         url('NotoSans-BoldItalic-webfont.svg#noto_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansitalic';
    src: url('NotoSans-Italic-webfont.eot');
    src: url('NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('NotoSans-Italic-webfont.woff') format('woff'),
         url('NotoSans-Italic-webfont.ttf') format('truetype'),
         url('NotoSans-Italic-webfont.svg#noto_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansregular';
    src: url('NotoSans-Regular-webfont.eot');
    src: url('NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('NotoSans-Regular-webfont.woff') format('woff'),
         url('NotoSans-Regular-webfont.ttf') format('truetype'),
         url('NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_burlington_scriptbold';
    src: url('SF_Burlington_Script_Bold-webfont.eot');
    src: url('SF_Burlington_Script_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Burlington_Script_Bold-webfont.woff') format('woff'),
         url('SF_Burlington_Script_Bold-webfont.ttf') format('truetype'),
         url('SF_Burlington_Script_Bold-webfont.svg#sf_burlington_scriptbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_burlington_scriptBdIt';
    src: url('SF_Burlington_Script_Bold_Italic-webfont.eot');
    src: url('SF_Burlington_Script_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Burlington_Script_Bold_Italic-webfont.woff') format('woff'),
         url('SF_Burlington_Script_Bold_Italic-webfont.ttf') format('truetype'),
         url('SF_Burlington_Script_Bold_Italic-webfont.svg#sf_burlington_scriptBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_burlington_scriptitalic';
    src: url('SF_Burlington_Script_Italic-webfont.eot');
    src: url('SF_Burlington_Script_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Burlington_Script_Italic-webfont.woff') format('woff'),
         url('SF_Burlington_Script_Italic-webfont.ttf') format('truetype'),
         url('SF_Burlington_Script_Italic-webfont.svg#sf_burlington_scriptitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_burlington_scriptregular';
    src: url('SF_Burlington_Script-webfont.eot');
    src: url('SF_Burlington_Script-webfont.eot?#iefix') format('embedded-opentype'),
         url('SF_Burlington_Script-webfont.woff') format('woff'),
         url('SF_Burlington_Script-webfont.ttf') format('truetype'),
         url('SF_Burlington_Script-webfont.svg#sf_burlington_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_blackregular';
    src: url('Walkway_Black-webfont.eot');
    src: url('Walkway_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Black-webfont.woff') format('woff'),
         url('Walkway_Black-webfont.ttf') format('truetype'),
         url('Walkway_Black-webfont.svg#walkway_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_boldregular';
    src: url('Walkway_Bold-webfont.eot');
    src: url('Walkway_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Bold-webfont.woff') format('woff'),
         url('Walkway_Bold-webfont.ttf') format('truetype'),
         url('Walkway_Bold-webfont.svg#walkway_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_obliqueregular';
    src: url('Walkway_Oblique-webfont.eot');
    src: url('Walkway_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Oblique-webfont.woff') format('woff'),
         url('Walkway_Oblique-webfont.ttf') format('truetype'),
         url('Walkway_Oblique-webfont.svg#walkway_obliqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_oblique_blackregular';
    src: url('Walkway_Oblique_Black-webfont.eot');
    src: url('Walkway_Oblique_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Oblique_Black-webfont.woff') format('woff'),
         url('Walkway_Oblique_Black-webfont.ttf') format('truetype'),
         url('Walkway_Oblique_Black-webfont.svg#walkway_oblique_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_oblique_boldregular';
    src: url('Walkway_Oblique_Bold-webfont.eot');
    src: url('Walkway_Oblique_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Oblique_Bold-webfont.woff') format('woff'),
         url('Walkway_Oblique_Bold-webfont.ttf') format('truetype'),
         url('Walkway_Oblique_Bold-webfont.svg#walkway_oblique_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_oblique_semiboldRg';
    src: url('Walkway_Oblique_SemiBold-webfont.eot');
    src: url('Walkway_Oblique_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Oblique_SemiBold-webfont.woff') format('woff'),
         url('Walkway_Oblique_SemiBold-webfont.ttf') format('truetype'),
         url('Walkway_Oblique_SemiBold-webfont.svg#walkway_oblique_semiboldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_oblique_ultraboldRg';
    src: url('Walkway_Oblique_UltraBold-webfont.eot');
    src: url('Walkway_Oblique_UltraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_Oblique_UltraBold-webfont.woff') format('woff'),
         url('Walkway_Oblique_UltraBold-webfont.ttf') format('truetype'),
         url('Walkway_Oblique_UltraBold-webfont.svg#walkway_oblique_ultraboldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_semiboldregular';
    src: url('Walkway_SemiBold-webfont.eot');
    src: url('Walkway_SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_SemiBold-webfont.woff') format('woff'),
         url('Walkway_SemiBold-webfont.ttf') format('truetype'),
         url('Walkway_SemiBold-webfont.svg#walkway_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway_ultraboldregular';
    src: url('Walkway_UltraBold-webfont.eot');
    src: url('Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Walkway_UltraBold-webfont.woff') format('woff'),
         url('Walkway_UltraBold-webfont.ttf') format('truetype'),
         url('Walkway_UltraBold-webfont.svg#walkway_ultraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {  
  background-color: white;  
  background-image: url(images/pawlonias.jpg);  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: top;
  margin: 0;
}  
  
#bloc_page {  
  margin-right: auto;  
  margin-left: auto;  
  width: 900px;
  position: relative;
}
p {  
  font-family: noto_sansregular;
  font-size: small; 
  color: #333333;
  margin-top: 1px;
  margin-bottom: 1px;
  margin: 0px;
  padding: 0px;
}

h2 {  
  font-family: walkway_semiboldregular;  
  font-size: xx-large;  
  color: #af7c34;
  margin: 0px;
  padding: 0px;
 }

h3 {  
  font-family: noto_sansregular;  
  font-size: medium;  
  color: #af3d33;
  letter-Spacing: 1pt;
  margin: 0px;
  padding: 0px;
  }

h4 {  
  font-family: sf_burlington_scriptregular;
  font-size: xx-large; 
  font-weight: normal;
  letter-Spacing: 6pt;
  margin-top: 0px;
  margin-bottom: 1px;
  margin: 0px;
  padding: 0px;
}

h5 {  
  font-family: walkway_semiboldregular;  
  font-size: large;  
  color: #af7c34;
  margin: 0px;
  padding: 0px;
 }

h6 {  
  font-family: noto_sansbold ;  
  font-style: small;  
  color: #af3d33;
 }

span {  
  font-family: sf_burlington_scriptbold;
  font-size: large;
  color: #333333;
  letter-Spacing: 2pt;
}

em {  
  font-style: normal;  
  font-size: x-large;  
  font-family: sf_burlington_scriptbold;
}

strong {  
  font-style: small;
  font-weight: normal;
  font-family: noto_sansbold;  
  color: #af3d33;
}

mark {
font-style: small;  
  font-family: noto_sansbold;  
  color: #af7c34;
  background-color: white;
}

.section h1 {  
  text-align: right;
}

p {  
  text-align: left;
  }

h2 {  
  text-align: right;
}

h3 {  
  text-align: right;
}
h4 {
  text-align: right;
}
 
nav a {  
  text-decoration: none;  
  color: black;  
  font-family: noto_sansregular;  
  font-size: small;
  padding: 5px;
}
a img {
  border: none;
}
a { 
  text-decoration: none; 
  color: #af3d33;
  border: none; 
}
nav ul {  
  list-style-type: none;
  text-align: right;
}

header {  
  width: 900px;  
  height: 150px;  
  position: absolute;  
  top: 0px;  
  left: 0px;
}

nav {  
  display: inline-block;  
  vertical-align: bottom;  
  width: 150px;  
  height: 750px;  
  position: absolute;  
  left: 0px;  
  top: 150px;
  padding-top: 550px;
}

aside {  
  display: inline-block;  
  width: 450px;  
  height: 700px;  
  vertical-align: top;  
  position: absolute;  
  top: 150px;  
  left: 450px;
  padding-top: 0px;
padding-left: 5px;
}

section {  
  display: inline-block;  
  width: 450px;  
  height: 700px;  
  overflow: auto;  
  vertical-align: center;  
  position: absolute;  
  top: 150px;  
  left: 0px;
  padding-right: 5px;
}

footer {
  vertical-align: bottom;  
  width: 750px;  
  height: 50px;  
  position: absolute;  
  top: 850px;  
  left: 150px;
}