body {	background: #F7F7F7 url(images/img01.jpg) repeat left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #5A554E;}


.text1 {font-family: arial; font-size:10pt ; color:black;}
.text2 {font-family: arial; font-size:11pt ; color:black;}
.text2b {position:relative;left:15;font-family: arial; font-size:12pt ; color:black;}
.text3 {font-family: arial; font-size:14pt ; color:black;}
.text4 {font-family: arial; font-size:18pt ; color:black;}
.text5 {font-family: arial; font-size:20pt ; color:black; font-weight:bold;}
.text6 {font-family: arial; font-size:20pt ; color:black; font-weight:bold;}
.text7 {font-family: arial; font-size:18pt ; color:black; font-weight:bold;}
.text8 {font-family: arial; font-size:22pt ; color:black; font-weight:bold;}
.text9 {font-family: arial; font-size:24pt ; color:black; font-weight:bold;}

.frite {text-align:center; width:198;background-color:#F8F8F8;}

a {color:black;}

.page {background-color:#EAEAEA; text-align:center; font-weight:bold;}
.page a {
	color: #0000FF; //ta couleur
	font-family:Arial,Verdana; 
	}
.pages {text-align:center; font-weight:bold;}
.pages a {
	color: #0000FF; //ta couleur
	font-family:Arial,Verdana; 
	}

#conteneur1 {
	text-align:center;
     }
#global {
     margin-left: auto;
     margin-right: auto;
     top:0px;
     width: 995; /* largeur obligatoire pour être centré */
     }

.header {position:relative; top:0px; left:0px; width:840px; height:58px; z-index:1;} 
.box {position:relative; top:0px; left:0px; background-color : #EAEAEA; width:200px; height: 210px; z-index:1;} 
.box2 {position:relative; top:0px; left:0px; background-color : #EAEAEA; width:200px; height: 175px; z-index:1;} 
.box3 {position:relative; top:0px; left:0px; background-color : #EAEAEA; width:200px; height: 75px; z-index:1;font-family: arial; font-size:10pt ; text-align:center;} 
.ecran {position:relative; top:-460px; left:200px; background-color : white; width:795px; height: 460px; z-index:1; overflow:auto;} 
.ecran2 {position:relative; top:-460px; left:200px; background-color : white; width:795px; height: 460px; z-index:1;} 
 

.panchbulle {position:absolute; top:-500px; left:210px; width : 569px; height : 200px ; background-image : url(http://www.monbaraki.com/image/connect.gif);background-repeat:no-repeat; z-index:0; display :none;}
.panchbulleint {position:absolute; top:0px; left:0px; width : 559px; height: 190px; font-size:13px; display :none;}
.connexion {cursor:pointer;}

.connection {position:absolute; top:60px; left:385px;}
.inscrit {position:absolute; top:105px; left:385px;}
.login {position:absolute; top:60px; left:230px;}
.pass {position:absolute; top:105px; left:230px;}

.titrecom {font-family: arial; background-color:#F7EEDB; text-align:center;font-size:18pt;font-weight:bold; }
.comm { background-color:#F7EEDB; }
.auteurcomm {font-family: arial; font-size:12pt; font-style:italic; }
.textecomm {font-family: arial; font-size:13pt; }

.carton {width : 380px; height : 225px ; background-image : url(http://www.monbaraki.com/image/carton.gif);background-repeat:no-repeat;}

#wrapper {
	margin: 0px;
	padding: 0px;

}

/* Header */

#header {
	width: 995px;
	height: 99px;
	margin: 0 auto;
	padding: 0px;
	background: url(images/img03.jpg) no-repeat left top;
}

/* Logo */

#logo {
	float: left;
	margin: 0;
	padding: 10px 0px 0px 50px;
	color: #000000;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#logo h1 {
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 44px;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p {
	margin: -30px 0px 0px 0px;
	padding: 26px 0 0 2px;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	color: #C5E8FF;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #C5E8FF;
}


/* Menu */

#menu {
	width: 995px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img04.jpg) no-repeat left top;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0px 25px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 120px;
	height: 39px;
	margin-left: 10px;
	padding-top: 15px;
	background: url(images/img05.jpg) repeat-x left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	background: url(images/img06.jpg) no-repeat left top;
	padding-left: 0;
	color: #493E2B;
}
#footer-content {
	position:relative;
	top:-460px;
	left:0px;
	width: 995px;
	height: 255px;
	margin: 0 auto;
	padding: 60px 50px 0px 50px;
	background: url(images/img15.jpg) no-repeat left top;
	font-size: 12px;
	color: #887450;
}

#footer-content .column1 {
	float: left;
	width: 843px;
}

#footer-content .column2 {
	float: right;
	width: 273px;
}

#footer-content h2 {
	padding-bottom: 10px;
	font-size: 22px;
	color: #E3D2B6;
}

#footer-content strong {
	color: #E3D2B6;
}

#footer-content a {
	color: #AA8B55;
}

#footer-content a:hover {
	color: #AA8B55;
}

.list li {
	margin-bottom: 6px;
}

#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 12px;
	text-align: center;
	color: #82A2B9;
}

#footer a {
	text-decoration: underline;
	color: #82A2B9;
}


       .invired{
                padding:0px;
                background-color:transparent;
                border:1px;
		width:20px;
		height:20px;
		background:url(http://www.gladiateur-online.com/image/croix.gif);
        }

.barrelevel{width:10px;height:10px;background:url(/image/barrelevel1.gif);float:left;background-repeat:no-repeat;}
.barrelevelvide{width:10px;height:10px;background:url(/image/barrelevel1vide.gif);float:left;background-repeat:no-repeat;}
.barrecharge7{width:7px;height:9px;background:url(/image/barrecharge.gif);float:left;background-repeat:no-repeat;}
.barrecharge8{width:8px;height:9px;background:url(/image/barrecharge1.gif);float:left;background-repeat:no-repeat;}
.barrecharge7vide{width:7px;height:9px;background:url(/image/barrechargevide.gif);float:left;background-repeat:no-repeat;}
.barrecharge8vide{width:8px;height:9px;background:url(/image/barrecharge1vide.gif);float:left;background-repeat:no-repeat;}
.textlevel{font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;}
.barre{position:relative;top:4px;left:0px;}
.infobiere {position:absolute;z-index:0;width:280px;height:472px;background-image:url(/image/biere.gif);top:160px;left:0px;display:none;}.infobiereint { background-color:orange;position:absolute;display:none;border-width:thin; border-color:black; border-style:solid; width:225px; margin-top:100px; margin-left:20px; opacity:0.8; -moz-opacity:0.8; }.infobieretxt { font-size:13px; z-index:11; color:black; }
.clastable{width:770px;height:300px;background-image:url(image/classement.jpg);}
.white{color:white;}
.white a {
	text-decoration: none;
	color: #FFFFFF;
}

