@font-face {
	font-family: 'basictitlefont';
	src: url('fonts/basictitlefont-webfont.eot');
	src: url('fonts/basictitlefont-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/basictitlefont-webfont.woff2') format('woff2'),
	url('fonts/basictitlefont-webfont.woff') format('woff'),
	url('fonts/basictitlefont-webfont.ttf') format('truetype'),
	url('fonts/basictitlefont-webfont.svg#basic_title_fontregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Istok';
	src: url('fonts/istok-webfont.eot');
	src: url('fonts/istok-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/istok-webfont.woff2') format('woff2'),
	url('fonts/istok-webfont.woff') format('woff'),
	url('fonts/istok-webfont.ttf') format('truetype'),
	url('fonts/istok-webfont.svg#istok_webregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic);

body{
	background-color:black;
	margin:0;
	font-family: 'Open Sans', Istok, Arial, Helvetica, sans-serif;
	line-height:1.2;
	font-size:11pt;
	color:white;
	overflow: scroll;
}

#halo{
    position:fixed;
    top:0;
    right:0;
    z-index:-99999;
	background:url("images/fond2.png") right top no-repeat;
	width:100%;
    height:800px;
}

#cadre{
    position:fixed;
    top:0;
    left:0;
    z-index:-99998;
	background:url("images/fond1.png") left top no-repeat;
    width:100%;
    height:800px;
}

#basdepage{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}

#admin{
    font-size:70%;
    position:fixed;
    bottom:9px;
    left:8px;
}

#admin a{
    color:#AAAAAA;
    text-decoration:none;
    font-weight:normal;
}

#admin a.hidden{
    color:#1A171B;
    text-decoration:none;
    font-weight:normal;
}

#admin a:hover, #admin a:active{
    color:#DDDDDD;
}

#menu{
	margin-left:310px;
	position:absolute;
	top:0;
}

#menu img{
	vertical-align:top;
}


#hauteur_min{
	height:600px;
	width:300px;
	float:left;
}

#espacement-texte{
	height:50px;
	width:367px;
	float:left;
}

#trait{
	padding-top:10px;
	text-align:center;
}

#contenu{
	width:580px;
	padding-top:180px;
    padding-bottom:50px;
	float:left;
}

#contenu-2{
	background:url("images/gris.png") repeat;
	color:#888;
}

#texte, #statique{
	padding: 10px 20px;
}

#mentions{
	background-color:#1a171b;
	width:100%;
	height:30px;
	text-align:center;
	border:1px #131114 solid;
	border-right:none;
	border-left:none;
	clear:both;
}

#mentions p, #mentions a{
	margin-top:7px;
	color:white;
	text-decoration:none;
	font-weight:normal;
	opacity:0.7;
}

#mentions a:hover{
	color:#ee7f00;
}

#icones{
	text-align:right;
	margin-right:10px;
	float:right;
	margin-top:30px;
}

h1, h2, h3 {
	font-family: basictitlefont, Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top:0;
}

h2 {
	margin-bottom: 3px;
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

h4 {
    font-weight: normal;
}

hr {
    height: 1px;
    color: #555;
    background-color: #555;
    border:0;
    width:510px;
    margin: 10px auto;
    text-align:center;
    padding:0;
}

iframe, .mce-object-iframe, #contenu-2 img {
	box-shadow:
			0 0 0 2px #ed7e00,
			0 0 0 5px #6f121b;
	border: 0;
}

#contenu-2 p {
	margin:4px 0;
}

#lien-musique, #musique-suivante {
	cursor:pointer;
	height: 24px;
	vertical-align: top;
}
a:focus{
	outline:0;
}

img{
	border:none;
}

a{
	color:#FFF;
}

a:hover{
	color:#ee7f00;
}

object:focus{
	outline:0;
}