body {
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size: 0.8em;
	margin-top: 65px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	border: 1px solid #000;
	background:url(images/design/background.png) repeat-x;
	background-color: #E8F8FF;
}

#logo {
	width: 152px;
	height: 218px;
	position: absolute;
	top: 5px;
	margin-left: 15px;
	background: url(images/design/logo.gif);
}

#load {
	margin-top: 5px;
	margin-bottom: -5px;
	width: 190px;
	text-align: center;
}

h1 {
	font-style: italic;
	font-variant: small-caps;
	text-align: right;
	margin-right: 30px;
	font-size: 2em;
	border-bottom: 1px solid blue;
}

#menu {
	background: url(images/design/fond_menu.png) repeat-x;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	height: 25px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #FFA796;
	padding-left: 0;
}

#menu li {
	line-height: 25px;
	text-align: center;
}

#menu a:hover {
	color: #03647F;
}

.menu_droite {
	float: right;
	padding-left: 17px;
	padding-right: 10px;
	background: url(images/design/menu.png) no-repeat;
	font-size: 0.8em;
}

.menu_input {
	color: #000;
	border-color: #046C9F;
	background-color: #EBFFFF;
	font-size: 1.2em;
	margin: 4px 2px 2px 2px;
	float:left;
	clear:right;
}
.menu_input2 {
	color: #000;
	border-color: #046C9F;
	background-color: #EBFFFF;
	font-size: 0.8em;
	margin: 0 2px 2px 2px;
	float:left;
	clear:right;
}

.menu_droite2 {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
}

.menu_gauche {
	float: left;
	padding-left: 17px;
	padding-right: 10px;
	background: url(images/design/menu.png) no-repeat;
}

.menu_gauche2 {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	width: auto;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	height: 25px;
	font-variant: small-caps;
	font-size: 1.4em;
}

#acces_rapide {
	text-indent: -50000px;
	font-size: 0;
}

#ban {
	height: 150px;
	background: url(images/design/ban.jpg) no-repeat center;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 10px;
}

ul {
	list-style-type: circle;
}

.text {
	margin: 0;
	padding: 10px;
}

.info {
	margin: 0;
	padding: 10px;
	vertical-align: top;
}

#milieu {
	background: url(images/design/gauche.png) repeat-y #FFF;
	width: 980px;
}

.astuce {
	clear: left;
}

#gauche {
	float: left;
	padding-left: 10px;
	width: 180px;
	background: url(images/design/gauche.png) repeat-y #DBF4FF;
}

#bas {
	text-align: center;
	clear: left;
	border-top: 1px solid #000;
	background: url(images/design/bas.png) repeat-x bottom #B2B2B2;
}

#contenu {
	float: left;
	width: 769px;
	background-color: #FFF;
	padding: 10px;
	border-left: 1px solid #000;
}

#message {
	border: 1px solid #046C9F;
	padding: 10px;
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 400px;
	height: 150px;
	margin-top: -75px;
	margin-left: -200px;
}

#message2 {
	border: 1px solid #046C9F;
	padding: 10px;
	margin: 10px;
	width: 800px;
}

.flash {
border: 1px solid blue;
margin-left: auto;
margin-right: auto;
width: 600px;
background-color: #EBFFFF;
padding: 10px;
}

.nouvelles {
border: 1px solid green;
float: left;
width: 350px;
margin: 15px 10px;
background-color: #EBFFFF;
}

.dates {
border: 1px solid #BFBF00;
float: left;
width: 350px;
margin: 15px 10px;
background-color: #EBFFFF;
}

.sondage {
border: 1px solid #0080ff;
float: left;
width: 350px;
margin: 15px 10px;
background-color: #EBFFFF;
}

.fleche1 {
float: left;
width: 39px;
}

.fleche2 {
float: left;
width: 49px;
}

#load {
height: 0;
}

.cadre {
border: 1px solid #046C9F;
}

h4 {
	padding-top: 10px;
	font-size: 10pt;
	font-variant: small-caps;
	border-bottom: 1px solid green;
}

#page_haut, #page_bas {
	height: 75px;
}


h3 {
	text-align: center;
	margin-top: 0;
	font-variant: small-caps;
}

