/* Trophallaxy - feuille de style globale
Sylvain Pellet, janvier 2008 */

/* general
-------------------------------------------------------- */
html, body{
	margin: 0;
	padding: 0;
	background: #1a2835;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #bbb;
}

#conteneur{
	width: 920px;
	margin: 1em auto;
	background: url("../images/fond_conteneur.png");
}

h1, h2, h3, h4, h5, h6, .moduletitle{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	text-indent: -5000px;
	line-height: 1px;
}

#entete h2{
	text-indent: -5000px;
	line-height: 1px;
} 

h2, .moduletitle{
	padding: 20px 0 10px 0;
	font-size: 1.8em;
	font-weight: bold;
}

a, a:visited{
	text-decoration: none;
	color: #fff;
}

a:hover{
	text-decoration: underline;
}
 
img{
	border: 1px solid #bbb;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* en-tête
-------------------------------------------------------- */
#entete{
	margin: 0;
	padding: 0;
	background: url("../images/fond_entetev2.png") top no-repeat;
	height: 225px;
}

#intro{
	float: left;
	width: 120px;
	margin: 130px 0 0 70px;
	padding: 0;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.4em;
}
#intro a{color: #fff;}
#intro a:hover{text-decoration: none;}

#liens_entete{
	float: right;
	width: 90px;
	margin: 125px 90px 0 0;
	padding: 0;
	color: #fff;
	font-size: 0.7em;
	text-align: right;
}
#liens_entete a{color: #fff;}
#liens_entete a:hover{text-decoration: underline;}

/* Barre de navigation principale (horizontale)
-------------------------------------------------------- */
#nav_haut{
	margin: 0 20px 0 0;
	padding: 0;
	height: 56px;
	background: #000;
}

#sections{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 750px;
	background: #000;
}

#sections li{
	text-indent: -5000px;
	float: left;
	width: 125px;
	height: 56px;
}

#sections li a{display: block; height: 56px;}

/* IDs spécifiques aux images de liens de navigation */
#news{background: url("../images/bouton_news.png") no-repeat left top; overflow:hidden;}
#news:hover{background: url("../images/bouton_news.png") no-repeat left bottom;}
#groupe{background: url("../images/bouton_groupe.png") no-repeat left top; overflow:hidden;}
#groupe:hover{background: url("../images/bouton_groupe.png") no-repeat left bottom;}
#media{background: url("../images/bouton_media.png") no-repeat left top; overflow:hidden;}
#media:hover{background: url("../images/bouton_media.png") no-repeat left bottom;}
#concerts{background: url("../images/bouton_concerts.png") no-repeat left top; overflow:hidden;}
#concerts:hover{background: url("../images/bouton_concerts.png") no-repeat left bottom;}
#contact{background: url("../images/bouton_contact.png") no-repeat left top; overflow:hidden;}
#contact:hover{background: url("../images/bouton_contact.png") no-repeat left bottom;}
#liens{background: url("../images/bouton_liens.png") no-repeat left top; overflow:hidden;}
#liens:hover{background: url("../images/bouton_liens.png") no-repeat left bottom;}

/* Barre de navigation secondaire (verticale)
-------------------------------------------------------- */
#nav_vert{
	margin: 200px 0 0 10px;
	padding: 0;
	width: 110px;
	font-size: .8em;
	position: absolute;
}

#nav_vert a, #nav_vert a:visited{
	color: #fff;
}

.pages{
	margin: 0;
	padding: 0;
}

/* page
-------------------------------------------------------- */
#contenu_ext{
	margin: 0 20px 0 0;
	padding: 0;
	background: url("../images/tribalhaut.png") no-repeat top;
}

#contenu_int{
	margin: 0;
	padding: 20px 30px 20px 150px;
	min-height: 400px;
	background: url("../images/tribalbas.png") no-repeat bottom;
	font-size: .8em;
}

/* pied
-------------------------------------------------------- */

#pied{
	clear: both;
	margin: 0;
	padding: 0;
	height: 45px;
	background: url("../images/fond_pied.png") bottom no-repeat;
	text-align: center;
	font-size: 0.7em;
}

#pied p{
	margin: 0;
	padding: 0;
}

/* Module Blog
-------------------------------------------------------- */
.weblog_subheader{
	margin: 0;
	padding: 0;
	font-style: italic;
}

.weblog_itemtitle{
	margin: 0;
	padding: 0;
}
.weblog_moduletitle{
	margin: 0;
}