/* couleurs Metalship : 
- rouge : 640E08 (remplacé par 792B1F) */

body#bandesup {
	background: black url(/bandesup.jpg) no-repeat;
	text-align: left;
	}


body {
	background: black url(/admin/fond.jpg) fixed no-repeat;
	text-align: left;
	color: #aaaaaa;
	font-family: Arial, Sans-serif;		/* Tahoma est mieux pour les 11px, Arial pour les 13px et +. Pour les 12px, on va voir ...(mieux arial ?) */
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#conteneur {
	top: 0px;
    margin-left: 0px; /* avant, automatique */
    margin-right: auto; 
	padding: 0px 0px 20px 0;
    position: relative;	
	height: s%;		/*  	sans ça, le conteneur (et son fond) ne descendent pas jusqu'en bas de l'écran, mais que jusqu'au bas du texte	*/
}

#logo_metal_haut {
	left: 14px;
	position: fixed;
	z-index: 4;
}
#logo_metal_haut_admin {
	left: 14px;
	position: absolute;
	z-index: 4;
}
#logo_metal_haut_nonfixe {
	left: 14px;
	position: absolute;
	z-index: 4;
}

#header {	
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header_admin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#header_slogan a {
	position: absolute;
	left: 232px;
	top: 75px;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
#header_lang {
	position: absolute;
	left: 940px;
	top: 115px;
}

#centre {
	margin-left: 180px;
	margin-right: 0px;
	padding: 0px 50px 20px 15px;
}

#centre2 {
	margin-left: 180px;
	margin-right: 0px;
	padding: 0 0 20px 10px;
}

#footer {
	margin-bottom: 0px;
	margin-left: 180px;
	text-align: center;
	padding: 30px 20px 10px 20px;
	clear: both;
}
.footer_hr {
	border: 0pt none; color: rgb(255, 204, 102); background-color: rgb(255, 204, 102); height: 1px; width: 200px;
}

#colonne_droite {
	float: right;
	width: 180px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
	
#colonne_gauche {
	float: left;
	width: 180px;
	margin: 0px 10px 0px 0px !important; /* moz margin */
	margin: 0px 10px 0px 0px; /* IE margin */
	padding: 0px;
}

#colonne_reglable {
	width: auto;
	margin: 0px 190px 0px 190px;
	padding: 0px;
	position: relative;
}

.boite {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-left: solid 2px #792b1f !important; /* moz  */
	border-left: ridge 2px #792b1f; /* IE  */
	border-right: solid 2px #792b1f !important; /* moz  */
	border-right: ridge 2px #792b1f; /* IE  */
	border-bottom: solid 2px #792b1f !important; /* moz  */
	border-bottom: ridge 2px #792b1f; /* IE  */
	font-size: 11px;
	font-family: Tahoma, Arial;
}
.image_boite {
	display: block;
	text-align: center;
	color: #ffffcc;
	font-weight: bold;
	width: 180px;
	height: 17px;
	font-size: 14px;
	background: url(/images/barre_180.png) no-repeat;
	overflow: hidden;
}
.image_boite_reglable {
	display: block;
	text-align: center;
	color: #ffffcc;
	font-weight: bold;
	width: auto;
	height: 17px;
	background: #792b1f;
}
.image_boite_reglable_droite {
	background-image: url('/images/hautdroit.png');
	background-repeat: no-repeat;
	margin-right: 0px;
	float: right;
	height: 17px;
	width: 136px;
}

.image_boite_reglable_gauche {
	background-image: url('/images/hautgauche.png');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 17px;
	width: 136px;
}
.image_boite_reglable_centre{
	height: 17px;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	background: #54170b;	
	text-align: center;
	color: #ffffcc;
	font-weight: bold;
}
.image_boite_menu {
	text-align: center;
	font-weight: bold;
	background: url(/images/image_boite_menu.png) no-repeat;
	width: 142px;
	height: 20px;
	padding-top: 3px;
	color: #aaaaaa;
}
.img_box {
	width: 175px;
	max-height: 200px;
	margin: -10px -10px 0 -10px;
}

#col_gauche460 {
	float: left;
	width: 475px;
	font-size: 12px;
	padding: 5px 7px 10px 5px;
	margin: 10px 10px 0px 0px;
	border: 2px solid #792B1F;
}
#col_gauche600 {
	float: left;
	width: 610px;
	font-size: 12px;
	padding: 5px 7px 10px 5px;
	margin: 10px 10px 0px 0px;
	border: 2px solid #792B1F;
}
#col_gauche600nob {
	float: left;
	width: 621px;
	margin: 10px 10px 0 0;
}
#col_droite300 {
	float: left;
	left: 570px;	/* pas important */
	width: 310px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	padding: 5px 5px 10px 5px;
	margin: 10px 0px 0px 0px;
	border: 2px solid #792B1F;
}
#col_droite180 {
	float: left;
	width: 180px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	margin: 10px 0 0 0;
}
#col_droite200 {
	float: left;
	left: 570px;	/* pas important */
	width: 160px !important;
	width: 170px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	padding: 5px 5px 10px 5px;
	margin: 10px 0px 0px 0px;
	border: 2px solid #792B1F;
}
.semicol_droit {
	text-align: center;
	float: right;
	width: 125px !important;
	width: 130px;
	padding: 3px;
	margin: 2px;
	border: 1px solid #44474b;
}

#col_droite400 {
	float: left;
	left: 570px;	/* pas important */
	width: 390px !important;
	width: 400px;
	font-size: 11px;
	font-family: Tahoma, Arial;
	padding: 5px 5px 10px 5px;
	margin: 10px 0px 0px 0px;
	border: 2px solid #792B1F;
}


