@charset "iso-8859-1";

/* architecture des divs */
body {
    text-align: center;
	margin: 0px;
    background-color: black;
	font-family: Trebuchet MS,Tahoma,Verdana,serif;
	color:white;
	font-size: 12px;
}
table { empty-cells: show ; }
td, input, select, textarea { font-size: 12px; }

#global {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    text-align: left;
}
#globalpop {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
}

#overinfo {
    position: absolute;
	visibility: hidden;
	z-index: 950;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   background: #1F1D1D;
   color: white;
   padding: 3px;
   border: 1px solid white;
   border-left: 4px solid white;
   text-align: left;
}

#partenariat {
	position:absolute;
	bottom:10px;
	left:0px;
	width:120px;
	height:350px;
	background: #1F1D1D;
	border: 1px solid white;
	border-left: 4px solid white;
	padding-left: 2px;
}

#i1 { position: absolute; top:0; left:0; width:195px; height:37px; background: url("../images/chaos-interface01-2_01.jpg") no-repeat; }
#i2_1 { position: absolute; top:47px; left:195px; width:85px; height:83px; background: url("../images/chaos-interface01-2_02_1.jpg") no-repeat; }
#i2_2 { position: absolute; top:67px; left:284px; width:408px; height:13px; background: url("../images/chaos-interface01-2_02_2.jpg") no-repeat; }
#i3 { position: absolute; top:0; left:692px; width:62px; height:128px; background: url("../images/chaos-interface01-2_03.jpg") no-repeat; }
#i4 { position: absolute; top:0; left:754px; width:159px; height:42px; background: url("../images/chaos-interface01-2_04.jpg") no-repeat; }
#i5 { position: absolute; top:0; left:913px; width:78px; height:134px; background: url("../images/chaos-interface01-2_05.jpg") no-repeat; }
#i6 { position: absolute; top:37px; left:0; width:32px; height:97px; background: url("../images/chaos-interface01-2_07.jpg") no-repeat; }
#i7 { position: absolute; top:37px; left:154px; width:41px; height:45px; background: url("../images/chaos-interface01-2_09.jpg") no-repeat; }
#i8 { position: absolute; top:82px; left:32px; width:660px; height:46px; background: url("../images/chaos-interface01-2_11.jpg") no-repeat; }
#i9 { position: absolute; top:89px; left:754px; width:159px; height:39px; background: url("../images/chaos-interface01-2_12.jpg") no-repeat; }
#i10 { position: absolute; top:134px; left:0; width:32px; height:524px; background: url("../images/chaos-interface01-2_15.jpg") no-repeat; }
#i11 { position: absolute; top:134px; left:963px; width:28px; height:524px; background: url("../images/chaos-interface01-2_17.jpg") no-repeat; }
#i12 { position: absolute; top:619px; left:32px; width:931px; height:39px; background: url("../images/chaos-interface01-2_19.jpg") no-repeat; }
#i13 { position: absolute; top:156px; left:32px; width:772px; height:6px; background: url("../images/chaos-interface01-2_22.jpg") no-repeat; }
#i14 { position: absolute; top:128px; left:804px; width:8px; height:491px; background: url("../images/chaos-interface01-2_20.jpg") no-repeat; }
#i15 { position: absolute; top:128px; left:808px; width:105px; height:6px; background: url("../images/chaos-interface01-2_14.jpg") no-repeat; }
#banniere { position: absolute; top:13px; left:282px; width:407px; height:52px; background: url("../images/chaos-interface01-0_banniere.jpg") no-repeat; }

#intrac { position:absolute;top:67px;left:160px;width:200px;height:13px; }

#connection { position: absolute; top:30px; left:32px; width:122px; height:52px; }
#statistique { position: absolute; top:42px; left:754px; width:159px; height:47px; }
#menu { position: absolute; top:128px; left:32px; width:774px; height:31px; background: #1F1D1D; }
#corps { position: absolute; top:161px; left:32px; width:774px; height:458px; background: #3D3536; overflow: auto; }
#ressource { position: absolute; top:134px; left:811px; width:152px; height:436px; background: #2B2627; overflow: auto; }
#lien { position: absolute; top:570px; left:811px; width:152px; height:50px; background: #2B2627; }
#foot { position: absolute; top:650px; left:29px; width:936px; height:20px; text-align: center; }

