@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700);

body{
	ont-family:Verdana, Helvetica, sans-serif;
	font-family: "Anonymous Pro", Courier, courrier, monospace ;
	letter-spacing:3px;
	font-size: 16px;
	margin: 0 20px;
	padding:0;
	background-color:#333;
	background-image:url(images/back.gif);
	ackground-repeat:repeat-x;
	color:#aaa;
}
	/* hide from ie on mac \*/
	html {
		height: 100%;
		verflow: hidden;
	}
	
	#flashcontent {
		height: 100%;
	}
	/* end hide */

#extbox {
	max-width:790px;
	width:790px;
	width:100%;
	margin:0 auto;
}
@media only screen and (max-device-width:800px) {
#extbox {
	max-width:100%;
	width:100%;
}
}
#mainbox {
	border-width: 0 4px;
	border-color:#990000;
	border-style:solid;

	padding:0 0 12px 0;

	background-color:#191919;
	background-color:#fafafa;
	background-image:url(images/fond-s2.png);
	background-repeat:no-repeat;
	background-position:110px 180px;

	color:#333;
}

h1 {
	font-size:42px;
	padding:28px 0 32px 0;
	margin:0;
	text-align:center;
}
h2 {
	margin:40px 0 12px 0;
	font-size:18px;
	color:#000;
	display:none;

}
h3 {
	margin:26px 0 6px 0;
	padding:0;
	font-size:14px;
	color:#000;
	font-weight:bold;
	font-weight:none;
	text-decoration:underline;
}


h5 {
	margin:20px 0 6px 0;
	padding:0;
	font-size:12px;
	color:#303;
}


a {
	color:#333;
}
a:hover {
	color:#000;
	text-decoration:none;
}

.role {
	color:#ff6600;
	olor:#303;
}

nav {
	clear:both;
	height:20px;
	margin:0px auto 12px auto;
	padding:1%;
	text-align:center;
	font-size:16px;

	border-width: 1px 0;
	border-color:#990000;
	border-style:solid;
	background-color:#eee;
}
@media only screen and (max-device-width:800px) {
nav {
	height:30px;
	font-size:28px;
}
}

nav a, nav a:visited, nav a:active {
	display:block;
	float:left;
	padding:2px 2%;
	margin:0px 0.4%;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	border-radius:5px;
}
nav a:hover {
	color:#000;
	background-color:#ccc;
	font-weight:bold;
	text-decoration:none;
}
nav a.menuhigh {
	color:#000;
	background-color:#ccc;
}

article {
	min-height:700px ;
	_height:700px;
	margin:20px 30px 0 30px;
	text-align:justify;
	order:solid 1px red;
}

footer {
	clear:both;
	margin:0px 0 0px 0;
	padding:8px 0 6px 0;
	text-align:center;
	font-size:14px;

	border-width: 1px 4px 0 4px;
	border-color:#990000;
	border-style:solid;

	background-color:#eee;
}
@media only screen and (max-device-width:800px) {
footer {
	height:38px;
	font-size:22px;
}
}
footer a, footer a:visited, footer a:active {
	color:#666;
	text-decoration:none;
}
footer a:hover {
	color:#666;
	text-decoration:underline;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:2%;
	width:96%;
	height:96%;
}