/* style page jeux par david Note de florent : y'a de l'optimisation a faire...*/
body {margin: 0;background: #0082c8}

#contenu {position: relative;
margin: 0 auto;
background:url(../index/fond.png);
width: 768px;
padding-top: 10px;
font-family: Arial;
font-weight: bold;
font-size: small;
line-height: 20px}

h1 {border: 3px solid #fc0;
color: #fff;
margin: 0;
padding-left: 5px;
display: inline;
position: absolute;
line-height: 40px;
height: 40px;
width: 330px;  
top: 15px;
right: 0;
text-align: left;
font-weight: bold;
font-family: sherif;
font-size: 22px;
background: url(../index/logog.png) repeat-y scroll right top}
  
h1 b {color: #fc0}

h2 {font-family: Arial;
text-align: center;
color: #fc0;
font-weight: bold;
font-size: 18px;
text-decoration: none}

.c {text-align: center}

.cl {clear: both}

b {font-weight: inherit;color: #fff}

table {width: 768px;
font-size: 12px;
line-height: 25px;
text-align: center;
color: #000;
font-family: Arial;
text-decoration: none;
margin-bottom: 10px;
margin-top: 10px;
font-weight: bold}

th {border: 3px solid #fff;width: 160px}

th a {float: left;
width: 160px;
line-height: 22px;
background-position: center;
background-image: url(../index/lien.png);
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 14px;
color: #fff;
background-repeat: no-repeat}

th a:hover {background-image: url(../index/lien1.png);background-repeat: no-repeat}

td {border: none;text-align: left;line-height: 18px}

font {font-family: times;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 30px}

.lien a {width: 160px;
display: inline;
float: left;
margin-left: 25px;
color: #fff;
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 14px;
text-align: center;
line-height: 22px;
background-position: center;
background-repeat: no-repeat;
background-image: url(../index/lien.png)}

.lien a:hover,.lien a:focus {background-repeat: no-repeat;background-image: url(../index/lien1.png)}

.ext a {color : #fc0;font-weight : bold}

.ext a:hover, .ext a:focus {color : #fff}

.lien1 a {margin: 15px 303px;
padding: 0;
float: left;
width: 160px;
line-height: 22px;
background-position: center;
background-image: url(../index/lien.png);
text-decoration: none;
font-weight: bold;
font-family: Arial;
font-size: 14px;
color: #fff;
text-align: center}

.lien1 a:hover,.lien1 a:focus {background-image: url(../index/lien1.png)}

.lien2 a {padding: 2px 5px;
color: #fff;
font-weight: bold;
font-family: arial;
font-size: 14px;
background-position: center;
background-image: url(../index/lien.png);
text-decoration: none}

.lien2 a:hover,.lien2 a:focus {background-image: url(../index/lien1.png)}

.lien3 a {width : 160px;
display : inline;
float : left;
color : #fff;
text-decoration : none;
font-weight : bold;
font-family : Arial;
font-size : 14px;
text-align : center;
line-height : 22px;
background-position : center 0%;
background : url(../index/lien.png) no-repeat;
margin-left : 150px}

.lien3 a:hover, .lien3 a:focus {background : url(../index/lien1.png) no-repeat}

hr {margin: 15px 0;clear: both}

a {outline:none}

#pied {border: 1px solid #fff;
clear: both;
margin:10px;
font-size: x-small;
padding: 10px}

.fd {float : right;display : inline}

.mini {font-size: x-small}