div.inner {
	zoom: 1;
	padding: 0px; 
	background: url(http://metalship.org/images/bg_titles.jpg) repeat-x;
}
.table_bigpart div.outer {
	float: left;
	margin: 5px;
	background: url(http://metalship.org/black_40.png);
	padding: 8px;
	width: 350px;
}
div .outer {
	background: url(http://metalship.org/black_40.png);
}
#colonne_reglable .inner, #col_gauche600nob .inner, #col_droite180 .inner {
	border-left: 2px solid #792B1F;
	border-right: 2px solid #792B1F;
	border-bottom: 2px solid #792B1F;
}
.inner_text {
	overflow: auto;
	margin-top: 5px;
	padding: 0 5px 0 5px;
}
.table_bigpart .inner_text a {
	color: #aaaaaa !important;
}
.table_bigpart .inner_text a:hover {
	color: #ffffcc !important;
}
.box_footer {
	background: black;
	text-align: center;
}
.box_footer img {
	height: 16px;
}
.inner_footer {
	background: url(/images/icons/white_arrow_down.gif) no-repeat center;
	border-top: 1px solid #222;
	height: 12px;
	cursor: pointer;
}


.formu_selection {
	padding: 1px 0 5px 10px;
	background: #5d0707 url(/images/formu_bg.gif);
	color: #a37878;
	height: 20px;
}
.formu_selection input, .formu_selection select{
	background: #280101;
	border: 1px solid #790202;
	color: #a37878;
}

body#erreur {
	background: #111111;
	color: #aaaaaa;
	padding: 30px 20px 20px 30px;
}

table {
	font-size: 12px;
}

table.groupes {
	/*font-size: 11px;*/
}
table.groupes td {
	background: url(/gris_60.png) repeat !important;
	padding: 2px 0px;
}
.table_main {
	background: black;
}
.table_main caption {
	text-align: center;
	color: #ffffcc;
	background: url(http://metalship.org/images/bg_titles.jpg) repeat-x;
	font-size: 16px;
	font-weight: bold;
}
.table_main th, .table_main td {
	padding: 4px;
	background: #111;
}
.highlight {
	color: #FFCC66;
	font-weight: bold;
	font-size: 110%;
}
a.hover_big:hover {
	font-size: 15px;
}

input, select, textarea {
	border: solid 1px #333333;
	background: #000000;
	padding: 2px;
	text-align: left;
	color: #aaaaaa;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	}
input[type="file"] {
	/*color: black;*/
}





a:link, a:visited {
	color: #aa0000;
	text-decoration: None;
}

a:hover, a:active {
	color: #ffffcc;
}
a:hover .lien_discret, a.lien_discret:hover {
	color: #ffffcc !important;
}

a img {
	border: none;
}
.pointer {
	cursor: pointer;
}

.hide {
	display: none;
}



#help {
	position: fixed; text-align: center; color: black; top: 0pt; width: 100%; z-index: 2000; opacity: 0.3; margin: auto;
}
#help a {color: black;}
#help a:hover {color: darkred;}
#help div {
	display: inline; padding: 3px 10px; border: 2px solid #F0C36D; background: #F9EDBE;
}
	
button.button2, input.button2 { font-size: 0.7em; border: 1px solid #BCBCBC;width: auto !important;padding: 1px 0px;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;color: #000000;background-repeat: repeat-x;background-color: #FAFAFA;background-image: url('/forum/images/bg_button.gif');background-position: top;overflow: visible;vertical-align:middle;}

.entete {
	font-size: 32px;
	font-family: Georgia;
	background: url(http://metalship.org/images/entete.png) no-repeat left bottom;
	color: #9E6205;
	padding: 0 0 0 40px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0px;
	}
	
h1, h2 {
	font-family: Morpheus, Arial;
	font-weight: bold;
	}

h3 {
	font-size: 18px;
	}
	
h4 {
	font-size: 13px;
	font-weight: bold;
}

h5 {
	font-size: 11px;
	font-family: Tahoma, Arial;
	}
	
h6 {
	font-size: 10px;
	}

h1, h2, h3, h4 {
	color: #ffffcc;
	}

h1	{
	padding: 0px 0px 8px 15px;
	margin-left: 3px;
	background: url("http://metalship.org/images/h1.png") no-repeat;
	font-size: 20px;
	font-weight: bold;
}
.titre0 {
	color: #FFFFCC;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-shadow: 1px 1px 1px black;
}
h2, .titre1	{
	padding: 0px 0px 0px 10px;
	margin-left: 3px;
	background: url("http://metalship.org/images/h2.png") no-repeat bottom left;
	font-size: 16px;
	font-weight: bold;
}
.titre1 {padding: 0px 0px 2px 7px; color: #ffffcc;}
.titre2 {
	font-size: 13px;
	font-weight: bold;
	color: #ffffcc;
	border-bottom: 1px solid red;
	margin-left: 15px;
}
.titre3 {
	color: #ffcc66;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a:hover .titre3 {
	color: white;
}
.titre4 {
	color: #ffffcc;
	font-size: 12px;
}
.titre5 {
	color: #cc0000;
	font-weight: bold;
}
.taille5 {
	font-size: 11px;
	font-family: Tahoma, Arial;
}
.taille6 {	
	font-size: 10px;
}
.petite_info, a petite_info {
	font-style: italic;
	font-size: 11px;
	font-family: Tahoma, Arial;
	color: #666666;
}
.discret {
	font-style: italic;
	color: #666666;
}
.nolien, a .nolien {
	color: #aaaaaa;
}
.big {
	font-size: 14px;
}
.upper {
	text-transform: uppercase;
}

blockquote {border: 1px solid black; background-color: #262839; padding: 5px; margin: 0 0 0 20px;}


.alertbox {
	text-align: center;
	color: orange;
	max-width: 300px;
	padding: 15px 15px 15px 15px;
	border: 2px solid #640e08;
}
/* Comme alertbox mais en plus étendu */
.searchbox {
	background: url(/black_80.png);
	border: 2px solid #640e08;
	padding: 5px 10px 5px 10px;
	max-width: 560px;
}
/* fond rouge */
.errorbox {
	background: #4e0405;
	border: 2px outset orange;
	color: #aaaaaa;
	padding: 10px;
	text-align: left;
	max-width: 400px;
}
.warningbox {
	padding: 10px;
	text-align: left;
	max-width: 400px;
}
.seriousbox {
	background: #4e0405 url(/images/icons/forbidden.png) no-repeat left;
	border: 2px solid #3f0000;
	color: #c89595;
	padding: 9px 5px 5px 25px;
	text-align: left;
	min-height: 20px;
	max-width: 400px;
	margin: 10px;
}
.mandatorybox {
	background: #4e0405 url(/images/icons/forbidden.png) no-repeat left;
	border: 2px solid #3f0000;
	color: #c89595;
	padding: 0 0 0 25px;
	min-height: 20px;
	display: inline-block;
}
.advisebox {
	background: #e2ffe4;
	color: #1f461f;
	border: 2px outset #337333;
	padding: 10px;
	text-align: left;
	max-width: 400px;
}
/* du meme genre avec un check et un OK en vert */
.validbox {
	background: #e2ffe4;
	color: #1f461f;
	border: 2px outset #337333;
	padding: 10px;
	text-align: left;
	max-width: 400px;
}
/* du meme genre que advise box mais sans le cadre et le fond vert (donc plus petit, pour les phrases courtes), et avec un logo vert "info" à gauche */
.infobox {
	color: #e2ffe4;
	padding: 3 0 0 25px;
	background: url(/images/icons/infobox.png) no-repeat left;
	padding: 0 0 0 25px;
	min-height: 20px;
}
.infobox a {
	color: #e2ffe4;
}
.infobox a:hover {
	color: #ffffcc;
}



.warning {
	color: red;
}
.advise {
	color: #e2ffe4;
}
.rouge  {
	color: #aa0000;
}
.orange, a.orange  {
	color: orange;
}
a:hover .orange, a:hover.orange {
	color: orange;
	text-decoration: underline;
}
.grey, a grey {
	color: #666666;
}
.pale_grey, a pale_grey {
	color: #aaaaaa;
}
.vert  {
	color: green;
	font-weight: bold;
}
.url {
	color: orange;
	font-style: italic;
}
.gras  {
	font-weight: bold;
}
.info {
	color: orange;
}
.search, a.search, .recherche, a.recherche {
	color: orange !important;
}
a:hover .recherche , a:hover.search, .search a:hover {
	text-decoration: underline;
}
B {
	font-weight: bold;
}
.nomenclature {
	color: #aa0000;
}
input.mainoption {
	cursor: pointer;
	background-color : #grey;
	font-weight : bold;
	text-align: center;
}
ul {
	padding-left: 15px;
	margin: 0;
}
	
.lien_discret, a .lien_discret, .lien_discret a {
	color: #aaaaaa !important;
}

hr {
	height: 1px;
	border: none;
	background-color: #333333;
	width: 100% !important;
}

form {
	margin: 0;
}
.form_qu {display:block; width:150px; float:left; text-align:right; padding-right:4px; font-weight:bold;}

.bouton, a.bouton {
	cursor: pointer;
	display: block;
	border: solid 1px #333333;
	background: black;
	width: 148px;
	color: #ffffcc;
	text-align: center;
	font-size: 12px;
}
.bouton_reglable {
	cursor: pointer;
	width: 40px;
	text-align: center;
}
.bouton_noir, a.bouton_noir {
	border: 1px solid #333333;
	padding: 2px;
	margin-top: 5px;
	background: black;
	color: #aaaaaa;
}
.pt_bouton, a.pt_bouton {
	cursor: pointer;
	display: block;
	border: solid 1px #333333;
	background: black;
	width: 100;
	height: 24px;
	color: #ffffcc;
	text-align: center;
	font-size: 12px;
}

a.bouton {
	line-height: 30px;
	}
.bouton_relief {
	border: outset 2px #444;
	background: url(/black_70.png);
	margin: 2px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	color: #ffffcc;
	cursor: pointer;
}
.bouton_admin {
	border: solid 1px #444444;
	background: black;
	margin: 2px;
	padding: 2px 2px 2px 10px;
	color: #ffffcc;
	text-align: left;
	cursor: pointer;
}
.bouton_form {
	border: solid 1px #444444;
	background: black;
	padding: 2px;
	margin-left: 2px;
	color: #ffffcc;
	text-align: center;
	cursor: pointer;
}
a:hover .bouton_admin {
	color: #fff;
}
.admin_menu_box {
	border: solid 1px #444444;
	padding: 1px;
	margin: 2px auto;
	width: 135px;
	text-align: center;
	background: url(/gris_60.png) repeat;	
}

.bouton_metalship, a.bouton_metalship {
	color: #ffffcc;
	padding: 2px 5px 3px 5px;
	background: #54170b url(http://metalship.org/images/fond_bouton90x60.jpg) bottom center;
	border-left: 2px #a68675 solid; border-top: 2px #a68675 solid;
	border-right: 2px #3b1108 solid; border-bottom: 2px #3b1108 solid;
	text-align: center;
	cursor: pointer;
}
a.bouton_metalship:hover {
	color: #000000;
}

.bouton_metalship_enfonce, a.bouton_metalship_enfonce {
	color: #b39c79;
	padding: 2px 5px 3px 5px;
	background: #441309 url(http://metalship.org/images/fond_bouton90x60.jpg) top center;
	border-left: 2px #450502 solid; border-top: 2px #450502 solid;
	border-right: 2px #906346 solid; border-bottom: 2px #846e53 solid;
	text-align: center;
	cursor: pointer;
}

#logco {
	text-align: center;	
	font-size: 10px;
}

.note_metalship, a.note_metalship  {
	float: right;
	text-align: center;
	height: 50px;
	width: 60px;
	background: url(/images/metalship_bw.png) no-repeat;
	color: white;
	padding: 10px 0 0 0;
}
.note_metalship_small, a.note_metalship_small  {
	float: right;
	text-align: center;
	height: 30px;
	width: 30px;
	background: url(/images/metalship_bw_30.png) no-repeat;
	color: white;
	padding: 4px 0 0 0;
	font-size: 10px;
}


.boite_dialogue {
	width: 600px;
	border-color : #262625; border: inset 2px;
	padding: 10px;
	text-align: left;
}
.box_code {
	width: 500px;
	height: 50px;
	border: 2px inset #666666;
	background: url(/gris_60.png) repeat;
	overflow: auto;
}




/* ------------
ICONES METALSHIP
-----------------*/
.icons_all, .icons_all_comm, .icons_all_coll, .icons_all_ccrt {
	width: 20px;
	height: 20px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
}
.icons_all {
	background: url(/images/sections/articles.png); 
}
.icons_all_comm {
	background: url(/images/sections/community.png); 
}
.icons_all_coll {
	background: url(http://metalship.org/images/sections/collections.png) no-repeat;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.icons_all_ccrt {
	background: url(http://metalship.org/images/sections/concerts.png) no-repeat;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}







/* ------------
ONGLETS CSS
-----------------*/
    #onglet {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  background: url(/images/onglet/fond.gif) repeat-x bottom;
      }
.onglet_corps {
	border-left: 2px solid #bf8240;
	border-right: 2px solid #bf8240;
	border-bottom: 2px solid #bf8240;
	padding: 3px;
}
    #onglet ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #onglet li {
      float:left;
      background:url(/images/onglet/left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #onglet a {
      display:block;
      background:url(/images/onglet/right.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #onglet a:hover {
      color:#333;
      }
    #onglet .current {
      background-image:url(/images/onglet/left_on.gif);
      }
    #onglet .current a {
      background-image:url(/images/onglet/right_on.gif);
      color:#333;
      padding-bottom:6px;
      }


/*  ///////
ONGLETS HORIZONTAUX
///////// */
.onglet_gauche, .onglet_gauche_select, a.onglet_gauche, a.onglet_gauche_select {
	border-left: 2px solid #792B1F;
	border-top: 2px solid #792B1F;
	border-bottom: 2px solid #792B1F;
	border-right: 2px solid #111111;
	padding: 3px;
	margin: 0px -26px 3px 0px;
	background: url(/black_60.png);
	color: #aaaaaa;
}
.onglet_gauche_select {
	background: #1c0705;
}
a:hover .onglet_gauche {
    background: #1c0705;
}
	
/*  ///////
AFFICHAGE DU MENU
///////// */
#menu {
	border: solid 1px #222222;
	background: url(/gris_60.png) repeat;
	padding: 5px;
	position: fixed;
	width: 150px;
	top: 170px;
	left: 10px;
	color: #888888;
	font-size: 11px;
	font-family: Tahoma, Arial;
	}

#menu_nonfixe {
	float: left;
	border: solid 1px #222222;
	background: url(/gris_60.png) repeat;
	padding: 5px;
	width: 150px;
	margin-top: 30px;
	margin-left: 10px;
	color: #888888;
	font-size: 11px;
	font-family: Tahoma, Arial;
}
#msg_box1 {
	background: url(/images/design/msg_box.png) 0 0; width: 150px; height: 11px;
}
#msg_box {
	border-left: 1px solid #605a00; border-right: 1px solid #605a00; padding: 2px; width: 144px; background: url(/black_80.png);
}
#msg_box2 {
	background: url(/images/design/msg_box.png) 0 -11px; width: 150px; height: 3px;
}

	
#menu hr, #menu_nonfixe hr {
	background-color: #000000;
	color: #000000;
	}

