/* 
Feuille de style 
pour Empyr-France
by Adrien B
 */
 
 /* Importation de Styles
----------------------------------------------- */

 
/*////////////////////////*/
/* Information de la page */
/*////////////////////////*/
 
 body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em; /* Taille de la police par défaut */
	margin: 0px; /* Pas de marge */
	padding: 0px; /* Pas d'espacement */
	color:black;
	border-style:hidden; /* Les bordures sont cachés */
	background-image:url(http://www.empyr-france.com/v1/images/fmain.png);
}

/*//////////////////////*/
/* Mise en page du site */
/*//////////////////////*/

#conteneur {  /* On centre le contenu de la page */
width: 780px; /* largeur fixée à 780 pixel */
position: absolute;
left: 50%;
margin-left: -375px;
background-color:#ECECEC;
border:#000000 solid 1px;
margin-top:20px;
}

/* Mise en page des images et tableaux */
img, table {
  border:0; /* On enlève la bordure par défaut des images et des tableaux */
}


/*//////////////////////*/
/*		Header & cie	*/
/*//////////////////////*/

div#header {
	background: url(http://www.empyr-france.com/v1/images/header.jpg) no-repeat top;
	width: 780px;	
	height: 248px;
}

#menuhorizon {
	width: 780px;
	height: 30px;
	background-image:url(http://www.empyr-france.com/v1/images/fmenu.png);
	vertical-align:middle;

}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menuhor {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 253px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menuhor dl {
float: left;
}
#menuhor dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:inherit;
margin: 1px;
color:#BEAAAB;
}
#menuhor dd {
display: none;
border: 1px solid #1C0F0F;
}
#menuhor li {
text-align: center;
background-image:url(http://www.empyr-france.com/v1/images/fondm.png);
}
#menuhor li a, #menuhor dt a {
color: #BEAAAB;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuhor dt a {
color:#BEAAAB;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menuhor li a:hover, #menuhor li a:focus, #menuhor dt a:focus {
background: #1F1212;
color:#BEAAAB;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}








div .formulaire_recherche {
	text-align:right;
	padding:5px 5px 0 0;
}

.formulaire_recherche input {
	padding:2px 0px 2px 20px;
	width:142px;
	background: #442D35 url(http://www.empyr-france.com/v1/images/q.png) no-repeat 4px center;
	border:1px solid #1E1111;
	color:#BEAAAB;
}


/*//////////////////////*/
/*		   Main 		*/
/*//////////////////////*/

#main {
	margin:0;
	width:760px;
	min-height:200px;
	padding:10px;
	background-image:url(http://www.empyr-france.com/v1/images/fmain.png);
}

#main:after {
content: "";
display: block;
clear: both;
}


#gauche{
	width:180px;
	height:100%;
	float:left;
}

#gauche .bloc {
	width:180px;
	background-color:#908A8A;
	padding:10px 5px;
	margin-top:5px;
}

#gauche .headerbloc {
	background-color:#A6A2A2;
	color: #402828;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 22px;
	margin-bottom:5px;
}

#gauche .bloc a{
color:#604849;
font-weight:bold;
}

#corps{
	margin:0 0 0 /*200*/0px;
	color:#1E1111;
	background-color:#908A8A;
	min-height:400px;
	padding:0.5em 1em;
}

#bienvenue {
background:url(http://www.empyr-france.com/v1/images/guillemet.png) no-repeat left top;
padding:0 0 0 40px;
font-style:italic;
}

#bienvenue .right-guillement {
background:url(http://www.empyr-france.com/v1/images/right-guillement.png) no-repeat right bottom;
padding:15px 40px 0 0;
font-weight:bold;
}

.post {
margin:10px;
}
.post-titre {
	background-color:#56373D;
	min-height:20px;
	padding:3px 5px;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 22px;
	color:#BEAAAB;
}

.post-cat {
	width:145px;
	float:left;
	border-right:black 1px dotted;
	font-size:10px;
}

.post-txt {
	padding:3px 5px;
	border:#56373D 1px dotted;
	border-bottom:0px;
	border-top:0px;
	min-height:50px;
}
.post-footer {
	min-height:10;
	color:#BEAAAB;
	text-align:center;
	background-color:#6A454D;
	padding:5px 2px;
}

.post-footer a {
color:#472E33;
font-weight:bold;
}

#footer{
margin-top:10px;
color:#BEAAAB;
text-align:center;
}
#footer a{
color:#705657;
font-weight:bold;
}