body {
    margin: 0px;
    padding: 0px;
    background: #eed;
    font-family: verdana;
    font-size: 12px;
}

body, div, table, p, form, iframe {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

table {
    font-family: verdana;
    font-size: 12px;
}

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

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

select {
    font-family: verdana;
    font-size: 12px;
}

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


a img {
    border: none;
}

a:visited {
    color: #0000FF;
}

a:visited {
    color: #000099;
}


.cadreTexte {
    border: solid 1px #997;
    border-radius: 5px;
    -moz-border-radius: 8px;
    background-color: #ddb;
    padding: 1px;
    text-align: center;
    font-size: 10px;
}



/*****************/
/***   BLOCS   ***/
/*****************/

.bloc1, .bloc1 div {
/*
    min-width: 140px;
    min-height: 160px;
*/
}
.bloc1 {
    background: #fff url('images/bloc-4.png') center left repeat-y;
    margin: 3px 10px;
}
.bloc2 {
    background: url('images/bloc-4.png') center right repeat-y;
}
.bloc5 {
    background: url('images/bloc-1.png') top left no-repeat;
}
.bloc4 {
    background: url('images/bloc-2.png') top center repeat-x;
}
.bloc6 {
    background: url('images/bloc-3.png') top right no-repeat;
}
.bloc7 {
    background: url('images/bloc-5.png') bottom left no-repeat;
}
.bloc3 {
    background: url('images/bloc-4.png') bottom center repeat-x;
}
.bloc8 {
    background: url('images/bloc-6.png') bottom right no-repeat;
    padding: 3px 20px 10px 20px;
}

.blocTitre {
    margin-left: 60px;
    margin-bottom: 10px;
}

.infoBloc {
    /*width: 640px;*/
    margin: 10px auto;
    padding: 5px 20px 5px 20px;
    border: solid 1px #775;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #e8e8cc;
    text-align: justify;
    line-height: 16px; 
}
.infoBlocContenu {
    padding: 5px 0px 10px 0px;
}


/****************/
/***   JEU    ***/
/****************/

#jeu {
}


.jeuCadre {
    border:solid 1px #7F7F7F;
    background-color: #FBFBF6;
    /*float: left;*/
}


.jeuCadreTitre {
    position: relative;
    top: -12px;
    left: 10px;
    margin-bottom: -12px;
}


#jeuConnectes {
    float: left;
    margin: 10px;
}


#jeuConnectesIframe {
    width: 260px;
    height: 250px;
    background-color: transparent;
}


#jeuConnectesIframeBody {
    background-color: #FBFBF6;
}


#jeuConnectesTable {
    font-size: 12px;
    text-align: left;
    /*width: 100%;*/
    margin: 0px;
}


.jeuConnectesHeure {
    font-size: 10px;
    color: #999;
}


.jeuConnectesPseudo {
    vertical-align: top;
}


.jeuConnectesPseudo > a {
    font-weight: bold;
    text-decoration: none;
}


.jeuConnectesLieu {
    vertical-align: top;
    font-size: 10px;
}


#jeuParties {
    margin: 10px;
    float: left;
}


#jeuPartiesIframe {
    width: 380px;
    height: 250px;
    background-color: transparent;
}


#jeuPartiesIframeBody {
    background-color: #FBFBF6;
}


#jeuPartiesTable {
    font-size: 12px;
    /*width: 100%;*/
    margin: 0px;
}


.jeuPartiesID {
     color:#999;
     text-align: right;
}


.jeuPartiesNom {
     text-align: left;
}


.jeuPartiesNom > a {
    font-weight: bold;
    text-decoration: none;
}


#jeuActions {
    clear: both;
}


.jeuActionsImage {
    margin: 0px 10px 10px 10px;
}

.jeuActionsImage:hover {
    margin-top: 7px;
    margin-bottom: 3px;
    opacity: 0.7;
}


/************/
/* Annonces */
/************/

.annonceBulle {
    font-size: 10px;
    text-align: center;
}
#annonceBulle1 {
    position: absolute;
    top: 78px;
    left: 0px;
    width: 56px;
    height: 42px;
    padding: 13px 3px 3px 3px;
    background: url("images/annonce-bulle-1.png") no-repeat;
}
#annonceBulle2 {
    position: absolute;
    top: 0px;
    left: 68px;
    width: 95px;
    height: 32px;
    padding: 13px 3px 3px 3px;
    background: url("images/annonce-bulle-2.png") no-repeat;
}
#annonceBulle3 {
    position: absolute;
    top: 78px;
    right: 0px;
    width: 56px;
    height: 42px;
    padding: 3px 3px 13px 3px;
    background: url("images/annonce-bulle-3.png") no-repeat;
}
#annonceBulle4 {
    position: absolute;
    bottom: 0px;
    left: 68px;
    width: 95px;
    height: 32px;
    padding: 3px 3px 13px 3px;
    background: url("images/annonce-bulle-4.png") no-repeat;
}
#annonceBulle4Formulaire {
    position: absolute;
    bottom: 0px;
    left: 68px;
    width: 95px;
    height: 161px;
    padding: 3px 3px 13px 3px;
    background: url("images/annonce-bulle-4-formulaire.png") no-repeat;
}
#annonceContrer {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 37px;
    height: 43px;
}
#annonceContrer:hover {
    width: 44px;
    height: 54px;
}

