/*border-width: 1px;
border-color: red;
border-style: solid;*/

/* ----------- structure -------------- */
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color:#00a7d1;
}

#conteneur {
position: relative;
width: 950px;
height: 600px;
margin: 0 auto; 
background-color:#CCCCFF;
}

/* -------------- header ---------------- */
#header {
height: 100px;
width: 950px;
background-image: url(img/titre-m.jpg);
clear: both;
}

.titre {
float: left;
background-image: url(img/titre.jpg);
width: 453px;
height: 100px;
}

.titre-m {
margin-left: 300px;
margin-top: 20px;
float: left;
height: 25px;
}

.pub {
margin-right: 50px;
}

.titre-d {
float: right;
width: 26px;
height: 70px;
background-image: url(img/titre-d.jpg);
}

/* ---------------- centre ---------------- */
#main {
display:block;
width: 950px;
height:515px;
float:left;
}

#gauche {
background-image: url(img/choix.jpg);
overflow:none;
text-align: center;
float:left;
width: 250px;
height: 515px;
display:inline;
}

#centre {
width: 700px;
margin-left: 250px;
height: 515px;
display:inline;
}

.jeu-g {
background-image: url(img/jeu-g.jpg);
width: 24px;
height: 515px;
float:left;
}
.jeu-m {
background-image: url(img/jeu-m.jpg);
float: left;
margin-left: auto;
margin-right: auto;
width: 650px;
height: 515px;
}
.jeu-m p{
color : #FFFFFF;
}
.jeu-d {
background-image: url(img/jeu-d.jpg);
width: 26px;
height: 515px;
float: right;
}

/* ------------- footer ---------------- */
#pied {
width: 950px;
line-height: 30px;
height: 30px;

text-align: center;
}
.pied-g {
float: left;
height: 30px;
width: 28px;
background-image: url(img/pied-g.jpg);
}
.pied-m {
background-image: url(img/pied-m.jpg);
margin-left: auto;
margin-right: auto;
float: left;
height: 30px;
width: 894px;
}
.pied-d {
float: right;
height: 30px;
width: 28px;
background-image: url(img/pied-d.jpg);
}

/* ----------- Menu haut -------------- */

.menuhaut {
background-image: url(img/menu-m.jpg);
list-style-type: none;
margin: 0px;
padding: 0px;
width:497px;
height: 30px;
text-align: center;
font-weight: bold;
float:right;
}

.menuhaut li {
margin-left: 37px;
line-height: 28px;
display: inline;
float: left;
}
.anormal {
display: block;
background-image: url(img/emul-unselect.jpg);	
width: 127px;
height: 30px;
color: #FFFFFF;
text-decoration: none;
}
.aspecial {
color: #000000;
display: block;
background-image: url(img/emul-select.jpg);	
width: 127px;
height: 30px;
text-decoration: none;
}
.menuhaut a:hover {
color: #000000;
display: block;
background-image: url(img/emul-select.jpg);	
width: 127px;
height: 30px;
text-decoration: none;
}
.menu-d {
float: right;
width: 26px;
height: 30px;
background-image: url(img/menu-d.jpg);
}

.contact {
margin-left: 0px;
width: 69px;
height: 30px;
}
.contactanormal {
display: block;
background-image: url(img/help.jpg);	
width: 69px;
height: 30px;
color: #FFFFFF;
text-decoration: none;
}
.contactaspecial {
color: #000000;
display: block;
background-image: url(img/helpok.jpg);	
width: 69px;
height: 30px;
text-decoration: none;
}
.contact a:hover {
color: #000000;
display: block;
background-image: url(img/helpok.jpg);	
width: 69px;
height: 30px;
text-decoration: none;
}

/* ----------- Menu gauche -------------- */

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

/* ----------- Divers -------------- */

form {
margin: 0px;
padding: 0px
}

a {
color: #BB0000;
text-decoration: none;
}

a:hover{
color: #FF0000;
}

img {
border: none;
}
p {
margin: 0 0 10px 0;
font-size: 16px;
}

H4 {
}

.liste {
width: 100%;
height: 60px;
}
.liste a {
font-weight: bold;
text-decoration: none;
}
.liste a:hover {
font-weight: bold;
text-decoration: underline;
}

.introtexte {
font-size: 20px;
}

.lose {
	color: red;
	font-weight: bold;
}

.win{
	color: green;
	font-weight: bold;
}

label {
	font-weight: bold;
}