/************************** STYLES GLOBAUX *****************************/
body {
	font-family : "Verdana";
	background-color : #ffffff; 
	font-size : 10pt;
	margin : 10pt auto 0pt auto;
	max-width:1024px;
}

div#TWFWrapper {
	width : 100%;
}

table#TWFLayout {
	border-collapse : collapse;
	width : 100%;
}
td {
	background-color : black;
	color : white;
	vertical-align : top;
	font-size : 8pt;
}
td img {
	border : none;
	margin : 0pt;
	vertical-align : middle;
}


td { 
	background-color:#000000; 
	color : #ffffff;
	vertical-align : top;
	font-size : 8pt;
	text-align : left;
}



/************************** PIED DE PAGE *****************************/
div#pied_page {
	font-family:"Verdana";
	font-size: 6pt;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}



/************************** STYLES GLOBAUX *****************************/

table { border-collapse : collapse; }

hr {
	height : 1px; 
	border : none;
	background-color : #666666;
}
hr.court {
	width : 30%;
}

p {
	font-size : 8pt;
	padding : 3pt;
}

img {
	border : none;
	margin : 0pt;
	vertical-align : middle;
}

img.pochette {
	border:1px solid #555555; 
	margin-right:10px;
	margin-left:10px;
}

img.randomImage {
	border : 2px solid #cccccc;
}

a {
	font-weight : bold;
	text-decoration : none;
}

a:link {
	color: #ffcc66;
}

a:visited {
	color: #ffcc66;
}

a:hover {
	color: #cc0000;
}

h1 {
	font-family : "Trebuchet MS", "Verdana";
	font-size : 14pt;
	color: #cc9966;
	text-align : center;
	padding : 5pt;
}

h2 {
	font-family : "Trebuchet MS", "Verdana";
	font-size : 12pt;
	color: #ffcc99;
	text-align : left;
}

li {
	font-size : 8pt;
}




/*************************************************************************/
/* Pour les listes de liens (membres de l'equipe, liste des fanzines...) */
dl.ListeDeLiens {
	padding-left : 10pt;
	width : 200pt;
}
dl.ListeDeLiens dd {
	padding : 3pt;
	margin : 0px;
	margin-bottom : 10pt;
}
dd.LienDeListeActuellementAffiche {
	border : 1px solid white;
}




/************* TABLEAU POUR MISE EN PAGE EN COLONNES ********************/

table.colonnage {
	width : 100%; 
}

table.colonnage td.colonnage {
	padding-left : 20pt;
	padding-right : 20pt;
	vertical-align : top;
	width : 50%;
	font-size : 8pt;
}

table.colonnage td.bordgauche {
	border-left : 1px solid #202020;
}
/*
table.colonnage tr.colonnage td.colonnage:first-child {
	border-right : 3px dashed #666666 ;
}
*/
table.colonnage3 {
	width : 100%;
}

table.colonnage3 td.colonnage3 {
	width : 33%;
}

/************************** MISES EN FORME DE BASE *****************************/

/* paragraphes de texte */
p.paragraphe {
	font-size : 8pt;
	text-align: justify;
}

