﻿/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	height:100%;
	background-image:url(../images/fond_site.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
* {
	margin: 0;
	padding: 0;
}

object {
  outline: none;
}

#header{
	position:absolute;
	/*background-image:url(../images/fond_head.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	top:0px;
	left:0px;
	width:100%;
	height:225px;
	z-index:0;
}

#content{
	position:relative;
	margin: 0 auto;
	min-height: 100%; /* Nécessaire si on veut que la couleur de #page se poursuive jusqu'au footer*/
	width:785px;
	z-index:0px;
}

#contenu{
	position:absolute;
	background-image:url(../images/pix_trans.png);
	background-repeat:repeat;
	width:414px;
	height:282px;
	top:272px;
	
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_login{
	position:absolute;
	background-image:url(../images/fond_login.png);
	background-repeat:no-repeat;
	width:412px;
	height:308px;
	top:312px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_joueursDroite{
	position:absolute;
	background-image:url(../images/joueurs_2.png);
	background-repeat:no-repeat;
	width:307px;
	height:345px;
	top:193px;
	z-index:0;
	left: 595px;
}
#contenu_joueursDroite1{
	position:absolute;
	background-image:url(../images/joueurs_4.png);
	background-repeat:no-repeat;
	width:245px;
	height:315px;
	top:293px;
	z-index:0;
	left: 595px;
}

#contenu_joueursDroite2{
	position:absolute;
	background-image:url(../images/joueurs_6.png);
	background-repeat:no-repeat;
	width:245px;
	height:315px;
	top:243px;
	z-index:0;
	left: 595px;
}

#contenu_joueursGauche{
	position:absolute;
	background-image:url(../images/joueurs_1.png);
	background-repeat:no-repeat;
	width:408px;
	height:401px;
	top:232px;
	z-index:0;
	left: -170px;
}

#contenu_joueursGauche1{
	position:absolute;
	background-image:url(../images/joueurs_3.png);
	background-repeat:no-repeat;
	width:401px;
	height:289px;
	top:232px;
	z-index:0;
	left: -170px;
}

#contenu_joueursGauche2{
	position:absolute;
	background-image:url(../images/joueurs_5.png);
	background-repeat:no-repeat;
	width:401px;
	height:289px;
	top:232px;
	z-index:0;
	left: -170px;
}

#contenu_ballon{
	position:absolute;
	background-image:url(../images/joueurs_ballon.png);
	background-repeat:no-repeat;
	width:295px;
	height:52px;
	top:253px;
	z-index:0;
	left: 290px;
}

#contenu_fondPronos{
	position:absolute;
	background-image:url(../images/fond_pronos.jpg);
	background-repeat:no-repeat;
	width:1600px;
	height:684px;
	top:251px;
	z-index:10;
	left: 0px;
}

