* {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

img { border: none; }
a {outline: none; color: black;}
a:hover { color: #0066FF; }
.vert, .vert * { color: #009900; }
.rouge, .rouge * { color: #CC0000; }
.bleu, .bleu * { color: #0066FF; }

html {
	background: #01050e url('../img/chartre_g/fond.jpg') repeat-x;
}
body {
	width: 998px;
	padding: 5px 3px 3px 3px;
	margin: auto;
	background: white;
	height: 100%;
}

div#header {
  margin: 0 2px;
  height: 170px;
  background: url('../img/chartre_g/header_fond.gif') repeat-x top left;
}
div#header div.droite {
  height: 100%;
  background: url('../img/chartre_g/header_droite.gif') no-repeat top right;
}
div#header span.liens {
  float: left;
  width: 100%;
  display: block;
  width: 75px;
}
div#header span.liens a{
  text-indent: -9999px;
  display: block;
  outline: none;
}
p.log { text-align: center; }
div#header a.logo {
  float: left;
  text-indent: -9999px;
  background: url('../img/chartre_g/header_logo.png') no-repeat top left;
  width: 173px;
  height: 100%;
}
div#header a.rss {
  float: right;
  width: 30px;
  height: 30px;
  margin-left: 45px;
  margin-top: 28px;
  background: url('../img/icones/rss.png') no-repeat;
}
div#header a.twister {
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 45px;
  background: url('../img/icones/tw.png') no-repeat;
}
div#header a.facebook {
  float: right;
  width: 30px;
  margin-left: 45px;
  height: 30px;
  margin-top: 15px;
  background: url('../img/icones/fb.jpg') no-repeat;
}
div#header div.pub {
  float: left;
  height:97px;
  width:745px;
}
div#header div.sponsors {
  float: left;
  height: 67px;
  line-height: 65px;
  width:745px;
}
div#header div.sponsors a {
  padding: 0 4px;
}
div#header div.sponsors a img {
  vertical-align: middle;
} 

div.menu {
  display: block;
  float: left;
  background: white url('../img/chartre_g/menu_fond.gif') repeat-x;
  height: 34px;
}
div.menu div.gauche {
  height: 100%;
  background: url('../img/chartre_g/menu_gauche.gif') no-repeat left center;
}
div.menu div.droite {
  height: 100%;
  background: url('../img/chartre_g/menu_droite.gif') no-repeat right center;
}
div.menu ul#menu {
  display: block;
  height: 100%;
}
div.menu ul {
  list-style-position:inside;
  list-style-type:none;
}
ul#menu li a {
  line-height: 34px;
  color: white;
  display: block;
  height: 34px;
  background: url('../img/chartre_g/menu_sepa.gif') no-repeat bottom right;
  text-decoration: none;
  font-weight: bolder;
  text-align: center;
}
ul#menu li.contact a {
  background: none;
}
ul#menu ul {
  display: none;
}
ul#menu li {
  float: left;
  width: 50px;
  height: 100%;
}
ul#menu li:hover ul {
  display: block;
}
ul#menu li.accueil,ul#menu li.accueil *{
  width: 62px;
}
ul#menu li.breves,ul#menu li.breves *{
  width: 59px;
}
ul#menu li.team,ul#menu li.team *{
  width: 67px;
}
ul#menu li.resultats,ul#menu li.resultats *{
  width: 72px;
}
ul#menu li.partenaire,ul#menu li.partenaire *{
  width: 83px;
}
ul#menu li.forum,ul#menu li.forum *{
  width: 51px;
  display: none;
}
ul#menu li.multime,ul#menu li.multime *{
  width: 86px;
}
ul#menu li.propos,ul#menu li.propos *{
  width: 81px;
}
ul#menu li.contact,ul#menu li.contact *{
  width: 70px;
}
ul#menu li ul{
  position: relative;
  z-index: 20;
}
html body div.menu div div ul#menu li ul li a:hover{
  background: #0387f6;
}
html body div.menu div div ul#menu li ul li a{
  background: #067bde;
  height: 22px;
  line-height: 22px;
  text-align: left;
  width: 160px;
  border-bottom: 1px solid #0c6ad3;
  border-left: 1px solid #0c6ad3;
  border-right: 1px solid #0c6ad3;
  text-indent: 5px;
}

