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

}
header
{
	background-image: url(images/pattern.png);
	background-repeat: repeat;
	background-position: top;
	margin:auto;
	box-shadow: 0px 0px 40px black;
	border-bottom: 2px solid #cdcdcd;
	border-top: 8px solid #cdcdcd;
	margin-top:20px;
}
#blocpage
{
	width: 100%;
}
body
{
	background-color: #272727;
	margin:auto;
}

.logo
{
	display: block;
	width: 600px;
	margin:auto;
	vertical-align: top;
}
nav
{
	display: inline-block;
    width: 300px;
	height: 15px;
	text-align: right;
	position: relative;
	right: -50px;
	top: -10px;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 15px;
}
a img
{
    float: left;
    margin: -5px;
}

article
{
	width: 640px;
	margin:auto;
	overflow: auto;
	background-image: url(images/pattern.png);
	background-repeat: repeat;
	border: 2px solid #cdcdcd;
	border-top: 6px solid #cdcdcd;
	box-shadow: 0px 0px 40px black;
	padding: 40px;
	margin-top: 40px;
	margin-bottom: 80px;
}
a
{
	font-family: 'TitilliumText22LXBold';
	font-size:1.5em ;
	color: #cdcdcd;
	text-decoration: none;
	text-shadow: 2px 2px black;
}
h1
{
	font-family: 'TitilliumText22LXBold';
	font-size:1.7em ;
	color: #cdcdcd;
	text-align: center;
	font-weight: bold;
	text-shadow: 2px 2px black;
}
p
{
	font-size:1.1em ;
	font-family:"Tw Cen MT" ;
	color: #e9e9e9 ;
	text-align: justify;
	overflow: auto;
	margin: auto;
}
p a
{
	font-size:1.1em ;
	font-family:"Tw Cen MT" ;
	color: #e9e9e9 ;
	text-align: justify;
	overflow: auto;
	margin: auto;
}

.video
{
	width: 640px;
	height: 360px;
	margin: auto;
	box-shadow: 0px 0px 20px black;

}