#menu td {
	color: #888888;
	}

#menu .bouton {
	width: 148px;
	height: 30;
	color: #ffffcc;
	}
.search_form {
	background-color: #050100;
	border: 1px solid #333333;
}
.search_form input[type=text] {
   width: 116px; border: none; background: black;
}
.search_form input[type=submit] {
    float: right; width: 22px; padding: 1px; background: black url(http://metalship.org/images/icons/loupe.png) no-repeat; border: none;
}

	
/*  ///////
AFFICHAGE DE LA PAGE ALBUM
///////// */

.auteur_date {
	float: right;
	font-size: 9px;
	font-style: italic;
}



/*  ///////
AFFICHAGE DES CHROS EN PAGE DACCUEIL
///////// */

/* plus utilisé (remplacé par image_gauche) */
.chronique_image {
	float: right;
	padding: 0px 0px 0px 8px;
}


#prochain_concert {
	text-align: center;
}

#dernier_cr {
	text-align: center;
}




/*  ///////
AFFICHAGE DES NEWS EN PAGE DACCUEIL	
///////// */


.news_titre {
	color: #ffffcc;
	font-size: 12px;
	font-family: Microsoft Sans Serif, Arial;
	border: solid 1px #333333;
	padding: 4px;
	background: url("/gris_60.png") repeat !important; /*moz*/
	background: #111111; /*IE*/
	font-weight: normal;
	cursor: pointer;
}