.largeur90pc { 
	width : 90%; 
	margin-left : 5%;
}
.largeur75pc { 
	width : 75%; 
	margin-left : 12%;
}
.largeur50pc { 
	width : 50%; 
	margin-left : 25%;
}
.gauche { text-align : left; }
.droite { text-align : right; }
.centre { text-align : center; }
.verticalcentre { vertical-align : middle; }
.verticalhaut { vertical-align : top; }
.italique { font-style : italic; }
.gras { font-weight : bold; }
.encadre { border : 1px solid #666666; }
.couleur_discrete { color : #666666; }
.marges20 { margin : 20pt; }
.margesauto { margin : auto; }
.paddingL20 { padding-left : 20pt; }
.paddingR20 { padding-right : 20pt; }
.paddingT20 { padding-top : 20pt; }
.paddingB20 { padding-bottom : 20pt; }
.gros_texte { font-size : 14pt; }
.traitbas {
	border-bottom : 1px solid #666666;
}
table.discographie, table.discographie tr, table.discographie tr td {
	border-collapse : separate;
}

table.discographie div.droite {
	text-align : right;
}

td.date_sortie_plouf {
	width : 185px;
	background-image : url('degr_ovale_rouge_185x45.gif');
	background-repeat : no-repeat;
	background-position: 0 50%;
	border-left : 1px solid #555555;
	border-right : 1px solid #555555;
}

td.date_sortie {
	width : 120px;
	font-weight : bold;
	color : #660000;
	background-color : #ccbbaa;
}

a.discret:link {
	color : inherit;
	text-decoration : inherit;
	font-weight : inherit;
}

a.discret:visited {
	color : inherit;
	text-decoration : inherit;
	font-weight : inherit;
}

a.discret:hover {
	color : #cc0000;
	text-decoration : inherit;
	font-weight : inherit;
}



/****************** TABLEAUX POUR GRILLES DE DONNEES *************************/
table.grille {
	border : 1px solid #333333;
}
table.grille th, tr.grille th {
	border : 1px solid #333333;
	padding : 3pt 5pt;
	text-align : center;
	background-color : #ccbbaa;
	color : #330000;
}
table.grille td, tr.grille td {
	border : 1px solid #333333;
	padding : 3pt 5pt;
}


/*
	TRES IMPORTANT
	
	Il est crucial de conserver ces styles dans ce fichier dedie, 
	pour que le forum puisse les utiliser sans qu'il subisse les 
	autres styles du site. 
*/





/********************* MENU DYNAMIQUE ************************/
div#menuTabs {
	font-family:"Verdana";
	width : 100%; 
	z-index : 99;
	margin : 0pt;
	font-size : 8pt;
	text-align : center;
	/*border : 1px solid white;*/
}
div#menuTabs dd {
	float:left;
	margin : 0px 0px 0px 10px;
	padding : 5pt 0pt 3pt 0pt ;
	background-color : #330000;
	font-weight : bold;
	width : 100px;
	text-align : center;
	background-image : url('fond_onglet_100x30.gif');
}
div#menuTabs a {text-decoration:none;}
div#menuTabs a:link {color:white;}
div#menuTabs a:visited {color:white;}
div#menuTabs a:hover {color:white;}
div#menuTabs dd:hover {background-color : #660000;}
div#menuTabs dd.rubrique_courante {
	background-color : #660000;
}


/********************* SOUS MENU ************************/

div#menuSubmenu {
	width : 99%; 
	background-color : #660000;
	font-weight:normal; 
	padding : 0pt;
	margin : 0px 0px 30px 0px;
	/*border : 1px solid white;*/
}
div#menuSubmenu dl {
	padding : 0pt 5pt 0pt 5pt;
	margin : 0pt;
	height : 18px;
}
div#menuSubmenu dd {
	display : inline;
	margin : 0pt;
	padding : 0pt;
	padding-left : 0pt;
	padding-right : 20pt;
	vertical-align:middle;
}

div#menuSubmenu a {color:white; font-weight:normal; text-decoration:none; font-size : 8pt;}
div#menuSubmenu a:visited {color:white;}
div#menuSubmenu a:hover {color:white; text-decoration : underline;}






/*************************** BOITE A CANARDS ALCOOLIQUES ***********************/
/******************************** (ou coins ronds) *****************************/
div.boite {
	/*padding : 10px;*/
	background-color : #ccbbaa;
	color : #330000;
}
div.boite div.contenuBoite {
	padding : 5pt;
}
div.boite h1, div.boite h2 {
	margin-top : 0;
	color : #330000;
}
div.boite td {
	background-color : #ccbbaa;
	color : #330000;
}
div.couleur2, div.couleur2 td {
	background-color : #ffeedd;
}


div.boite a:link {
	color : #660000;
}
div.boite a:visited {
	color : #660000;
}
div.boite a:hover {
	color : #cc0000;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	/*margin: -10px -10px 0px -10px;*/
	clear: both;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	/*margin: 0px -10px -10px -10px;*/
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}
span.corners-top {
	background-image: url("corners_left.gif");
}

span.corners-top span {
	background-image: url("corners_right.gif");
}

span.corners-bottom {
	background-image: url("corners_left.gif");
}

span.corners-bottom span {
	background-image: url("corners_right.gif");
}

* html span.corners-top { background-image: url("corners_left.gif"); /*margin: -10px -10px 0px -10px;*/}
* html span.corners-bottom { background-image: url("corners_left.gif"); /*margin: 0px -10px -10px -10px;*/}
* html span.corners-top span { background-image: url("corners_right.gif"); /*margin: -10px -10px 0px -10px;*/}
* html span.corners-bottom span { background-image: url("corners_right.gif"); /*margin: 0px -10px -10px -10px;*/}