@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(images/fond.png) repeat-x #eae8de;
	font-family: Tahoma, Helvetica, sans-serif;
}

p {
	font-size: 12px;
}

a {
	color: #4d7d81;
	text-decoration: none;
}
a:hover {
	color: #505c5d;
	text-decoration: underline;
}
a img {
	border: none;
}

#page {
	width: 807px;
	margin: 0px auto;
}

#logo {
	width: 807px;
	height: 162px;
	background: url(images/banniere.png) no-repeat;
}
#logo a {
	display: block;
	width: 900px;
	height: 150px;
}
#logo h1 {
	display: none;
}

#hautpage {
	width: 807px;
	height: 239px;
	background: url(images/hautpage.png) no-repeat;
}

#connexion {
	padding-left: 460px;
	padding-top: 82px;
}
#btnok {
	float: right;
	padding-right: 75px;
	padding-top: 4px;
}
.caseco {
	width: 165px;
	height: 20px;
	margin-top: 5px;
	padding: 5px;
	padding-left: 10px;
	background: url(images/inputconnect.png) no-repeat;
}
.caseco input {
	color: #b7c4c1;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 160px;
	background: none;
	border: none;
}

#lienescargot {
	float: left;
	padding-left: 190px;
	padding-top: 126px;
}

#infosbarrehaut {
	font-size: 14px;
	padding-top: 5px;
	color: #e4edef;
	width: 280px;
}
#infosbarrehaut a {
	color: #b4e2e9;
}

#contenu {
	padding: 10px;
	width: 687px;
	background: url(images/fondcontenu.png) repeat-y;
	padding: 20px 60px;
}

h1 {
	color: #505c5d;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
}
h2 {
	color: #505c5d;
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 10px;
}
h3 {
	color: #546f6f;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
h4 {
	color: #4f5959;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.center {
	text-align: center;
}

.left {
	float: left;
}
.right {
	float: right;
}

.red {
	color: red;
}
.green {
	color: green;
}

.clear {
	clear: both;
}

#statsmembre {
	margin-left: 50px;
}

#historique {
	margin: 30px auto;
	width: 331px;
	overflow: hidden;
	height: 338px;
	background: url(images/fondhistorique.png) no-repeat;
}
#historique h2 {
	margin-top: 18px;
	margin-bottom: 8px;
	text-align: center;
}
#conteneuronglets {
	width: 276px;
	overflow: hidden;
	margin: 0px auto;
}
#historique .onglet {
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	width: 92px;
	text-align: center;
	cursor: pointer;
	height: 27px;
}
#contenuhistorique {
	width: 828px;
}
.rubriquehistorique {
	width: 276px;
	height: 240px;
	float: left;
	background: url(images/gris20.png) repeat;
}
.casehistorique {
	padding: 5px;
}
.casehistorique p {
	font-size: 10px;
}

.fondvert {
	background: url(images/gagne.png) no-repeat;
}
.fondrouge {
	background: url(images/croix.png) no-repeat;
}

#sepfiche {
	width: 100%;
}
#sepfiche td {
	vertical-align: top;
	width: 50%;
}

#bonusfiche {
	margin-top: 30px;
	height: 300px;
	width: 300px;
	border: 1px solid #505c5d;
}
#bonusfiche h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.tableau {
	border-collapse: collapse;
	margin: 20px auto;
}
.tableau td {
	padding: 3px 10px;
	border: 1px solid #2e3536;
}
.tableau .entete {
	background: #e7e9e5;
	font-weight: bold;
}

.pagination a {
	margin-left: 2px;
	margin-right: 2px;
}
.pagination span {
	margin-left: 2px;
	margin-right: 2px;
}

#footer {
	width: 807px;
	height: 80px;
	background: url(images/fondfooter.png) no-repeat;
	padding-top: 46px;
	text-align: center;
	font-size: 11px;
	color: #738587;
}

#liensannuaires {
	width: 800px;
	margin: 0px auto;
	margin-bottom: 30px;
	text-align: center;
}

#escargodromedesc {
	margin: 0px auto;
	margin-bottom: 30px;
	width:600px;
}