.news_date {
	float: right;
	padding: 5px 5px 0 0;
	font-style: italic;
	color: #ffffcc;
}	

ul.news_contenu, .news_contenu {
	margin: 0px;
	border: solid 1px #333333;
	padding: 5px;
	text-align: justify;
	overflow: hidden;
}	


/*  ///////
AFFICHAGE DE LA PAGE CHRONIQUES
///////// */

#chro_colgauche {
	float: left;
	width: 450px !important; /* moz margin */
	width: 443px; /* IE margin */
	padding: 5px;
	border: 1px solid #372f2f;
}
#colonne_reglable_chro {
	width: auto;
	margin: 0px 5px 0px 470px !important; /* moz margin */
	margin: 0px 5px 0px 450px; /* IE margin */
	padding: 5px;
	position: relative;
	border: 1px solid #372f2f;
}

.chronique_groupe, .chronique_album {
	float: left;
	width: 23%;
	height: 84px;
	padding: 4px 4px 0px 5px;		/*  	devrait être 4 4 4 5 mais marche comme ca sur firefox	 */
	margin: 2px;
	/*text-align: right;*/
	border: 1px solid #372f2f;
	font-size: 11px;
	overflow: hidden;
}
.contrib_box a, .icon_contrib a {
	/*color: #DFA318;*/
	color: #888;
}
.contrib_box a:hover, .icon_contrib a:hover {
	color: #ffffcc;
}
.icon_contrib img {
	vertical-align: middle;
}
.table_bigpart td {
	vertical-align: top;
}

