/*
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
*/
#dico_res {
    border:none;
    }
img {
    border:none;
}
a { 
    color: #600;
    text-decoration: none; 
    }

a:hover { 
          text-decoration: none;
          color: #168; 
          }


iframe { 
        padding: 1px;
        margin : 0;
        border:1px;
        background-color: #fb7;
        }

/*==================PLATEAU====================*/
table.plateau {            
    width:100%;
    height:450px;
    width:450px;
                border:2px solid #168;
                background: #fa6;
                padding: 0;              
                margin: 0;                
                border-collapse: collapse;
                }

table.plateau td { 
                   border: 1px solid #168;
                   text-align: center;
                   width:22px;
                   height:22px;                               
                   margin: 0;                              
                   }

td.bord { 
          font-style: italic;
          color: #156;         
          margin: 0;    
          }

/*----------cases------------*/
td.last {
    background-color:#ffd;
    border-bottom:2px solid black !important;
    border-top:2px solid black !important;
}
span.letpose {
    display:block;
    margin-inline:2px;
    background-color:white !important;
    text-align:center;
}
td.vide { 
    
background: #fc9; }

td.lettre3 { background: #168; }

td.lettre2 { background: #9bd; }

td.mot3 { background: #c22; }

td.mot2 { background: #f89; }


/*______LETTRE______*/

.lettre { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
           text-align: center;
           width: 22px;
           height: 22px;
           border: 1px outset black;
           background: white;
           color:#024;
           }
.lettretd { font-size:18px; 

}

td.lettre a { color: #024; display:block}
td.lettre a:hover { color: #168; }

span.pointtd { 
               vertical-align:-10%; 
               font-size:65%; 
               color: #e81;
               font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
               }
/*FIN PLATEAU*/

/*==================ENTETE=============*/
div.enteteBloc{
                padding: 0px 0px 0px 0px;
                margin: 10px 0px 3px 0px;
                text-align: left;
                line-height: 120%;               
                font-weight: bold;            
                }

.enteteBloc p { 
                   padding: 2px;
                   margin: 0px;                                
                   border-bottom: 1px solid #168;
                   }

.identite { 
            padding: 0;
            margin: 5px 0 0 0;
            }

.accueil {  margin: 0 0 5px 0px; }

div.accueil a {
                margin: 0 0 0 1px;                 
                background: transparent url('../images/puce3.png') no-repeat left;
                padding: 0 0 0 7px;
                font-weight: bold;
                }

div.accueil a:hover{
                     background: transparent url('../images/puce2.gif') no-repeat left;
                     padding: 0 0 0 7px;                 
                     }

/*===================TABLEAU DE BORD==================*/

div.formBloc{            
    text-align:center;
}

/*------------TABLEAU DE BORD-----tableau--------*/
.grille-plateau {
    width:480px;
    margin:5px auto;
    }
.droite { 
          vertical-align: top; 
          text-align: left;
          margin-left: 450px;
          padding: 0;
          }

form p {
    margin:0px;
}
.formBloc table{
                 padding: 0;
                 margin: 0px 0 0 0;
                 width: 100%;             
                 }

.infoBloc span, .pseudo { 
                 font-variant: small-caps;
                 color: #168;                 
                 }
.tirage {  
margin:4px;
border:1px outset red;
border-bottom:3px outset black;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#fa6;
min-height:36px;
min-width:300px;
}
.tirage .lettre {
    border-radius:5px;
    margin:0px;
    border: 2px outset black;
    width:38px;
    height:38px;
    display:inline-block;
}
.tirage .lettretd {
    font-size:20px !important;
}

#chevalet .lettre {
    margin-left:6px;
    margin-right:6px;
    cursor: pointer;
}

.majuscule {
    font-weight:bold;
    color:green !important;
    font-size:1.1em;
    }

.placement {
             background-color: #fc9;
             padding: 2px 1px 3px 2px;
             text-align: left;
             }

td.placement {
    width:80px;
               }

td.mot{ background-color: #fc9;    
      padding: 2px;  
      text-align: center;
      width:230px;
      }
#mot {
    font-size:18px;
    font-weight:bold;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    min-width:220px;
}
.reglette {
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
    }
.reglette a {
    margin-left:6px;
    margin-right:6px;
    }

/*==================== BOUTONS X et - =====================*/
.razmot {
          background-color: #c22;
          color: #fa6; 
          border: 1px outset #c22; 
          padding:2px 4px 0 4px; 
          margin: 0 1px 0 1px;
          font-weight: bold;
          font-variant: small-caps;
          }

.razmot:hover{ color: #fed; }

.space { 
         font-weight: bold;
         background: #9bd;
         border: 1px outset #fa6;
         font-size: 100%;
         padding: 2px 0px 0 0px; 
         margin: 0 4px 0 1px;
         font-weight: bold;
         color: #036; 
         }

.space:hover { color: #fff; }

/*===============BOUTONS dico-teste-pose-passe==============*/     

.boutons {
    margin-top:5px;
           padding: 2px;
           text-align: center;
           vertical-align:top;

           }
.boutons a {

    border:1px outset black;
    isplay:inline-block;
    width:100px;
    margin:2px;
    padding-left:20px;
    padding-right:20px;
    background-color:#fee;
    }

.formBloc a { 
          color: #024;
          }

.submit:hover, .submitseul:hover { background: #fed; color: #c22; }

.submit#submit-pose { background: #168; color: #fed }
.submit#submit-pose:hover { background: #fed; color: #168}

.submit#submit-passe, .submit#submit-change, .submit#submit-retour { background: #fdc;}
.submit#submit-passe:hover, .submit#submit-change:hover, .submit#submit-retour:hover { background: #fff;}

/*--------------- option-lib reponse + infobloc + note----------------*/

div.option-lib { 
                 font-weight: bold;
 }
p.dico-libre, span.dico-libre { 
                  font-weight: bold;
                  color: red;
                  text-align:center;
}
div.reponseBloc{              
                 background-color: #fa6;
                 text-align : center;
                 }

span#indial {
    padding:0px;
    margin:0px;
    }
div.reponseBloc iframe { 
                         }

div.infoBloc{  
              vertical-align: top;              
              padding: 0 4px 4px 4px;
              margin: 5px;
              border-left: 1px #168 solid;            
              }

.note {  
        padding: 2px;
        border-top: 1px #168 dashed;
        margin: 5px 0 4px 0px;       
        }

/*===============SCORES==============*/

.spacer { clear: both; }
      
div.score {
  letter-spaing: 1px;                   
  }
.score-joueur {
    margin-right:10px;
    }
p.score-joueur {
    display:inline-block;
}

span.restelettre {  margin: 0; color: #036; }

.total-point, .total-top {
    display:inline-block;
                                   font-weight: bold; 
                                   color: #036;
                                   }

/*====================HISTORIQUE======================*/
.bloc3{ 
        padding: 0 0 0 10px; 
        }
div.historiqueBloc{
                    background-color: transparent;
                    margin: 0 2px 0 2px;
                    }

table.historique { 
                   background-color: #fc9;
                   border-bottom: 3px solid #168;
                              
                   border-collapse: collapse;
                   }

table.historique td { 
                      border: 1px solid #168;
                      padding: 2px 6px 3px  6px;
                      text-align: center;                    
                      }
/*-----------TOP----------------*/

table.historique thead { 
                         border: 0.5px solid #168;
                         font-weight: bold;
                         background-color: #c22;
                         color: #fff;
                         padding: 4px;
                         }

/*---------change/pose/etc------------*/
td.htype {           
           }

/*---------NOMS-----------*/
td.hnom, td.hdnom {  
          background-color: #fa6;
          color: #168; 
          font-weight: bold;       
          }

td.hdnom-top {                
               }

td.hnom-abandon, td.hdnom-abandon { 
                  font-weight: normal;
                   color: #168;                 
                  text-decoration: line-through;
                  background-color: #fa6;
                  }

/*----------------Mots------------*/
td.hdmot-top{ 
          background-color: #fff;
          font-weight: bold; 
          }

td.hdmot{ 
          background-color: #fed;
          font-weight: normal; 
          }

td.hmot{ 
          background-color: #fff;
          font-weight: normal; 
          }

/*---------vertical/horizontal/coordonnées----------*/
td.hsens {            
           }

/*-----------points------------*/
td.hpoint, td.hdpoint {           
            background-color: #fa6;
            color: #036;
            }

/*-------tirage---------*/
td.htirage { 
            }



#dico-mot-nok { 
    background-color: #fc9;
    color: red;
    text-align:left;
 width:100px;
}
#dico-mot-ok {
 background-color: #fc9;    
 color: green;
 text-align:right;
 width:100px;
}

.plateau td {
    cursor: pointer;
}
.show-on {
    background:white;
    font-weight:800;
    font-size:18px;
    text-decoration:none;
    color:#024;
   /*display:block;*/
    }
td.show-place{
    font-weight:bold;
    color:white;!important
}
#resultatdiv {
    background-color:#fed;
    width:100%;
    border:1px solid orange;
    font-weight:bold;
    margin-top:2px;
    }
.resultat-ok {
    color:green;
    }
.resultat-nok {
    color:red;
    }
.messages-in {
    height:200px;
    background-color:white;
    border:2px solid #fa6;
    overflow:auto;
    text-align:left;
}
.messages-hidden {
    background-color:#FC9;
}
.messages-in .nom { 
       font-size:90%;
       }
.messages-in .moi {
    color:#168;
}
#form_message input {
    color:#168;
}

.surgrille {
    text-decoration: underline;
}