fieldset {
	padding: 5px;
	border: 1px solid #046C9F;
	-moz-border-radius: 2%;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 8px;
	font-variant: small-caps;
}

.label_cote {
	float: left;
	width: 130px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.label_cote2 {
	float: left;
	width: 285px;
	margin-right: 10px;
	text-align: right;
}

.label_cote3 {
	float: left;
	width: 85px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.alignement {
	float: left;
	width: 30px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}


table, input, textarea, hr {
	border-style: solid; 
	border-width: 1px; 
	margin: 0 auto 0 auto;
}

.none {
	border-style: solid; 
	border-width: 0px; 
	margin: 0 auto 0 auto;
}

strong {
	font-weight: bold;
}

.signature {
	clear: both;
	height: 80px;
	overflow: hidden;
	font-size:0.8em;
	max-width: 350px;
}

.cleaner {
	clear:both;
}

.victoire {
	color: green;
}

.defaite {
	color: #F00;
}

.egalite {
	color: #00F;
}

.V {
	color: #000;
	font-weight: bold;
	background-color: #0F0;
}

.D {
	color: #000;
	font-weight: bold;
	background-color: #F00;
}

.equipes {
	font-weight: bold;
}

.xx-large {
	font-size: xx-large;
	font-variant: small-caps;	
}

.x-large {
	font-size: x-large;
}

.large {
	font-size: large;
}

.x-small {
	font-size: x-small;
}

.small {
	font-size: small;
}

.prev {
	border: 1px dashed;
	padding: 0.2em;
	height: 250px;
	overflow: auto;
	width: 500px;
	display: block;
	margin: 0 auto 0 auto;
}

.information {
	padding: 10px;
	padding-left: 50px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	height: 30px;
	height: auto;
	min-height: 30px;
	color: green;
	background-image: url(images/design/info.png);
}

.attention {
	padding: 10px;
	padding-left: 50px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	height: 30px;
	height: auto;
	min-height: 30px;
	color: #BFBF00;
	background-image: url(images/design/attention.png);
}

.erreur {
	padding: 10px;
	padding-left: 50px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	height: 30px;
	height: auto;
	min-height: 30px;
	color: #ff3300;
	background-image: url(images/design/erreur.png);
}

.question {
	padding: 10px;
	padding-left: 50px;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	height: 30px;
	height: auto;
	min-height: 30px;
	color: #0080ff;
	background-image: url(images/design/question.png);
}

.align_gauche {
	text-align: left;
}

.align_centre {
	text-align: center;
}

.align_droite {
	text-align: right;
}

.float_left {
	float: left;
	padding : 5px;
}

#float_test {
	float: left;
	padding-left : 5px;
	width : 130px;
	border-left: 1px solid green;
}

#float_test3 {
	float: left;
	padding-left : 5px;
	width : 160px;
	border-left: 1px solid green;
}

h5 {
	color:#000;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 1em;
	font-style: italic;
	padding-left: 5px;
	border-bottom: 1px dotted #000;
}

#float_test2 {
	float: left;
	padding : 5px;
	width : 610px;
}

#float_test4 {
	float: left;
	padding : 5px;
	width : 580px;
}

#float_test5 {
	float: left;
	padding : 5px;
	width : 350px;
}

.float_right {
	float: right;
	padding : 5px;
}

#derniers_msg {
	width: 650px;
	margin: auto;
	height: 400px;
	border: 1px dashed;
	padding: 5px;
	padding-bottom: 10px;
	overflow: auto;
}

.fond {
	border: 1px solid;
	position: relative;
	margin: auto;
	z-index: 3;
	border-color: #046C9F;
}