table.listechro {
	font-size: 11px;
}

table#nouveaupasattribué {
    background-color: #111111;
    border: solid #000000 2px;
    border-collapse:collapse;
	padding: 2px;
}
table.wallpapers{
	font-size: 11px;
	text-align: center;
}
.wallpapers td {
	border: 1px solid #333333;
	padding: 0px 5px;
}

.table_pages td {
	padding: 0px 5px;
	border: 0px;
}
.table_pages td a {
	color: #ffcc66;
	text-decoration: underline;
}

#nouveaupasattribué td, #nouveaupasattribué th {
	border: 1px solid #000000;
}

.liste td {
	padding: 10px;
	font-size: 12px;
	}

.article {
	text-align: justify;
}

.cadre_vote {
	border: solid 1px #444444;
	background: url(/gris_60.png) repeat;
	font-size: 12px;
	}

.cadre_vote .barre, .barre_novote {
	border: solid 1px #444444;
	background: url(/black_80.png) repeat;
	height: 10px;
	cursor: pointer; 
	}
.cadre_vote .jauge {
	background: #aa0000;
	line-height: 10px;
	}

.infos_droite {
	float: right;
	padding: 0px 0px 10px 10px;
	text-align: right;
	font-size: 10px;
	font-style: italic;
}

.image_gauche {
	float: left;
	padding: 0px 10px 10px 0px;
}
.image_droite {
	text-align: right;
	float: right;
	padding: 0px 0px 10px 10px;
}
.image_gauche2 {
	float: left;
	padding: 0px 5px 0px 0px;
}
.image {
	max-width: 450px;
}
.img_album {
	max-width: 300px;
}
.img_preview img {
	height: 30px;
	margin-right: 5px;
	border: 1px solid black;
	vertical-align: middle;
}
.forum_icon {
	max-width: 20px;
	max-height: 20px;
}


/*  ///////
AFFICHAGE DE LA PAGE CONCERTS
///////// */

.menuconcert_select {
	width: 115px!important; /*moz width*/
	width: 110px; /*IE width*/
}

#concerts_carte {
	float: left;
	width: 400px;
	padding: 0px 7px 0px 5px;
}

#selecteurs {
	position: relative;
	margin-left: 40px;
}

.infos_gauche {
	float: left;	
	padding: 0px 10px 0px 0px;
}

#concerts_liste {
	float: left;
	left: 405px;
	width: 350px;
	font-size: 11px;
	padding: 3px;
}
.concerts_liste {
	padding: 3px;
	background: #111111;
	border: solid 1px #333333;
}

.concert {
	padding: 5px;
	width: 330px !important; /*moz width*/
	width: 340px; /*IE width*/
	margin: 3px 0px 3px 0px;
	background: black;
	border: solid 1px #333333;
	overflow: hidden;
}

.groupe_concert {
	color: orange;
	font-size: 12px;
}
a .groupe_concert {
	color: #aa0000;
	font-size: 12px;
}
.lieu {
	color: #edbc28;
}
a:hover .lieu {
	color: white;
}


#concert_id {
	width: 500px;
	font-size: 13px;
	padding: 10px;
}


/*  ///////
AFFICHAGE DE LA PAGE CONCERTS pour chaque groupe
///////// */

#concerts_liste_grp {
	float: left;
	left: 405px;
	width: 350px;
	font-size: 12px;
	border: solid 1px #333333;
	padding: 3px;
	background-color: #060605;
}

.infos_concert_droite {
	float: right;
	width: 190px;
	padding: 0;
}

.info_colonne {
	text-align: justify;
	float: left;
	width: 350px;
	padding: 5px;
}

.groupe_concert_grp {
	color: orange;
	font-size: 1em;
	font-weight: bold;
}
a .groupe_concert_grp {
	color: #aa0000;
	font-size: 1em;
	font-weight: bold;
}

/*  ///////
AFFICHAGE DE LA PAGE CONCERTS pour chaque salle
///////// */

.infos_salle_gauche {
	float: left;	
	padding: 0 10px 0 0;
}
.infos_salle_droite {
}