#contenu_inscription{
	position:absolute;
	background-image:url(../images/fond_inscription.png);
	background-repeat:no-repeat;
	width:412px;
	height:308px;
	top:272px;
	
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_compte{
	position:absolute;
	background-image:url(../images/fond_compte.png);
	background-repeat:no-repeat;
	width:412px;
	height:308px;
	top:272px;
	
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_accueil{
	position:absolute;
	background-image:url(../images/fond_accueil.png);
	background-repeat:no-repeat;
	width:412px;
	height:308px;
	top:250px;
	z-index:0;
	left: 179px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_pronos{
	position:absolute;
	background-image:url(../images/pix_trans.png);
	background-repeat:repeat;
	width:412px;
	height:308px;
	top:242px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_pronoMatch{
	position:absolute;
	background-image:url(../images/fond_pronoMatch.png);
	background-repeat:no-repeat;
	width:412px;
	height:450px;
	top:167px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_clasMatch{
	position:absolute;
	background-image:url(../images/fond_clasMatch.png);
	background-repeat:no-repeat;
	width:412px;
	height:450px;
	top:167px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_general{
	position:absolute;
	background-image:url(../images/fond_general.png);
	background-repeat:no-repeat;
	width:412px;
	height:450px;
	top:227px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_membres{
	position:absolute;
	background-image:url(../images/fond_membres.png);
	background-repeat:no-repeat;
	width:412px;
	height:450px;
	top:227px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#contenu_voir_result{
	position:absolute;
	background-image:url(../images/fond_voir_result.png);
	background-repeat:no-repeat;
	width:412px;
	height:450px;
	top:167px;
	z-index:0;
	left: 165px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	text-align:center;
}

#home{
	position:relative;
	z-index:100;
}

#tab_login{
	position:absolute;
	width:302px;
	height:150px;
	left: 193px;
	top: 505px;
	z-index:100;
	vertical-align:middle;
}

#txt_login{
	position:absolute;
	width:302px;
	height:89px;
	left: 214px;
	top: 393px;
	z-index:100;
	text-align:center
}

#tab_inscription{
	position:absolute;
	width:350px;
	height:150px;
	left: 200px;
	top: 400px;
	z-index:100;
	vertical-align:middle;
}

#inscription{
	position:absolute;
	width:350px;
	height:150px;
	left: 180px;
	top: 353px;
	z-index:100;
	vertical-align:middle;
}

#msg_compte{
	position:absolute;
	width:402px;
	height:31px;
	left: 181px;
	top: 550px;
	z-index:100;
	text-align:center;
}

#tab_infos{
	position:absolute;
	width:350px;
	height:150px;
	left: 245px;
	top: 370px;
	z-index:100;
	vertical-align:middle;
}

#tab_infosMatch{
	position:absolute;
	width:324px;
	height:175px;
	left: 213px;
	top: 325px;
	z-index:100;
	vertical-align:middle;
}

#tab_infosGene{
	position:absolute;
	width:346px;
	height:175px;
	left: 213px;
	top: 385px;
	z-index:100;
	vertical-align:middle;
}

#tab_infosPerso{
	position:absolute;
	width:100%
	height:175px;
	left: -4px;
	top: 3px;
	z-index:100;
	vertical-align:middle;
	width: 341px;
	height: 102px;
}

#tab_infosResult{
	position:absolute;
	width:100%
	height:175px;
	left: -4px;
	top: 150px;
	z-index:100;
	vertical-align:middle;
	width: 341px;
	height: 93px;
}

#tab_infosStats{
	position:absolute;
	width:346px;
	height:175px;
	left: 213px;
	top: 325px;
	z-index:100;
	vertical-align:middle;
}

#tab_drapeau{
	position:absolute;
	background-image:url(../images/drapeau_1.png);
	width:155px;
	height:164px;
	left: -35px;
	top: 230px;
	z-index:100;
}

#tab_pronos{
	position:absolute;
	width:416px;
	left: 177px;
	top: 242px;
	z-index:100;
	text-align:center;
}

#nom_match{
	position:absolute;
	width:100%;
	left: -7px;
	top: -71px;
	z-index:100;
}

#nom_match_result{
	position:absolute;
	width:100%;
	left: -10px;
	top: -81px;
	z-index:100;
}

#retour_pronos{
	position:absolute;
	width:294px;
	height:29px;
	left: 42px;
	top: -183px;
	z-index:100;
}

#retour_result{
	position:absolute;
	width:294px;
	height:29px;
	left: 41px;
	top: -181px;
	z-index:100;
}

#bt_ok{
	position:absolute;
	width:63px;
	height:38px;
	left: 305px;
	top: 29px;
	z-index:100;
	vertical-align:middle;
}

#bt_valider{
	position:absolute;
	width:149px;
	height:39px;
	left: 94px;
	top: 162px;
	z-index:100;
	vertical-align:middle;
}

#bt_stats{
	position:absolute;
	width:160px;
	height:26px;
	left: 102px;
	top: 236px;
	z-index:100;
}

#bt_stats_result{
	position:absolute;
	width:160px;
	height:26px;
	left: 302px;
	top: 589px;
	z-index:100;
}