.choixSnail {
	width: 304px;
	height: 215px;
	margin-left: 24px;
	margin-top: 10px;
	float: left;
	background: url(images/fonddefier.png) no-repeat;
}
.choixSnail .niveau {
	width: 50px;
	height: 35px;
	margin: 0px auto;
	margin-top: 22px;
	padding-left: 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
}
.choixSnail .moitie {
	width: 152px;
	float: left;
	height: 109px;
}
.choixSnail .btndefier {
	margin-left: 80px;
}
.choixSnail .stats {
	padding-top: 18px;
}
.choixSnail .imgrace {
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
	height: 17px;
}

.fenetre {
	position: absolute;
	top: 40%;
	left: 40%;
	width: 350px;
	height: 150px;
	background: #FFFFFF;
	border: 1px solid #293F01;
}
.fondfenetre {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/fondfenetre.png);
}

.bleu {
	color: #505c5d;
}

.barre {
	height: 15px;
	float: left;
}
.barre .boule {
	height: 15px;
	width: 21px;
	background: url(images/barrestat/boule.png) no-repeat;
	float: left;
}
.barre .case {
	width: 10px;
	height: 15px;
	float: left;
}
.barre .blanc {
	background: url(images/barrestat/blanc.png) no-repeat;
}
.barre .bleu {
	background: url(images/barrestat/bleu.png) no-repeat;
}
.barre .vert {
	background: url(images/barrestat/vert.png) no-repeat;
}
.barre .rouge {
	background: url(images/barrestat/rouge.png) no-repeat;
}
.barre .violet {
	background: url(images/barrestat/violet.png) no-repeat;
}
.barre .or {
	background: url(images/barrestat/or.png) no-repeat;
}
.barre .bout {
	width: 4px;
	height: 15px;
	float: left;
	background: url(images/barrestat/bout.png) no-repeat;
}

.barreniveau {
	width: 182px;
	height: 7px;
	background: url(images/barrexp/fond.png) no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 4px;
}
.barrerempli {
	height: 5px;
	background: url(images/barrexp/barre.png) repeat-x;
	margin-top: 1px;
	margin-left: 1px;
}

#barrefiche {
	width: 620px;
	padding-left: 30px;
	padding-right: 30px;
	height: 45px;
	background: url(images/barre_courses.jpg) no-repeat;
}
#barrefiche p {
	float: left;
	margin-top: 15px;
	width: 200px;
	text-align: center;
	font-weight: bold;
}

#iconesfiche {
	
}
#iconesfiche div {
	margin: 0px auto;
	margin-top: 5px;
	height: 25px;
	width: 150px;
}
#iconesfiche p {
	color: #515c5d;
	font-size: 16px;
	margin-left: 10px;
	float: left;
	margin-top: 3px;
}
#iconesfiche img {
	float: left;
}

#classement {
	width: 624px;
	margin: 20px auto;
}
#hautclassement {
	width: 100%;
	height: 110px;
	background: url(images/hautclassement.png) no-repeat;
}
#classementglobal {
	float: left;
	padding-left: 115px;
	padding-top: 27px;
}
#pagesclassement {
	float: right;
	padding-top: 27px;
	padding-right: 106px;
}
#iconesclassement {
	padding-top: 43px;
	text-align: center;
}
#iconesclassement img {
	margin-left: 10px;
}
#milieuclassement {
	width: 563px;
	padding: 0px 3px;
	margin-left: 30px;
	background: url(images/milieuclassement.png) repeat-y;
}
#basclassement {
	width: 100%;
	height: 110px;
	background: url(images/basclassement.png) no-repeat;
}
#milieuclassement table {
	width: 563px;
	border-collapse: collapse;
}
#milieuclassement td {
	text-align: center;
	border: 2px solid #e0e0db;
	padding: 2px;
}
#milieuclassement .haut {
	background: #faf9f0;
}

.lienretour {
	display: block;
	margin: 0px auto;
	margin-top: 20px;
	width: 157px;
	height: 91px;
	background: url(images/bouton_retour.jpg) no-repeat;
}
.lienretour span {
	display: none;
}
.lienretour:hover {
	background-position: 0px -91px;
}

.colonne {
	width: 300px;
	float: left;
	padding: 0px 20px;
}