/*  ///////
AFFICHAGE DE LA PAGE RAPPORTS DE CONCERTS
///////// */

.rapport_boite {
	float: left;
	width: 250px;
	height: 150px;
	padding: 4px 4px 0px 5px;		/*  	devrait être 4 4 4 5 mais marche comme ca sur firefox	 */
	margin: 2px;
	text-align: right;
	border: 1px solid #372f2f;
	overflow: hidden;
}

.message {
	border-collapse: collapse;
	width: 100%;
	}

.message td, .message th {
	border: solid 1px #333333;
	padding: 5px;
	}

.message td {
	background: url(/gris_60.png) repeat;
	text-align: left;
	font-size: 12px;
	}

.message th {
	background: url(/gris_60.png) repeat;
	text-align: right;
	color: #ffffcc;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	}
	
	
#paroles_liste {
	float: left;
	left: 405px;
	width: 380px;
	font-size: 12px;
	border: solid 1px #333333;
	padding: 3px;
	background-color: #060605;
}



/*  ///////
AFFICHAGE DE LA PAGE MEMBRES
///////// */

.stats {
}
.stats th {
	background-color: black;
	color: orange;
}
.stats th a {
	color: orange;
}
.stats th a:hover { color: white;}
/*.stats tr:hover td { background-color: #131210;} */
.stats td {
	text-align: center;
	background-color: black;
}
.stats td a {
	color: #aaaaaa;
}
.stats td a:hover {
	color: white;
}
.stats td.cat  {
	height: 25px;
	padding: 3px;
	border: 3px solid black;
	background-image: url("http://forum-metal.com/images/cellMetalship.jpg");
}

.table_mainpage {
	border: 1px solid #222222;
}
.table_mainpage th {
	background: #54170b;
	color: #ffffcc;
}

/*  ///////
AFFICHAGE DE LA PAGE CONTACTS
///////// */

.membre {
	width: 160px;
	height: 220px;
	float: left;
	border: solid 1px #333333;
	padding: 5px;
	margin: 3px;
	background-color: #060605;
	text-align: center;
	overflow: hidden;
}



/*  ///////
AFFICHAGE DE LA PAGE INTERVIEWS
///////// */

.interview_boite {
	width: 600px;
	border: solid 1px #333333;
	padding: 5px;

}


/*  ///////
AFFICHAGE DE LA PAGE SORTIES d'albums
///////// */

.table_sortie  {
}
.table_sortie th {
	background-color: black;
	text-align: center;
	color: orange;
}
.table_sortie th a {
	color: orange;
}
.table_sortie th a:hover {
	color: white;
}
.table_sortie td {
	text-align: left;
	background-color: black;
	padding: 2px 4px 2px 4px;
}


/*  ///////
AFFICHAGE DE LA PAGE DOSSIERS METAL
///////// */

.bloc {
	border: solid 3px #54170b;
	padding: 10px;
	background: black;
}


/*  ///////
AFFICHAGE DE LA PAGE ARTISTES
///////// */

.conteneur700 {
	width: 700px;
	border: solid 3px #54170b;
	padding: 10px;
	background: black;
}


/*  ///////
AFFICHAGE des pages COMMUNAUTE : contacts, forum officiel, mails etc 
///////// */

.contact {
	border: solid 1px #333333;
	padding: 3px;
	background: url("/gris_60.png") repeat !important; /*moz*/
	background: #111111; /*IE*/
}




/*  ///////
AFFICHAGE DES PUBS
///////// */

.banniere_pub_haute_468_60 {
	margin-left: 237px;
}
.texte_sous_pub_haut {
	margin-left: 237px;
	font-size: 10px;
}

#pub_skysraper {
	float: left;
	left: 765px;
	width: 120px;
}


/*  ///////
AFFICHAGE DES LIENS
///////// */

.table_liens th {
	color: #a4acbb;
	font-weight : bold;
	padding: 3px;
	height: 25px;
	text-align: center;
	background-image: url("http://forum-metal.com/images/cellMetalship.jpg");
	
}
.table_liens td {
	padding: 5px;
	background-color: #0a0a0c;
}
.table_liens {
	border: 1px solid black;
	width: 700px;
	padding: 0px;
	background: black;
	border: solid 2px black;
}



/*  ///////
CSS DU MENU
///////// */

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

#header {
	margin: 0px;
	padding: 0px;
	display: block;
	z-index:100; 
}

#header dl {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
#header dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#header dd {
	background: black;
	border: 1px solid gray;
	padding: 0px;
	margin: 0px;
	width: 120px;
	text-align: center;
}
#smenu {
	position: absolute;
	left: 226px;
	z-index:100; 
	padding: 0;
	margin: 0;
}
#smenu1 {
	position: absolute;
	left: 0px;
}
#smenu2 {
	position: absolute;
	left: 120px;
}
#smenu3 {
	position: absolute;
	left: 240px;
}
#smenu4 {
	position: absolute;
	left: 360px;
}
#smenu5 {
	position: absolute;
	left: 480px;
}
#header li {
	/*text-align: center;*/
	padding-left: 5px;
	background-color: #000000;
}
#header li a, #menu dt a, #menu dd a, #menu smenu1 a, #menu smenu2 a, #menu smenu3 a, #menu smenu4 a {
	color: #ffcc66;
	text-decoration: none;
	/*display: block;*/
	border: 0 none;
}
#header li a:hover, #menu dt a:hover {
	background: #111111;
}

#smenu1, #smenu2, #smenu3, #smenu4,  {
	width: 300px;
	background: black;
	border: 1px solid gray;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
header ul {
	width: 120px;
}



