/* Ptichvo.css */

#JePasse {
    //display:block;
}

#DivPasse {
    display   : ;
    font-size : 1.2em;
    position  : absolute;
    left      : 50%;
    top       : 1em;
    transform : translate(-50%, -1.7em);
    color     : black;
    cursor    : pointer;
}

#Plateau {
    margin-left : 50vw;
    transform   : translate(-50%,0);
    text-align   : center;
}

#Plateau table {
    //transform : rotate(90deg);
    width        : 150px;
    table-layout : fixed;
    padding      : 0.5em;
    border-radius: 0.8em;
}

td {
    //transform : rotate(-90deg);   
}

.cell {
    width            : 30px;
    height           : 30px;
    background-color : ;
    border-radius    : 7px;
    font-size        : 0.6em;
    text-align       : center;
    color            : black;
    font-size        : 20px;
    font-weight      : bold;
}

.Cheval {
    position : relative;
}
.Casaque {
    position  : absolute;
    left      : 18px;
    top       :  8px;
    font-size : 0.6em;
}

#jouBleuGalop #JePasse { background-color : #8DE; font-size:1.1em;}
#jouJaunGalop #JePasse { background-color : #FEB; font-size:1.1em; }
#jouRougGalop #JePasse { background-color : #E75; font-size:1.1em; }
#jouVertGalop #JePasse { background-color : #AFB; font-size:1.1em; }

