body
{
width: 990px;
margin: auto;  
background-color: #DFD5B5;
}

img
{
border: none;
}



/*-----------------------------------------------------------------------------*/
/*haut corps*/
#hautcorps
{
height: 300px;
background-position: center;
background-image: url("image/hautcorps.png");
background-repeat: no-repeat;
}



/*-----------------------------------------------------------------------------*/
/* Le corps de la page */
  
#corps
{
padding-top: 30px;
padding-left: 120px;
padding-right: 120px;
padding-bottom: 30px;
background-position: center;
background-image: url("image/corps.png");
background-repeat: repeat-y;
}

fieldset
{
background-color: #C4BA9A;
border: none;
width: 725px;
}




/*-----------------------------------------------------------------------------*/
/*login*/
#login
{
height: 200px;
background-position: left;
background-image: url("image/login.png");
background-repeat: no-repeat;
}

#formlog
{
position: absolute;
margin-top: 50px;
margin-left: 30px;
}

#formmdp
{
position: absolute;
margin-top: 60px;
margin-left: 30px;
}

#formok
{
position: absolute;
margin-top: 85px;
margin-left: 70px;
background-image: url("image/bouttonok.jpg");
background-repeat: no-repeat;
}

#erreur
{
position: absolute;
margin-top: 65px;
margin-left: 30px;
}

#connect
{
margin-top:80px;
margin-left:20px;
}




/*-----------------------------------------------------------------------------*/
/*inscription*/
#inscription
{
position: absolute;
margin-top: 20px;
margin-left: 420px;
padding-left: 30px;
padding-bottom: 30px;
width: 300px;
height: 320px;
background-image: url("image/inscription.png");
background-repeat: no-repeat;
}

label {
display:block;
width:100px;
float:left;
}
#liencgu
{
color:#595547
}
#validins
{margin-left: 80px;
background-image: url("image/bouttonok.jpg");
background-repeat: no-repeat;}
#erreurins
{
position: absolute;
margin-top: -20px;
margin-left: 30px;
}
#inscriptionok
{
position: absolute;
margin-top: 270px;
margin-left: 20px;
}



/*-----------------------------------------------------------------------------*/
/* News */
#journal
{

width: 500px;
margin-left: 100px;
margin-top: -700px;
font-family: times;
}

#titre
{
position: absolute;
width: 500px;
margin-left: -600px;
margin-top: 150px;
font-family: times;
font-size: 60px;
font-weight: bold;
text-align: center;
}

#date
{
position: absolute;
width: 500px;
margin-left: -600px;
margin-top: 135px;
font-family: times;
text-align: right;
}

#contenu
{
position: absolute;
width: 500px;
margin-left: -600px;
margin-top: 225px;
font-family: times;
text-align: justify;
}
#contenu td
{
width: 250px;
}
#tabulation
{
padding-left: 15px;
}
#news
{
width: 500px;
margin-left: 80px;
margin-top: 20px;
font-family: times;
}




/*-----------------------------------------------------------------------------*/
/*Menu*/
#menu
{
background-image: url("image/fondmenu.png");
background-repeat: no-repeat;
float: left;
width: 150px;
height: 250px;
margin-left: -180px;
padding-top: 10px;
padding-left: 20px;
text-align: center;
}

#menu a
{
color: #000000;
text-decoration: none;
}

#menujouer
{
background-image: url("image/fondmenu.png");
background-repeat: no-repeat;
float: left;
width: 150px;
height: 250px;
margin-top: -150px;
margin-left: -180px;
padding-top: 10px;
padding-left: 20px;
text-align: center;
}



/*-----------------------------------------------------------------------------*/
/*onglets*/
#onglet1
{
padding-left:90px;
color:#000000;
text-decoration: none;
}

#onglet2
{
padding-left:100px;
color:#000000;
text-decoration: none;
}

#onglet3
{
padding-left:110px;
color:#000000;
text-decoration: none;
}

#onglet4
{
padding-left:120px;
color:#000000;
text-decoration: none;
}

#hautonglet
{
background-image: url("image/haut_onglet.png");
background-repeat: no-repeat;
width:710px;
padding-top: 15px;
}

#hautonglet1
{
background-image: url("image/haut_onglet1.png");
background-repeat: no-repeat;
width:710px;
padding-top: 15px;
}

#hautonglet2
{
background-image: url("image/haut_onglet2.png");
background-repeat: no-repeat;
width:710px;
padding-top: 15px;
}

#hautonglet3
{
background-image: url("image/haut_onglet3.png");
background-repeat: no-repeat;
width:710px;
padding-top: 15px;
}

#hautonglet4
{
background-image: url("image/haut_onglet4.png");
background-repeat: no-repeat;
width:710px;
padding-top: 15px;
}

#corpsonglet
{
background-image: url("image/corps_onglet.png");
background-repeat: repeat-y;
width:710px;
padding-top: 20px;
padding-left: 30px;
}

#basonglet
{
background-image: url("image/bas_onglet.png");
background-repeat: no-repeat;
width:710px;
height:50px;
}

#onglet
{
position: absolute;
}

#jouer
{
position: absolute;
}

#boutique
{position: absolute;
}

#membres
{position: absolute;
}

#options
{position: absolute;
}

#optioncompte
{
color: #ffffff;
padding-left: 30px;
}




