body {
  background-color:#21d0f9;
  background-image:url('../img/bkh.jpg');
  background-repeat:repeat-x;
  background-position:top;
  color:#fff;
  text-align:center;
}
h1{
  font-family:verdana;
  font-size:9pt;
  margin-bottom:0px;
}
h2{
  font-family:verdana;
  font-size:9pt;
  text-align:center;
  margin:5px 0px 10px 4px;
}

.logo{
  position:relative;
  float:left;
  margin:0px 5px 0px 4px;
}

.maincont{
  position:relative;
  width:1024px;
  margin-left:auto;
  margin-right:auto;
  margin-top:2px;
}

.defcont{
  min-height:460px;
  text-align:center;
  padding:0px 10px 0px 10px;
}

.headcont{
  position:relative;
  width:1024px;
  height:107px;
  margin-left:auto;
  margin-right:auto;
  padding:0px 0px 0px 0px;
  background-image:url('../img/header.png');
  background-repeat:repeat-x;
  text-align:left;
  font-size:8pt;
  font-family:Verdana;
}

.pubhead{
  position:relative;
  float:right;
  width:728px;
  height:90px;
  margin:7px 26px 0px 2px;
  background-color:#444;
}

.menul{
  position:relative;
  float:left;
  width:155px;
  background-image:url('../img/accroche-bouton.jpg');
  background-repeat:no-repeat;
  background-position: left center;
  overflow:hidden;
}

.menul ul{
  text-align:left;
  list-style-type: none;
  font-family:verdana;
  font-size:9pt;
  font-weight:bold;
  margin-top:34px;
}

.menul li{
  margin-left:-20px;
  padding:6px 2px 6px 10px;
  background-image:url('../img/btn-menu.png');
  background-repeat:no-repeat;
  vertical-align:middle;
}

.menul a{
  text-decoration:none;
  color:#fff;
}

.menul a:hover{
  color:#fc6612;
}

.centerpane{
  position:relative;
  overflow:hidden;
  width:720px;
}

.tophome{
  width:680px;
  margin-left:auto;
  margin-right:auto;
}

.menur{
  float:right;
  margin-right:0px;
  width:140px;
  background-color:#21d0f9;
  text-align:center;
  overflow:hidden;
}
.footer{
  width:1024px;
  height:80px;
  margin-top:5px;
  padding-top:14px;
  font-family:verdana;
  font-size:8pt;
  color:#ffc;
  background-image:url('../img/pp.png');
  background-repeat:no-repeat;
  overflow:hidden;
}

.footer a{
  text-decoration:none;
  color:#000;
}

.footer a:hover{
  text-decoration:underline;
  color:#000;
}


.puce{
  background-image:url('../img/puce.gif');
  background-repeat:no-repeat;
  background-position:top center;
  width:16px;
  height:16px;
  font-size:8pt;
  font-weight:bold;
  font-family:verdana;
  text-align:center;
  vertical-align:middle;
  display:inline-block;
  padding-top:1px;
}

.puce a{
  text-decoration:none;
  color:#000;
}

.ariane {
  font-family:Verdana;
  font-size:8pt;
  color:#eee;
}

.ariane a{
  text-decoration:none;
  color:#eee;
}

.ariane a:hover{
  text-decoration:underline;
  color:#ff2;
}

.tab
{
    border-collapse:collapse;
    border:none;
    margin-top:4px;
    width:700px;
    margin-left:auto;
    margin-right:auto;
}

.tab h2
{
    text-align:left;
}

.tab img
{
   vertical-align:middle; 
}

.tab th
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image:url('../img/btn-jeux.png');
    background-repeat:no-repeat;
    font-size:9pt;
    letter-spacing:2px;
    font-weight:bold;
    color:#fff;
    padding-left:6px;
    text-align:left;
    height:30px;
    border:solid 0px #800080;
    border-color:#888888;
    border-collapse:collapse;
}

.tab th a
{
	color:#bfcff3;
}

.tab th a:hover
{
    color:#c06;
    text-decoration:underline;
}

.tab td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#ffbc22;
    font-size:8pt;
    font-weight:normal;
    color:#3a1e16;
    text-align:left;
    vertical-align:middle;
    border:solid 2px #fff;
    border-collapse:collapse;
}

.tab td img{
    margin-bottom:4px;
    margin-top:2px;
}

.tab td a
{
  	font-family : Verdana, Arial;
  	font-size:8pt;
  	font-weight:bold;
	color:#603;
	text-decoration:none;
}

.tab td a:hover
{
    color:#c06;
	text-decoration:underline;
}

.tabtop td{
    vertical-align:top;
}

.prespage{
    font-family:verdana;
    font-size:9pt;
    text-align:justify;
    padding:2px 8px 2px 8px;
    margin-bottom:10px;
}

.prespage a{
    text-decoration:none;
    color:#eee;
}

.contnews{
    font-family:verdana;
    font-size:9pt;
    padding: 4px 10px 4px 10px;
}

.contnews h2{
    font-size:10pt;
    margin : 2px 14px 2px 14px; 
    margin-bottom:2px;
    padding:4px 4px 4px 4px ;
    margin-top:0px;
    border: 2px #fff solid;
    Background-color:#fc6612;
}

.news{
    font-family:verdana;
    font-size:9pt;
    margin-bottom:12px;
    text-align:justify;
    width:660px;
    margin-left:auto;
    margin-right:auto;
    background-color:#52e7ff;
    margin-top:0px;
    padding: 0px 10px 4px 10px;
    color:#045466;
}

.news h3{
    font-size:9pt;
    font-weight:bold;
    margin-left:-10px;
    margin-bottom:2px;
    text-align:left;
    width:660px;
    background-color:#0da7d1;
    padding: 2px 10px 2px 10px;
    color:#fff;
}

.news a{
    text-decoration:none;
    color:#045466;
}

.news a:hover{
    text-decoration:underline;
    color:#fc6612;
}
.sel{
    font-family:verdana;
    font-size:9pt;
    margin-bottom:2px;
    text-align:left;
    background-color:#0da7d1;
    margin: 0px 10px 0px 10px;
    padding: 4px 10px 4px 10px;
}

.sel a{
    text-decoration:none;
    color:#ffb;
}

.sel a:hover{
    text-decoration:underline;
    color:#ee0;
}