div.login {
  float: left;
  width: 412px;
  line-height: 34px;
  height: 34px;
  margin-left: 3px;
  background: url('../img/chartre_g/login_fond.gif') repeat-x top left;
}
div.login div.gauche {
  background: url('../img/chartre_g/login_gauche.gif') no-repeat top left;
  height: 100%;
}
div.login div.droite {
  background: url('../img/chartre_g/login_droite.gif') no-repeat top right;
  height: 100%;
}

div.login form p input.login, div.login form p input.passw {
  border: 1px solid #808080;
  background: #e8e8e8;
  font-family: Verdana;
  margin-left: 5px;
  width: 96px;
  padding: 2px;
}
div.login form p input.passw {
  margin-left: 2px;
}
div.login form p input.ok {
  border: 1px solid #808080;
  background: #e8e8e8;
  font-family: Verdana;
  margin-left: 2px;
  font-weight: bolder;
  padding: 1px 1px;
}
div.login a {
  color: black;
}

div.content {
  clear: both;
}

div.partie_gauche {
  float: left;
  width: 650px;
  margin-left: 1px;
  margin-right: 25px;
}

div.partie_droite {
  float: left;
  width: 320px;
  margin-top: 10px;
}
div.partie_droite div.pub {
  border: 1px solid #dddddd;
  padding: 10px;
}
div.partie_droite div.swf, div.partie_droite div.result {
  margin-top: 12px;
}
div.result div.resultat {
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
div.result div.resultat span.jeux {
  display: block;
  font-weight: bolder;
  text-align: center;
  padding: 10px 0;
}
div.result div.resultat span.jeux img {
  vertical-align: bottom;
  padding-right: 2px;
}
div.result div.resultat span.jeux a {
  text-decoration: none;
  font-weight: bolder;
  color: black;
  padding-top: 1px;
  font-size: 13px;
}
div.result div.resultat div.nous {
  float: left;
  width: 120px;
  padding-left: 5px;
  padding-top: 10px;
  text-align: center;
  height: 100px;
}
div.result div.resultat div.nous span {
  display: block;
  text-align: left;
  text-indent: 5px;
}
div.result div.resultat div.vous {
  float: right;
  width: 120px;
  padding-right: 5px;
  padding-top: 10px;
  text-align: center;
  height: 100px;
}
div.result div.resultat div.vous {
  width: 80px;
  height: 80px;
}
div.result div.resultat div.vous span {
  display: block;
  text-align: left;
  text-indent: 5px;
}
div.result div.resultat span.scrore {
  float: left;
  padding-top: 40px;
  width: 68px;
  text-align: center;
  font-weight: bolder;
  font-size: 12px;
  height: 60px;
}
div.result div.resultat span.scrore *{
  font-weight: bolder;
  font-size: 12px;
}
div.result div.resultat a.lien {
  clear: both;
  text-align: right;
  display: block;
  padding: 7px 5px;
  color: black;
  text-decoration: none;
}

div#footer {
  clear: both;
  padding: 50px 20px 10px 20px;
  text-align: justify;
  background: #c6c6c6 url('../img/chartre_g/footer.gif') repeat-x top left;
}
div#footer p{
  padding: 7px 0;
  text-indent: 10px;
  line-height: 15px;
}


div.h2 div.titre {
  height: 21px;
  background: url('../img/chartre_g/h2_fond.gif') repeat-x top left;
}
div.h2 div.titre div.gauche{
  height: 21px;
  background: url('../img/chartre_g/h2_gauche.gif') no-repeat top left;
}
div.h2 div.titre div.droite{
  height: 21px;
  background: url('../img/chartre_g/h2_droite.gif') no-repeat top right;
}
div.h2 div.titre h2 {
  color: white;
  text-indent: 5px;
  line-height: 21px;
  height: 21px;
  text-transform: uppercase;
}
div.h2 div.titre h2 * {
  color: white;
  text-decoration: none;
  line-height: 21px;
  height: 21px;
  text-transform: uppercase;
}
div.page {
  margin-top: 10px;
}
div.page div.content {
  padding: 0 5px 10px 5px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
div.page div.content p {
  text-indent: 10px;
  margin-top: -5px;
  text-align: justify;
  padding-top: 10px;
}

div.erreur {
  margin: 5px 20px;
  padding: 10px;
  background: #ffb3b3;
  color: black;
  border: 1px dashed red;
}
div.ok {
  margin: 5px 20px;
  padding: 10px;
  background: #b3FFb3;
  color: black;
  border: 1px dashed green;
}
div.clear{
  clear: both;
}
div#header div.pub {
  text-align: center;
  height: 90px;
  padding: 4px 0;
}