/*  ///////
CSS DES FONCTIONS JAVASCRIPTS
///////// */

/* Tooltips */
div#tipDiv {
    padding:4px;
    color:#000; font-size:11px; line-height:1.2;
    background-color:#E1E5F1; border:1px solid #667295; 
    width:250px; 
}


/*  ///////
AFFICHAGE DES CHATBOX SHOUTBOX
///////// */

#chat {
	margin: 10px 20px 10px 15px;
	padding: 5px 10px 5px 10px;
	height: 150px;
	overflow : auto;
}
#chatmessage {
	margin: 10px 20px 10px 15px;
	padding: 5px;
}
.chat_cadre {
	margin: 10px 20px 10px 15px;
	padding: 5px 10px 5px 10px;
	height: 150px;
	overflow : auto;
}
.chatmessage {
	margin: 10px 20px 10px 15px;
	padding: 5px;
}

#bottom_box {
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 4;
	width: 200px;
	height: 110px;
	border: 3px solid #96a3bb;
	background-color: #262839;
	background-image: url(http://concertmetal.com/images/pattern3.jpg);
	text-align: center;
}



#middle_box {
	margin: auto;
	left: 35%;
	top: 30%;
	position: fixed !important;
	position: absolute;
	z-index: 500;
	min-width: 300px;
	max-width: 550px;
	min-height: 300px;
	max-height: 400px;
	border: 3px solid #96a3bb;
	background-color: #02041d;
	background-image: url(http://concertmetal.com/images/pattern3.jpg);
	text-align: center;
	overflow: auto;
}

/*  ///////
AFFICHAGE DES COMMENTAIRES
///////// */
/*
.tablecoms {
	font-size: 11px;
	border: 1px solid #44474b;
}
.tablecoms td {
	border: 1px solid #44474b;
	background: url(http://metalship.org/gris_60.png) repeat;
	overflow: hidden;
}
*/
.tablecoms_black {
	background:url(/black_50.png);
	margin-left:20px;
	padding:5px 10px;
	border-left:2px solid #333;
}

.table_tr, .table_tr_small {
	clear: left;
	padding: 5px;
	border-top: 1px solid #222222;
	position: relative;
}
.table_tr img.avatar {
	max-height: 60px; max-width: 60px;
}
.table_tr_small img, .table_tr_small textarea, .table_tr_small input {
    max-height: 21px;
    height: 21px;
}   