#annonceCentrale {
    position: absolute;
    top: 88px;
    left: 68px;
    width: 95px;
    font-size: 10px;
    text-align: center;
}

#annonceFinale {
    margin: 0px 10px;
    background-color: #eed;
}



/*********/
/* Tapis */
/*********/

#jeuTapis {
    border: solid 1px #555;
    width: 281px;
    height: 256px;
    background-color: #eed;
    margin: 32px 20px 20px 20px;
    padding: 0px 24px 24px 24px;
}

#jeuTapisIframe {
    width: 321px;
    height: 309px;
}


/***********/
/* Avatars */
/***********/

.jeuTapisAvatars {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
}

.jeuTapisAvatars img {
    border: solid 1px #555;
}

#jeuTapisAvatar1 {
    top: 128px;
    left: 0px;
}
#jeuTapisAvatar2 {
    top: 0px;
    left: 139px;
}
#jeuTapisAvatar3 {
    top: 128px;
    right: 0px;
    text-align: right;
}
#jeuTapisAvatar4 {
    bottom: 0px;
    left: 139px;
}



/****************/
/* TAPIS CARTES */
/****************/

#jeuTapisCartesIframe {
    width: 231px;
    height: 207px;
    background: transparent;
    overflow: hidden;
    margin-top: 16px;
/*
    margin: 16px 0px -17px 23px;
    L = 73 + 6 + 73 + 6 + 73 = 231 px 
    H = 97 + 7 + 97 = 201 px
*/
}


#jeuTapisCartesIframeBody {
    background: #eed;
    margin: 0px;
}


.jeuTapisCartesEmplacement {
    position: absolute;
    width: 71px;
    height: 95px;
    /*
    background-color: #cc9;
    border: solid 1px #997;
    */
    background-color: #ddb;
    border: solid 1px #bb9;
    border-radius: 4px;
    -moz-border-radius: 4px;
}


.jeuTapisCartes {
    position: absolute;
    width: 73px;
    height: 97px;
}

.jeuTapisCarteInfos {
    position: absolute;
    font-size: 10px;
}

#jeuTapisCarte1 {
    top: 55px;
    left: 0px;
}

#jeuTapisCarte1Infos {
    top: 152px;
    left: 0px;
}

#jeuTapisCarte2 {
    top: 0px;
    left: 79px;
}

#jeuTapisCarte2Infos {
    top: 96px;
    left: 79px;
}

#jeuTapisCarte3 {
    top: 55px;
    left: 158px;
}

#jeuTapisCarte3Infos {
    top: 152px;
    left: 158px;
}

#jeuTapisCarte4 {
    top: 110px;
    left: 79px;
}
#jeuTapisCarte4Infos {
    top: 207px;
    left: 79px;
}


/* Internet Explorer */
#jeuTapisRamasserFond {
    position: absolute;
    top: 23px;
    left: 40px;
    width: 150px;
    height: 150px;
    background: url(/jeux/belote-contree/images/tapis-information-ie.png);
    padding: 5px;
    text-align: center;
    filter: Alpha(opacity=90);
}

/* Mozilla et autres */
body[id=jeuTapisCartesIframeBody] #jeuTapisRamasserFond {
    background: url(/jeux/belote-contree/images/tapis-information.png);
}

#jeuTapisRamasser {
    width: 123px;
    height: 49px;
    margin-top: 50px;
}

#voirDernierPli {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 47px;
    height: 40px;
}


/********/
/* Main */
/********/

#jeuMain {
    width: 280px;
    border: dashed 1px #CCCCCC;
    margin: 0px auto;
    background-color: #FBFBF6;
}


#jeuMainIframe {
    width: 280px;
    height: 125px;
}


#jeuMainIframeBody{
    background-color: #FBFBF6;
}


.jeuMainCartes {
    position: absolute;
    top: 20px;
}


.jeuMainCartesActives {
    position: absolute;
    top: 20px;
}


.jeuMainCartesActives:hover {
    top: 0px;
}


#jeuMainCarte1 {
    left: 5px;
}


#jeuMainCarte2 {
    left: 33px;
}


#jeuMainCarte3 {
    left: 61px;
}


#jeuMainCarte4 {
    left: 89px;
}


#jeuMainCarte5 {
    left: 117px;
}


#jeuMainCarte6 {
    left: 145px;
}


#jeuMainCarte7 {
    left: 173px;
}


#jeuMainCarte8 {
    left: 201px;
}