#bt_stats_result2{
	position:absolute;
	width:160px;
	height:26px;
	left: 315px;
	top: 640px;
	z-index:100;
}

#msgErr{
	position:absolute;
	text-align:center;
	width:346px;
	height:26px;
	left: -5px;
	top: 199px;
	z-index:100;
}

#msg{
	position:absolute;
	text-align:center;
	width:416px;
	height:26px;
	left: 177px;
	top: 620px;
	z-index:100;
}

#bt_matchpre{
	position:absolute;
	width:356px;
	height:146px;
	left: -387px;
	top: 134px;
	z-index:100;
	vertical-align:middle;
}

#bt_matchsui{
	position:absolute;
	width:298px;
	height:158px;
	left: 473px;
	top: 124px;
	z-index:100;
	vertical-align:middle;
}

#bt_claspre{
	position:absolute;
	width:356px;
	height:146px;
	left: -439px;
	top: 49px;
	z-index:50;
	vertical-align:middle;
}

#bt_classui{
	position:absolute;
	width:298px;
	height:158px;
	left: 423px;
	top: 45px;
	z-index:50;
	vertical-align:middle;
}

#bt_pagepre{
	position:absolute;
	width:356px;
	height:146px;
	left: -419px;
	top: 59px;
	z-index:50;
	vertical-align:middle;
}

#bt_pagesui{
	position:absolute;
	width:298px;
	height:158px;
	left: 423px;
	top: 45px;
	z-index:50;
	vertical-align:middle;
}

#numerospage{
	position:absolute;
	width:100%;
	left: 0px;
	top: 400px;
	z-index:100;
	vertical-align:middle;
	text-align:center;
}

#numerospage_clas{
	position:absolute;
	width:100%;
	left: 0px;
	top: 270px;
	z-index:100;
	vertical-align:middle;
	text-align:center;
}

#nav_pseudo{
	position:absolute;
	width:206px;
	height:28px;
	left: -110px;
	top: 40px;
	text-align:center;
	z-index:100;
}

#nav_compte{
	position:absolute;
	width:150px;
	height:28px;
	top:0px;
	left:-105px;
	z-index:100;
}

#nav_connexion{
	position:relative;
	width:92px;
	height:28px;
	top:0px;
	left:750px;
	z-index:100;
}

#nav_accueil{
	position:absolute;
	width:92px;
	height:28px;
	left: -105px;
	top: 190px;
	z-index:100;
}

#nav_pronos{
	position:absolute;
	width:247px;
	height:28px;
	left: 11px;
	top: 190px;
	z-index:100;
}

#nav_res{
	position:absolute;
	width:205px;
	height:28px;
	left: 286px;
	top: 190px;
	z-index:100;
}

#nav_clas{
	position:absolute;
	width:130px;
	height:28px;
	left: 517px;
	top: 190px;
	z-index:100;
}

#nav_cafe{
	position:absolute;
	width:176px;
	height:28px;
	left: 680px;
	top: 190px;
	z-index:100;
}













.txtNormal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.txtBlanc10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.txtBlanc13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.txtBlanc13bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;
}

.txtBlanc14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}

.txtNoir14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}

.txtBlanc15bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight:bold;
}

.txtBlanc14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight:bold;
}

.txtBlanc17bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	font-weight:bold;
}

.txtBlanc18 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;
}

.txtBlanc9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-style:italic;
}

.txtVert14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #377008;
}

.txtRouge14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#F00;
}

.txtJaune13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFF00
}

a:link {
	text-decoration: none;
	color: #ff0000;
}
a:visited {
	text-decoration: none;
	
	color: #ff0000;
}
a:hover {
	text-decoration: none;
	
	color: #ffffff;
}
a:active {
	text-decoration: none;
	
	color: #ff0000;
}

#signature{
	position:absolute;
	width:197px;
	height:50px;
	left: 617px;
	top: 621px;
	z-index:100;
	text-align:left;
}
