/*GENERALITE*/
/***************************************************************/

/*body {font: normal 100% "tahoma", georgia, verdana, sans-serif; color: #FC0000; background: #000000 url(./SiteImage/header.jpg) top center no-repeat scroll;}*/
/*body {font: normal 83% "tahoma", georgia, verdana, sans-serif; color: #FC0000; background: url(./SiteImage/metalnoir.jpg)}*/
body {font: 100% "tahoma", georgia, verdana, sans-serif; color: #FFFFFF; background: #000000}
h1 {margin: 0; color: #51262d; font-variant: small-caps;}

/*contenu des nouveaux post dans le script d'affichage de nouveaux posts*/
h2 {font: 80% "tahoma", georgia, verdana, sans-serif; font-size:8pt; text-align: left; color: #FFFFFF;}
h2:hover {color: #B1B4B1; }

h3 {font: 80%  "tahoma", georgia, verdana, sans-serif; margin: 0; text-align: center; border-bottom: dashed 1px #000000; color: #FFFFFF;}
h4 {font: 80% "tahoma", georgia, verdana, sans-serif; font-weight:bold; text-align: center; color: #FFFFFF;}
h5 {color: #CA0505; text-decoration: none;}

/*Titre des nouveaux post dans le script d'affichage de nouveaux posts*/
a {color: #0077D3; text-decoration: none; font-size:9pt;}
a:hover {color: #F7220F; text-decoration: underline;}

b {color: #FFFFFF; text-decoration: none; font-weight:bold; font-size:16pt;}
b:hover {color: #E8E9E7; text-decoration: underline;}

#header {margin-bottom: 25px; text-align: center;}
#header a {font-size:12pt}

.textmenu {font-size :12pt ;color: #ffff99; } 

/*#content { margin-left: 10px; width: 1200px; background-color: #E8E9E7; border: solid 3px #000000;}*/
#content {width: 1024px; background: #000000 ; border: solid 3px #000000; float:center}
#content p {text-align: left;}
#content a:hover {color: #FFFFFF;}

#footer {clear: both; margin-top: 25px; text-align: center;}

/*MENU*/
/***************************************************************/
#nav, #nav ul {
padding: 0;
list-style: none;
/*background:url(./SiteImage/metalrouge.jpg);*/
background-color:#940000;
text-align:center;
width:960px;
margin: 0;
display:inline-table;
}

#nav a {
display: block;
width: 10em;
/*background:url(./SiteImage/metalrouge.jpg);*/
background-color:#940000;
height:20px;
border:2px solid #CCCCCC;                 /*-----une bordure extérieur-------*/
text-align:center;
font:100% calibri, georgia, verdana, sans-serif;
color: #FFFFFF;         /*------donne une couleur à la police------*/
}

#nav li {
float: left;
width: 10em;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);  

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.clear {
	clear: both;
}

/*************************************************************/

/*MENU*/
/***************************************************************/
#naviphone, #naviphone ul {
padding: 0;
list-style: none;
/*background:url(./SiteImage/metalrouge.jpg);*/
background-color:#940000;
text-align:center;
width:960px;
margin: 0;
display:inline-table;
}

#naviphone a {
display: block;
width: 5em;
/*background:url(./SiteImage/metalrouge.jpg);*/
background-color:#940000;
height:30px;
border:4px solid #CCCCCC;                 /*-----une bordure extérieur-------*/
text-align:center;
font:100% calibri, georgia, verdana, sans-serif;
color: #FFFFFF;         /*------donne une couleur à la police------*/
}

#naviphone li {
float: left;
width: 5em;
}
#naviphone li ul {
	position: absolute;
	width: 5em;
	left: -999em;
}

#naviphone li:hover ul {
	left: auto;
}

sfHover_iphone = function() {
	var sfEls = document.getElementById("naviphone").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover_iphone);  

#naviphone li:hover ul, #naviphone li.sfhover ul {
	left: auto;
}