.classement1 {
	font-size: 1.8em;
	text-align: right;
	height: 100px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.classement2 {
	font-size: 1.8em;
	text-align: right;
	height: 100px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.classement3 {
	font-size: 1em;
	text-align: right;
	height: 100px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.classement4 {
	font-size: 1em;
	text-align: right;
	height: 100px;
	position: absolute;
	left: 0;
	z-index: 1;
}

.colonne {
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	position: absolute;
	width: 38px; 
	z-index:2;
	color: #03647F;
	border-top-color: #046C9F;
	border-left-color:  #046C9F;
	border-right-color: #046C9F;
}

.colonne_compare {
	font-size: 0.9em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	position: absolute;
	width: 38px; 
	z-index:2;
	color: #E54800;
	border-top-color: #FF5400;
	border-left-color:  #FF5400;
	border-right-color: #FF5400;
}

.mois {
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 40px;
	bottom: 5px;
	z-index: 3;
}

.colonne2 {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	position: absolute;
	width: 45px; 
	z-index:2;
}

.colonne2009 {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	position: absolute;
	width: 35px; 
	z-index:2;
}

.colonne3 {
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 47px;
	bottom: 5px;
	z-index: 3;
}

.colonne3009 {
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 37px;
	bottom: 5px;
	z-index: 3;
}

.colonne4 {
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 47px;
	bottom: 5px;
	z-index: 3;
}

.colonne4009 {
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 37px;
	bottom: 5px;
	z-index: 3;
}

	
.progression {
	font-size: 0.8em;
	text-align: center;
	font-weight: bold;
	position: absolute;
	width: 38px; 
	z-index:2;
}



a:link, a:visited, a:hover {
	color: #046C9F;
}

h3, h4 {
	color: #046C9F;
}

table {
	border-color: #046C9F;
	font-size: 1.0em;
}

th {
	background:url(images/design/th.png) repeat-x;
	font-variant: small-caps;
}

td {
	background-color: #EBFFFF;
}

.neutre  {
	background-color: #FFF;
}

legend {
	color: #046C9F;
}

.hendaye {
	color: #046C9F;
	font-weight: bold;
}

.gris td {
	background-color: #DBF4FF;
}

input, textarea, hr, select {
	color: #000;
	border-color: #046C9F;
	background-color: #EBFFFF;
	
}

.prev, #derniers_msg {
	border-color: #03647F;
}

.classement1, .classement3 {
	background-color: #DBF4FF;
	color: #000; 
}

.classement2, .classement4 {
	background-color: #EBFFFF;
	color: #000; 
}

.mois, .journee {
	color: #03647F;
}

.mois2, .journee2 {
	color: #FF80C0;
}

.mois_compare, .journee_compare {
	color: #E54800;
}

.phase, .fin {
	color:#009BC3;
	border-color:#009BC3;
}

.phase_compare, .fin_compare {
	color:#E27344;
	border-color:#E27344;
}

.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 1px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:0px; /* marge intérieure basse */}

.onglet { /* style des onglets inactifs */
  margin:5px 5px 0px 20px ; /* marge extérieure */
  padding:11px 0px 0px 0px ; /* marge intérieure */
  font-size : 15px ; /* taille de la police des onglets */
  font-variant: small-caps;
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:100px ; /* largeur de la boite float */
  background : url(onglet.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center} /* Le texte des onglets est centré */

.onglet-actif { /* style de l'onglet de la page active */
  position:relative ; /* l'onglet inactif est mis en position relative */
  top:2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
  border-bottom : solid 0px white} /*on efface le trait inférieur du menu */

.spacer {clear:both} /* force le retour à la ligne après des boites float */

.test1 {
float: left;
width: 330px;
}

.test2 {
float: left;
width: 260px;
}

sup {
	font-variant: small-caps;
}

.compare {
border: 1px solid #03647F;
float: left;
width: 250px;
margin: 25px 10px;
background-color: #EBFFFF;
-moz-border-radius: 2%;
}

.compare2 {
border: 1px solid #FF5400;
float: left;
width: 250px;
margin: 25px 10px;
background-color: #EBFFFF;
-moz-border-radius: 2%;
}

.compare3 {
border: 1px solid #03647F;
float: left;
width: 190px;
padding-top : 20px;
padding-bottom : 20px;
margin: 25px 10px;
background-color: #EBFFFF;
-moz-border-radius: 2%;
text-align: center;
}


.titre_joueur {
  color: #046C9F;
  border-bottom: 1px dotted #03647F;
  font-weight: bold;
	font-size: 10pt;
	font-variant: small-caps;
	padding-bottom: 0;
  }

.ul_joueur {
  margin-top: 2px;
}

.li_joueur {
  margin-left: 50px;
  margin-top: 0;
}

#fil {
  font-size: 0.8em;
}