/* redéfinition de balises HTML */

	/* style général du texte et du fond */
	html, body {
		color: #9c9c9c;
		background: black top left;
		text-align: center;
		font-size: 9pt;
		font-family: sans-serif;
		border: 0;
		
		scrollbar-face-color:#1d1d1d;
		scrollbar-arrow-color:black;
		scrollbar-track-color:#2e2e2e;
		scrollbar-shadow-color:'#2e2e2e';
		scrollbar-highlight-color:#2e2e2e;
		scrollbar-3dlight-color:#3c3c3c;
		scrollbar-darkshadow-color:#1d1d1d;	
	}

	/* balises d'image */
	img {
		border: 0;
	}

	/* Style de plusieurs contrôles: boutons, champs de saisie, drop lists... */
	.button,.submit{
		color: #9c9c9c;
		border: 1px #9c9c9c solid;
		background-color: #1d1d1d;
		font-size: 9pt;
		font-family: sans-serif;
		margin:0;
		padding:0 .25em;
		width: auto;
		overflow: visible;
	}
	/* effets d'hover (quand la souris survle l'élément) */
	.button:hover,.submit:hover{
		border: 1px #991530 outset;
	}

	.text,.password,textarea{
		border: 1px #9c9c9c solid;
		font-size: 9pt;
		font-family: sans-serif;
		background-color: #1d1d1d;
		color: #9c9c9c;
		padding: 1px;
		margin-right: 5px;
	}

	.text:hover,.password:hover,textarea:hover{
		background-color: #2e2e2e;
	}


	select {
		border: 1px #9c9c9c solid;
		font-size: 9pt;
		font-family: sans-serif;
		background-color: #1d1d1d;
		color: #9c9c9c;
		padding: 0;
		margin-right: 5px;
	}

	select:hover {
		background-color: #2e2e2e;
	}

	/* Couleur et style des liens */
	a, a:visited, a:active {
		text-decoration: none;
	color: #a0171b;
	}
	/* effet d'hover */
	a:hover {
		color: #f0171b;
	}

	/* Titres et paragraphes */
	h1 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 200%;
		min-height: 32px;
	}

	h2 {
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 160%;
	}

	h3 {
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: normal;
		font-size: 8pt;
	}

	p {
		margin: 0 0 10px 0;
		padding: 0;
	}

	hr {
		margin: 20px 0;
		border: inset 1px grey;
	}



/* Découpage de la page en blocs: entet, corps et pied */


	/* Conteneur général, hiérarchiquement sous BODY */
	#page {
		margin: 0 auto;
		width: 800px;
		background-color: black;
	}

		/* Entête de la page (avec le menu) */
		#entete {
			text-align: center;
			background: black url(images/entete.png) no-repeat top right;
			padding: 0;
			margin: 0;
			height: 200px;
		}

			/* Menu (sous forme de liste HTML) */
			#menu-general {
				clear: left;
				color: black;
				padding: 0;
				margin: 0;
			}

			#menu-general ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}

			#menu-general li {
				margin: 0;
				display: inline;
			}


	/* Trois conteneurs imbriqués pour pouvoir définir trois parties de background */

		/* Partie top: partie haute du background, affichée une seul fois */
		#corps-top {
			background: url(images/fond-top.jpg) no-repeat top left;
			padding-top: 10px;
		}

		/* Partie moyenne du background, répétée verticalement */
		#corps-flow {
			background: url(images/fond-flow.jpg) repeat-y top left;
		}

		/* Partie basse du background, une seul fois. */
		#corps-bottom {
			background: url(images/fond-bottom.jpg) no-repeat bottom left;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;
			text-align: justify;
		}


/* Division en colonnes */

	/* Colonne de gauche (contient le contenu principal du site) */
	#accueil-colonne-gauche {
		float: left;
		padding-left: 5px;
		width: 550px;
		text-align: justify;
		padding-top: 5px;
		overflow: hidden;
	}

	/* Colonne de droite: contient les annexes (Tyr, la shoutbox, etc...) */
	#accueil-colonne-droite {
		float: right;
		width: 190px;
		text-align: justify;
		overflow: hidden;
	}

/* Blocs contenus dans les colonnes */

	/* Bloc en haut à gauche, contient les news flash (une a la fois) */
	#accueil-bignews {
		padding: 5px;
		margin-bottom: 30px;
	}
	/* images de news flash */
	#accueil-bignews img {
		float: left;
		margin: 0 5px 0 0;
	}

	/* Sous les news flash à gauche, bloc de news */
	#accueil-news 	{
		padding: 5px;
	}
	/* Images de news */
	#accueil-news img{
		float: left;
		margin: 0 5px 0 0;
	}

	/* Bloc contenant la rune Tyr */
	#accueil-tyr {
		padding: 5px;
		margin-bottom: 30px;
	}
	/* Classe du conteneur de l'image */
	#accueil-tyr .couverture{
		text-align: center; 
	}

	/* Bloc contenant le widget last.fm (n'est pas utilisé sur le site, conservé pour compatibilité) */
	#accueil-lastfm {
		padding: 5px;
		margin-bottom: 30px;
	}

	/* Dimensions de l'iframe contenant la shoutbox */
	#iframe_shout {
		width: 180px;
		height: 350px;
		border: 0;
	}
	/* Dimensions du bloc contenant l'iframe */
	#conteneur_iframe_shout {
		width: 180px;
		height: 400px;
	}


	/* partie basse de la page galerie (contenue dans la colonne de gauche) */
	#galerie-view {
		text-align: center;
	}

	/* Partie haute de la page galerie */
	#galerie-selector {
		text-align: center;
	}

	/* Classe du conteneur des vignettes de la galerie */
	.float_gauche {
		float: left;
	}
	/* Vignette de galerie */
	.vignette {
		text-align: center;
		margin: 5px;
		padding: 5px;
		float: left;
		width: 105px;
		height: 105px;
		background: black url(images/1d1d1d.jpg);
	}
	/* Affichage en grand d'une image: le texte */
	.grosse-vignette-p {
/*		margin: 20px;
		padding: 30px;
		color: red;*/
	}