.table_td {
	float: left;
	width: 60px;
	padding-right: 5px;
	text-align: right;
	overflow: hidden;
}
.table_td2 {
	display: table-cell;
	padding-left: 5px;
	/*width: 585px;	 valeur fausse, qui ne sert qu'à ce que le td2 prenne toute la place du tableau (et donc que le "info_droite" compris dedans soit toujours tt à droite, même si le message contenu dans td2 ne prend que la moitié d'une ligne */
}
.table_myship a {
    color: orange;
}
.table_myship a:hover {
    color: #fff;
}
.table_myship th {
    background: #54170b;
    color: white;
}
.table_myship td {
	border-bottom: 1px solid #333;
}
.table_myship  {
    background: url(/black_40.png);
}
.table_cat_metalship {
	background: url(http://metalship.org/images/bg_titles.jpg) repeat-x;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 4px;
}

.msg_edit_wrap {position:absolute; right:0px;}
a.msg_edit_button {padding: 2px 5px; color:#aaa; border:1px outset #555; background:url(/black_80.png);}
a:hover.msg_edit_button {color:#ffffcc; border: 1px inset #555;}
.accordeon_title{cursor:pointer;}

textarea.msg_box_pre {
	height: 16px;
	padding: 0px;
	width: 142px;
	font-style: italic;
	color: #666;
	font-size: 11px;
}
textarea.msg_box_post {
	height: 69px;
	font-size: 11px;
	padding: 2px;
	width: 138px;
}



/* //////////////
BARRE NAVIGATION
////////////////*/

.bar_more, .bar_more a, a.bar_more {
	border: 1px outset black;
	background: #111111;
	text-align: center;
	display: block;
	color: #aaaaaa;
}
.bar_more a:hover, a:hover.bar_more {
	background: #222222;
}




/* //////////////
TABLE FACON FORUM 
////////////////*/
a.niveau0, .niveau0 {color: #ffffff;}
a.niveau1, .niveau1 {color: #ccccff;}
a.niveau2, .niveau2 {color: #e6d896;}
a.niveau3, .niveau3 {color: #ecbe32;}
a.niveau4, .niveau4 {color: #dd933b;}
a.niveau5, .niveau5 {color: #dd933b;}
a.niveau6, .niveau6 {color: #cd6824;}
a.niveau7, .niveau7 {color: #9b2800;}
a.niveau8, .niveau8 {color: #9b2800;}
a.niveau9, .niveau9 {color: #aa0000;}
a:hover.niveau0,a:hover.niveau1,a:hover.niveau2,a:hover.niveau3,a:hover.niveau4,a:hover.niveau5,a:hover.niveau6,a:hover.niveau7,a:hover.niveau8,a:hover.niveau9 {text-decoration: underline;}

.tableforum, .tableforum100 {
	background:black none repeat scroll 0 0;
	border:2px solid black;
	margin:0;
	padding:0;
	color: #96A3BB;
	border-spacing: 1px solid black;
}
.tableforum  a, .tableforum100 a{
	color: #ddd;
}
.tableforum  a:hover, .tableforum100 a:hover{
	color: #ffff00;
	text-decoration: underline;
}
.tableforum th, .tableforum100 th {
	background: #0E0E12 url(http://forum-metal.com/images/cellMetalship.jpg);
	color: #A4ACBB;
	font-weight: bold;
	height: 25px;
	padding: 3px;
	text-align: center;
}
.tableforum td, .tableforum td.row1, .tableforum100 td, .tableforum100 td.row1 {
	padding: 3px;
}
.tableforum td.row1, .tableforum100 td.row1 {
	background: #1B1C24;
}
.tableforum td.row2, .tableforum100 td.row2 {
	background: #111117;
}
.tableforum td.cat, .tableforum100 td.cat {
	background: url(http://forum-metal.com/images/cellheadMetalship.jpg);
	height: 28px;
	text-align: center;
	color: #ccccff;
	font-weight: bold;
	letter-spacing: 1px;
}


/*  ///////
AFFICHAGE DU CALENDRIER DE CONCERTS
///////// */

/* Pour la boite de survol  */
a.survol em {
    display:none;
}
a.survol:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.survol:hover em {
    font-style: normal;
    font-weight: normal;
    display: block;
    position: absolute;
	color: #b5b8e2;
    top: 10px;
    left: -10px;
    padding: 5px;
    border: 2px solid #99a9b6;
    background: #0d1b41;
    width:170px;
	text-align: left;
}



/*  ///////
CSS DES FONCTIONS JAVASCRIPTS
///////// */

/* Tooltips */
div#tipDiv {
    padding: 4px 6px;
    color: #000;
	font-size: 11px;
	line-height: 1.2;
    background-color: #F7F2B2;
	border: 1px solid #667295; 
    width: auto; 
	max-width: 250px;
}
div#tipDiv a {
    color: #046380;
}



/*  ///////
Barre bas
///////// */
div.barrebas {
	position: fixed;
	bottom: 0px;
	left: 200px;
}
.barre1, .barre3 {
	display: inline-block;
	width: 20px;
	height: 22px;
}
.barre1 {
	background: url(/images/barre_bas.png) no-repeat;
	background-position: 0 0;
}
.barre2 {
	display: inline-block;
	height: 20px;
	background: url(/images/barre_bas.png) repeat-x;
	background-position: 0 -22px;
	padding-top: 2px;
}
.barre3 {
	background: url(/images/barre_bas.png) no-repeat;
	background-position: -20px 0;
}
a .icons_all,a .icons_all_comm  {
	background-position: left;
}
a:hover .icons_all,a:hover .icons_all_comm {
	background-position: right;
}
div.barrebas .icons_all,div.barrebas .icons_all_comm {
	vertical-align: baseline;
}


/*  ///////
Sociable : Share articles
///////// */
.sociable_icons {
	background: url(/images/icons/sociable.png);
	width: 16px;
	height: 16px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
}
a.sociable_icons {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
a:hover.sociable_icons {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* --------
CSS pour fonctions jquery
-------- */
.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#666;
	font-style:italic;
}
.overlabel-wrapper {
	position:relative;
	display:inline-block;
}
.like{cursor:pointer;}

/*  ///////
QTIP
///////// */
.qtip .qtip-content{
	padding: 10px;
	overflow: hidden;
}
.qtip .qtip-content .qtip-title,
.qtip-cream .qtip-content .qtip-title{
	background-color: #F0DE7D;
}
.qtip-light .qtip-content .qtip-title{
	background-color: #f1f1f1;
}
.qtip-dark .qtip-content .qtip-title{
	background-color: #404040;
}
.qtip-red .qtip-content .qtip-title{
	background-color: #F28279;
}
.qtip-green .qtip-content .qtip-title{
	background-color: #B9DB8C;
}


/*  ///////
SIMPLEMODAL
///////// */
/* Overlay */
#sm-overlay {background-color:#000;}

/* Container */
#simplemodal {width:478px;}
#simplemodal .sm-loading,
#simplemodal .sm-content {background: url(http://metalship.org/images/modal_content_glow.png); color:#aaa; padding:15px 25px 15px 35px; width:418px;}
#simplemodal .sm-loading {margin:auto; text-align:center;}
#simplemodal label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#simplemodal .sm-top {height:25px; background:url(http://metalship.org/images/modal_top_glow.png) no-repeat; padding:15px 0 0 30px; margin:0; color:#ffffcc; font-weight: bold; font-size:18px; width:448px;}
#simplemodal .sm-bottom {height:23px; background:url(http://metalship.org/images/modal_bottom_glow.png) no-repeat; width:478px;}
#simplemodal a.modal-close,
#simplemodal a.modal-close:link,
#simplemodal a.modal-close:active,
#simplemodal a.modal-close:visited {font-weight:bold; font-size:1.2em; position:absolute; top:16px; right:30px; color:#ffffcc;}
#simplemodal a.modal-close:hover {color:orange;}


/*
TOOLTIP
*/
#tooltip{
	position: absolute;
	display: none;
	border: 1px solid #fff;
	background: #ffffcc;
	padding: 5px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#tooltip h3 {
	color: black;
	font-size: 12px;
}

/*
AUTOCOMPLETE
*/
.ac_results {
	padding: 0px;
	border: 1px solid #333;
	background-color: black;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;}
.ac_loading {background: url('http://metalship.org/images/icons/loading.gif') right center no-repeat;}
.ac_odd {background-color: #111;}
.ac_over {color: white;}



/*  ///////
Calendrier et survol d'images pour les aggrandir
///////// */
a.calendar_survol em {
    display:none;
}
a.calendar_survol:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.calendar_survol:hover em {
    font-style: normal;
    font-weight: normal;
    display: block;
    position: absolute;
	color: #b5b8e2;
    top: -50px;
    left: -200px;
	width: 400px;
    padding: 5px;
    text-align: center;
}
a.calendar_survol:hover em     img {
	border: 2px solid white;
	background: black;
}