.Bleu { background-color : #8DE; }
.Jaun { background-color : #FEB; }
.Roug { background-color : #E75; }
.Vert { background-color : #AFB; }

#vjouBleuSpan { color : #8DE; }
#vjouJaunSpan { color : #FEB; }
#vjouRougSpan { color : #E75; }
#vjouVertSpan { color : #AFB; }

.SpanBleu { color : #8DE; }
.SpanJaun { color : #FEB; }
.SpanRoug { color : #E75; }
.SpanVert { color : #AFB; }

#jouBleuCasaque { color : #8DE; }
#jouJaunCasaque { color : #FEB; }
#jouRougCasaque { color : #E75; }
#jouVertCasaque { color : #AFB; }


.LigBleu { //background-color : #8DE; }
.LigJaun { //background-color : #FEB; }
.LigRoug { //background-color : #E75; }
.LigVert { //background-color : #AFB; }

.EcuBleu { cbackground-color : #8DE; }
.EcuJaun { cbackground-color : #FEB; }
.EcuRoug { cbackground-color : #E75; }
.EcuVert { cbackground-color : #AFB; }

.XEcuBleu { background-color : #8DE; }
.XEcuJaun { background-color : #FEB; }
.XEcuRoug { background-color : #E75; }
.XEcuVert { background-color : #AFB; }

.ButBleu { background-color : #875 ; color : #8DE; border : 1px ridge black; }
.ButJaun { background-color : #875 ; color : #FEB; border : 1px ridge black; }
.ButRoug { background-color : #875 ; color : #EA8; border : 1px ridge black; }
.ButVert { background-color : #875 ; color : #AFB; border : 1px ridge black; }

.BanBleu { background-color : #8DE; border : 1px ridge black; }
.BanJaun { background-color : #FEB; border : 1px ridge black; }
.BanRoug { background-color : #E75; border : 1px ridge black; }
.BanVert { background-color : #AFB; border : 1px ridge black; }

.ZerBleu { background-color : #8DE; border : 1px ridge black; }
.ZerJaun { background-color : #FEB; border : 1px ridge black; }
.ZerRoug { background-color : #E75; border : 1px ridge black; }
.ZerVert { background-color : #AFB; border : 1px ridge black; }

.EntBleu { //background-color : #8DE; }
.EntJaun { //background-color : #FEB; }
.EntRoug { //background-color : #E75; }
.EntVert { //background-color : #AFB; }

div {
    xxxborder : 1px solid black;
}

button, input, select  {
    box-shadow    : 1px 2px 2px 1px grey;    
    border-radius : 0.2em;
    background-color : #DCB;
}

.playId {
    border-radius    : 0.2em;
    box-shadow       : 1px 2px 2px 1px grey; 
}

.ButtonValide {
    font-size        : 1.3em;
    background-color : #DFE;
}


#Bandeau {
}

#TitrePtichvo {
    font-size    : 3em;
    font-style   : italic;
    color        : white;
    margin-right : 0.25em;
}

.plus {
    cursor      : pointer;
    margin-left : 0.5em;
    font-weight : bold;
    color       : black;
}

#ButtonJouons {
    cursor           : pointer;
    background-color : #DFE;
    font-size        : 2em;
    margin-top       : 1em;
    margin-left      : 50vw;
    transform        : translate(-50%, 0);
}

#Joueur {
    font-style  : italic;
    font-weight : bold;
    margin-right : 2em;    
}


#NouveauJeu {
    display:;
}

#LienNouveauJeu {
    padding          : 0.5em;
    font-family      : monospace;
    border           : 1px solid black;
    background-color : lightgrey;
    display          : inline-block;
}
#SelectJoindreJeu {
//    width:10em;
}
#InfoDuJeuXXX {
    position:absolute;
    left: 1em;
    top : 1em;
}

#JeuExistant {
    //display:none;
}

#Dialogue {
    display     : ;
    position    : fixed;
    bottom      : 0.5em;
    left        : 1em;
}

#DialogueShow {
    background-color : lightgreen;
    font-size        : 1.5em;
    display          : none;
    position         : fixed;
    bottom           : 2em;
    left             : 1em;
}

#BlablaCommun {
    width            : 95vw;
    height           : 15ex;
    overflow         : auto;
    color            : black;
    background-color : #CBA;
    box-shadow       : 2px 5px 5px 2px grey;
    border-radius    : 0.5em;
    padding          : 0.1em;
}
              
#Blabla {
    vertical-align   : middle;
    width            : 75vw;
    height           : 1.3em;;
    overflow         : auto;
    scroll           : 100%;
    box-shadow       : 1px 3px 3px 1px grey;
    border-radius    : 0.5em;
    padding          : 0.1em;
    margin-bottom    : 0.5em;
}

#Zitrone {
    display          : none;
    position         : absolute;
    right            : 1em;
    top              : 3em;
    color            : black;
    height           : 80vh;
    overflow         : auto;
    scroll           : 100%;
}

#GestionDesJoueurs {
    text-align  : center;
    width       : 90vw;
    display     : none;
    margin-top  : 1em;
    margin-left : 50vw;
    transform   : translate(-50%, 0);
}

.divGestion_cache {
    display : none;
}

#RegleDuJeu {
    position         : relative;
    margin           : 2em;
    padding          : 1em;
    z-index          : 9;
    background-color : #B97;
    border-radius    : 0.7em;
    overflow         : auto;
    max-width        : 90vw;
    overflow-wrap    : anywhere;
}

body {
    background       : url("/packcom/Ptichvo/images/CuirCheval.png") no-repeat left top fixed;
    background-size  : cover;
    background-color : #CBD;
    color            : white;
}

#Dialogue {
    margin-top:0em;
}
#Dialogue h4 {
    margin-top:0em;
}
.bi {
    font-weight : bold;
    font-style  : italic;
}

#BatonDeParole {
    text-align    : center;
    font-size     : 1.5em;
    font-weight   : bold;
    display       : none;
    width         : 80vw;
    margin-left   : 50vw;
    transform     : translate(-50%,0);
    margin-top    : 1em;
    margin-bottom : 1em;
}

#PauseYaDuNeuf {
    display          : none;
    position         : fixed;
    left             : 50vw;
    top              : 30vh;
    transform        : translate(-50%,-50%);
    z-index          : 999;
    background-color : red;
    color            : white;
    font-size        : 2em;
}