/* Déclaration de la police */
@font-face{
  font-family:'Frankenstein';	
  src: url('OldNewspaperTypes.eot'); 	/* here you go, IE */
}
@font-face {
    font-family: "Frankenstein";
    src: url('OldNewspaperTypes.ttf');   /* everyone else take this */
}

html { 
  margin:0;
  padding:0;
 	background-color : #000;
/*
  background: url(images/tetemort.gif) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover; 
*/
}
hr {
	color: #ff6;
}
#container{
	margin-top: 50px;
	maggin-left: auto;
	maggin-right: auto;
	width: 800px;
	background-color : #000;
	font-size: 36px;
	font-family: "Frankenstein";
	font-weight: bold;
	text-align: center;
	color: #ff6;	
	z-index: 30;
}
#container2{
	margin-top: 50px;
	maggin-left: auto;
	maggin-right: auto;
	width: 800px;
	background-color : #000;
	font-size: 14px;
	font-family: "Frankenstein";
	font-weight: bold;
	text-align: center;
	color: #ff6;	
	z-index: 30;
}
#container2 a{
color:#ff6;
font-decoration:none;
}
#container2 a:hover{
color:#fc0;
font-decoration:none;
}
#container2 hr{
	border-color: #ff6; 
  border-style: solid; 
}
#container3{
	margin-top: 60px;
	maggin-left: auto;
	maggin-right: auto;
	width: 1000px;
	color: #ff6;	
	z-index: 10;
	background-color : #000;
}
#menu1 {
	position:fixed; 
	margin-right:10px;
	top:0;
	width:99%;
	background:black url(images/menu1.png) repeat-x;
}
#menu1 ul {
	display:table; /* contexte de formatage : alternative = inline-block */
	margin:auto;   /* centrage pour élément similaire a block, si inline-block, alors text-align:center; sur le parent  */
	padding:0;		/* reset marge interne */ 
}	
#menu1 li {
display:inline-block;  
font-family: "Frankenstein";
font-size: 16px;
 float:left; /*pour IE*/
border-left:1px solid black;
border-right:1px solid black;
 }
#menu1 ul li a {
 display:block;
 float:left;   
 width:auto;
 padding-left:10px;
 padding-right:10px;
 line-height:30px; /*hauteur de l'image de fond*/
 background:black url(images/menu1.png) repeat-x;
 color:white;
 text-decoration:none;
 text-align:center;
 padding-top: 5px;
 }
#menu1 ul li a:hover {
 background:black url(images/menu2.png) repeat-x;
 color:#fc0;
 }  
#menu1 li.current a {
	background:black url(images/menu2.png) repeat-x;
	color:#ff6;
}	



p {
	margin: 10px;
}

#colonneg {
	z-index:10;
	margin-top:0px;
    float: left;
    width: 30%;
    height:100%; 
	background-color : #000;
}

#colonned {
	z-index:10;
		margin-top:0px;
    float: right;
    width: 30%;
    height:100%;
	background-color : #000;
}

#centre {
	z-index:20;
	margin-top:50px;
	height:90%;
width: 40%;
    overflow: hidden;
    background: black;
}
#centre2 {
	z-index:20;
	margin-top:50px;
	height:90%;
width: 100%;
    overflow: hidden;
    background: black;
}
#footer {
	position:fixed; 
	margin-left:auto;
	margin-right:auto;	
	bottom:-5px;
	width:99%;
	height:40px;
	padding:0; 
	z-index:10;
	text-align:center;	
   	background: url(images/bar_bottom.png) repeat-x;
   	font-family: "Frankenstein";
/*   	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;  */
   	font-size: 14px;
   	color:#ff6;
}
#footer a{
color:#ff6;
font-decoration:none;
}
#footer a:hover{
color:#fc0;
font-decoration:none;
}
#erreur {
	color:#f00;
	font-weight: bold;
}	
hr {
	border-color: #ff6; 
  border-style: solid; 
}

/* Style pour éléments fixes  ------------------------------------------------------------------------------------------------ */  

#fixedmenu {
   position: fixed;
   bottom: 10px;
   right: 10px;
   width: 33px;
   background: transparent;
}
#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 33px;
   height: 33px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}
#fixedmenu ul, #fixedmenu li {
   list-style-type:none;
   margin: 10px 0;
   padding: 0;
}
#fixedmenu #up {
   background: transparent url(images/hautpage.gif) no-repeat;
}