/*-----------------------------------------------------------------------------*/
/*avatar*/
#avatar
{
float: left;
width: 320px;
height: 320px;
}



/*-----------------------------------------------------------------------------*/
/*jeu*/
#etats
{
float:left;
width: 250px;
}

#inventaire
{
float:right;
width: 240px;
}
#plage
{
background-image: url("image/croquis_plage2.jpg");
background-repeat: no-repeat;
height:400px;
width:655px;
}
#paquebotplage a:link, #paquebotplage a:visited
{float:left;
margin-top:162px;
}
#paquebotplage a:hover
{float:left;
background-image: url("image/paquebot1hover.png");
background-repeat: no-repeat;
}
#campplage a:link, #campplage a:visited
{float:left;
margin-top:198px;
margin-left:38px;
}
#campplage a:hover
{float:left;
background-image: url("image/camp1hover.png");
background-repeat: no-repeat;
}
#rivageplage a:link, #rivageplage a:visited
{float:left;
margin-top:288px;
margin-left:-22px;
}
#rivageplage a:hover
{float:left;
background-image: url("image/rivage1hover.png");
background-repeat: no-repeat;
}
#foretplage a:link, #foretplage a:visited
{float:left;
margin-top:-212px;
margin-left:502px;
}
#foretplage a:hover
{float:left;
background-image: url("image/foret1hover.png");
background-repeat: no-repeat;
}

#reserve
{
padding-top:20px;
padding-left:105px;
background-image: url("image/fondreserve.png");
background-repeat: no-repeat;
height:250px;
width:235px;
}

#tableaureserve 
{
margin-top:-10px;
padding-top:50px;
margin-left:-100px;
}

#tableaureserve  td
{
width:50px;
}

#chantier
{
background-image: url("image/fondchantier.png");
background-repeat: no-repeat;
height:470px;
width:650px;
}

#ch1
{
position:absolute;
margin-top:100px;
margin-left:230px;
}

#ch2
{
position:absolute;
margin-top:320px;
margin-left:360px;
}

.infobulle
{
position: absolute;   
visibility : hidden;
border: 4px solid #786F50;
padding: 4px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #DFD5B5;
}

#resultatexpe
{
background-color: white;
border: 4px solid black;
height:60px;
width:600px;
text-align:center;
margin-left:30px;
padding-top:5px;
}

#resultattente
{
background-color: white;
border: 4px solid black;
height:30px;
width:600px;
position: absolute;
text-align:center;
margin-left:30px;
padding-top:5px;
}

#tente
{
background-image: url("image/fondtente.jpg");
background-repeat: no-repeat;
height:300px;
width: 655px;
}

#boissontente
{
background-image: url("image/fondboisson.jpg");
background-repeat: no-repeat;
height:250px;
width: 230px;
margin-left: 60px;
padding-top:35px;
padding-left:120px;
}

#boissontente0
{height:250px;
padding-top:34px;
padding-left:178px;
}

#nourrituretente 
{float:left;
margin-top:-220px;
margin-left:215px;
}

#sointente
{float:left;
margin-top:-75px;
margin-left:15px;
}

#repostente
{float:left;
margin-top:-200px;
margin-left:355px;
}




/*-----------------------------------------------------------------------------*/
/*forum*/
#manifeste
{
background-image: url("image/manifeste.jpg");
background-repeat: no-repeat;
height:500px;
width: 350px;
margin-top: 50px;
margin-left: 150px;
padding-top: 5px;
padding-left: 50px;
}

#manifeste td
{
width: 100px;
}




/*-----------------------------------------------------------------------------*/
/*forum*/
#tchat
{
height: 450px;
border-width: 3px;
border-style:solid;
margin-right: 60px;
padding-left:10px;
}

#forumchantier
{
font-size:14px;
margin-top:-30px;
margin-left:370px;
}

#forumreserves
{
font-size:14px;
margin-top:-30px;
margin-left:370px;
}

.texteforum a
{
color: #000000;
}

.hautforum
{
background-image: url("image/hautforum.jpg");
background-repeat: no-repeat;
height:20px;
}

.corpsforum
{
background-image: url("image/corpsforum.jpg");
background-repeat: repeat-y;
margin-top:-10px;
margin-bottom:-1px;
padding-left:10px;
}




/*-----------------------------------------------------------------------------*/
/*bascorps*/
#bascorps
{
height: 55px;
margin-bottom:50px;
background-position: center;
background-image: url("image/bascorps.png");
background-repeat: no-repeat;

}

#textebascorps
{
padding-top: 5px;
text-align: center;
}
#textebascorps a
{
color:#000000;
text-decoration: none;
}




/*-----------------------------------------------------------------------------*/
/* Le pied de page */

#pied_de_page
{
position: fixed ; /* position du menu = par rapport à la boite parent (ici le body) */
bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */
left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 100% ; /* largeur du menu = 98% de l'écran */
height: 50px ; /* hauteur du menu = 20 pixels */
background-position: left;
background-image : url("image/fondpied_de_page.png"); /* la couleur du menu */
background-repeat: repeat-x;
 
}

#textepiedpage
{
padding-top:20px;
text-align: right;
}
#textepiedpage img
{
border-style: none;
}

#avatarpiedpage
{
float:left;
margin-top:-35px;
margin-left:20px;
}