#pub1 { position: absolute; top:670px; left:29px; width:468px; height:60px; }
#pub2 { position: absolute; top:670px; left:497px; width:468px; height:60px; }

/* balises */
#connection input { border: 1px solid white; background-color: #131111; color: white; }
input, select, textarea { border: 1px solid white; background-color: #2A2425; color: white; font-family: Trebuchet MS,Tahoma,Verdana,serif; }
input.bl { border: 0; background: none; }
input[type=file] { background-color: #9F8E8E; color: #000000; }

h1,h2,h3,h4 { color: white; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; margin: 0px ; margin-top: 10px; margin-bottom: 10px; }
h4 { font-size: 12px; margin: 0px; }
h2.title,h3.title { margin:0px; display: inline ; }

p { font-size: 12px; }
p.quote, div.quote { padding: 2px ; text-indent: 0px ; margin: 10px ; background-color: #7F7F7F ;  border: none ; }

b { font-size: 12px; margin: 0px; }

a:link { color:  white; text-decoration: none ; }
a:active { color: #5A5A5A; text-decoration: none ; }
a:visited { color: white; text-decoration: none ; }
a:hover { color: #7F7F7F ; text-decoration: none ; }
.quote a:hover { color: #000000 ; text-decoration: none ; }

img { border: 0px solid #000000; margin: 0px; padding:0px}

.tdvert { background-color: #354984; font-size: 9px; border: 1px solid #5C5C5C ; }
.tdrouge { background-color: rgb(127, 37, 37); font-size: 9px; border: 1px solid #5C5C5C ; }
.tdorange { background-color: #B18E00; font-size: 9px; border: 1px solid #5C5C5C ; }
.tdwhite { background-color: white; color: black; font-size: 9px; border: 1px solid #5C5C5C ; }
.tdjaune { background-color: #FFF30E; color: black; font-size: 9px; border: 1px solid #5C5C5C ; }

.td { background: #313131 ; padding: 2px ; border: 1px solid #5C5C5C ; }
.tdbis { background: #2A2425 ; padding: 2px ; border: 1px solid #5C5C5C ; }
.td3 { text-align: center ; background: #313131 ; padding: 2px ; border: 1px solid #5C5C5C ; }
.td3bis { text-align: center ; background: #424242 ; padding: 2px ; border: 1px solid #5C5C5C ; }

/* Tribune libre & Forum */
.avatar { float: right; margin: 2px ; border: 1px solid black ; }
#zone_message { height: 365px ; border: 1px solid white ; background-color: black ; overflow: auto ; padding: 4px ; }
.marge2px { margin: 2px ; }

.manqueressources  { font-style: italic ; }
.bold { font-style: italic ;  font-size: 13px ; }

/* Couleurs */
.rouge { color: #D41F1F ; }
.orange { color: #B18E00 ; }
.vert { color: #5473D0 ; }
.rouge2 { color: #2A6FC2 ; }
.jaune { color: #F6A600; }

/* Production */
.pn { color: #D41F1F ; }
.pp { }

.carte{ padding: 0px; border-collapse: collapse; border-spacing: 0px; }
.case{ padding: 0px; border: none ; text-align: center ; font-size: 0.7em ; font-weight: bold ; background-color: #424242 ; }

.onglet { float: left ; width: 20px ; height: 40px ; margin: 1px ; border: 1px solid white; }
.imagebat { width: 52px; height: 52px; vertical-align: middle; }

/* système d'infobulle ------------------------------------------------------------- */
a.info {
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span.info, a.info span.info0px, a.info span.info30px {
   display: none; /* on masque l'infobulle */
   text-align: left;
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span.info, a.info:hover span.info0px, a.info:hover span.info30px {
   display: block; /* on affiche l'infobulle */
   z-index: 10000;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   background: #1F1D1D;
   color: white;
   padding: 3px;
   border: 1px solid white;
   border-left: 4px solid white;
}
a.info:hover span.info {
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: -30px;
}
a.info:hover span.info0px {
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: 0px;
}
a.info:hover span.info30px {
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: 30px;
}

/* utilisation infobulle ------------------------------------------
	    <a href="#" class="info">nom_lien<span class="info">
		    contenu infobulle
		</span></a>
*/