/* Lecture des news */

	/* Media box en mode enroulé */
	.shrinkedBox {
		border: 1px solid #9c9c9c;
		background: #1d1d1d url(images/continued.gif) no-repeat bottom right;
		padding: 5px;
		width: 200px;
		height: 30pt;
		overflow: hidden;
	}

	/* Media box en mode déroulé */
	.expandedBox {
		border: 1px solid #9c9c9c;
		background-color: #1d1d1d;
		padding: 5px;
		width: 200px;
		min-height: 30pt;
		overflow: hidden;
		z-index: 255;
		position: absolute;
		right: 0px;
	}

	/* Conteneur du bloc MEDIABOX */
	#mediabox-container {
		min-width: 200px;
		height: 30pt;
		margin-left: 10px;
		overflow: visible;
		float: right;
		z-index: 255;
		position: relative;
	}

	/* Image dans le texte alignée à droite */
	.droite {
		float: right;
		margin: 0px 0 10px 10px;
	}
	/* Idem à gauche */
	.gauche {
		float: left;
		margin: 10px 10px 10px 0px;
	}




/* Archives des news */
	
	/* Conteneur d'archive d'iune news, entre pointillés */
	.arch-news {
		border: 1px dashed #9c9c9c;
		background-color: #1d1d1d;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	/* effet d'hover */
	.arch-news:hover {
		border: 1px dashed #9c9c9c;
		background-color: #222222;
		margin: 5px 0 5px 0;
		padding: 5px;
	}
	/* Image dans une archive */
	.arch-news img {
		float: left;
		margin: 0 5px 0 0;
	}
	/* Sous titre en archive */
	.arch-news h3 {
		height: 8pt;
	}


/* Panneau admin */

	/* formulaires */

	/* chaque élément sur chaque formulaire */
	.element-formulaire {
		margin: 10px 0 10px 0;
		display: block;
		clear: both;
	}
	
	.libelle_element {
		width: 100px;
		float: left;
	}
		
	.input_element {
		clear: right;
		padding-left: 100px;
	}

	/* élément description */
	#description {
		width: 545px;
	}

	/* iframe contenant l'interface d'upload */
	#interface_upload {
		width: 770px;
		height: 170px;
		border: 0;
	}
	/* Conteneur de l'iframe */
	#conteneur_interface_upload {
		width: 775px;
		height: 190px;
		border-left: 1px dashed black;
		border-right: 1px dashed black;
	}

	/* Style de la pagination (aussi valable sur l'ensemble du site) */
	#pagination {
		margin-top: 20px;
		border-top: black 1px dashed;
		padding-top: 5px;
		clear: both;
	}

	/* Classe des iframe du popup de modif en mode visible */
	.visible {
		padding-top: 15px;
		visibility: visible;
		display: block;
		margin-top: 0px;
		border: 0;
		left: 0;
		z-index: 20;
	}
	/* Classe des iframe du popup de modif en mode invisible */
	.invisible {
		visibility: hidden;
		display: none;
		margin-top: 0px;
		border: 0;
		left: 0;
		z-index: 15;
	}


/* Classes utiles */

	/* Force le déroulement de la page jusqu'au pied, et non le pied en dessous de la colonne de droite */
	.spacer {
		clear: both;
		
	}

	/* Sépare les news flash des news normales (la barre grise de la page d'accueil) */
	.spacernews {
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
		background: black url(images/spacer.png) no-repeat top center;
		height: 17px;
		
	}

	/* Styles des messages d'erreur */
	.erreur {
		color: red;
		display: block;
		margin: 0 0 2ex 0;
	}
	
	.emphase {
		color: red;
		font-weight: bold;
	}

/* TAGS */

/* ligne de tags */

	.tag .title {
		/* color: '.$clr_entete->rvb.'; */
		font-weight: bold;
	}
	
	.tag {
		margin-top: 10pt;
	}
	/*
	 Tag Cloud 
	#tagCloud {
		float: right;
		width: 400px;
		position: relative;
		text-align: left;
	}
	
	#tagCloud .titre {
		display: block;
	}
	
	.tagInCloud {
		margin-right: 20px;
	}
	
	.tagInCloud:hover {
		background-color: '.couleuraupif($clr).';
		color: white;
	}
	
	.tagInCloud a  {
		color: '.couleuraupif($clr).';
	}
	
	.tagInCloud a:hover  {
		color: white;
	}
*/
/* Pied de page */

	/* Bloc de pied de page */
	#pied {

	}

	/* texte du pied de page */
	#pied .credits{
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 13px;
		clear: both;
		z-index: 1;
	}