a{
text-decoration:none;
color:royalblue;
}
a:visited{
color:royalblue;
}
a:hover{
color:crimson;
}
#dic_flex{/* conteneur du dico */
display:flex;
flex-direction:column;
font-size:13px;
background:antiquewhite;
border:1px solid black;
margin:20px 10px;
max-width:800px;
/*background:blue*/
}

#upper_flex{
display:flex;
flex-direction:row;
align-content:stretch;
height:35px;
/* background:green; */
}
#upper_flex img{
margin:13px 0 0 5px;
}
#upper_flex form{
display:inline-block;
}

#mid_flex{
display:flex;
flex-direction:row-reverse;
align-content:stretch;
height:450px;
/*background:red;*/
}

#kb_flex{
display:none;
margin:5px 20px 0 10px;
}

#kb_flex a{
display:inline-block;
border:1px solid royalblue;
background:whitesmoke;
margin:2px;
padding:2px 0;
min-width:15px;
text-align:center;
}
#kb_flex a:hover{
background:white;
border-color:darkred;
}
#kb_flex select{
background:whitesmoke;
border:1px solid grey;
}
#lower_flex{
display:flex;
text-align:right;
flex-direction:row-reverse;
font-size:0.9em;
color:grey;
height:18px;
/*background:yellow;*/
}
#lower_flex div{
padding:0 20px;
}
#dicsel{
font-family:Georgia,serif;
background:antiquewhite;
border:none;
font-size:1.5em;
color:orangered;
margin:10px 10px 0 10px;
cursor:pointer;
}
#dicsel option{
font-size:0.8em;
color:black;
background:whitesmoke;
}
#dicsel:hover{
color:blue;
}

#gotow{
max-height:16px;
min-height:16px;
width:156px;
margin:10px 0 10px 10px
}
#gotow::placeholder{
color:silver;
}

#bt_gotow{
margin:11px 0 0 2px;
}

#lstidx{
border:1px solid grey;
width:200px;
min-width:200px;
overflow:auto;
margin:10px 10px 5px 10px;
background:white;
}
#lstidx a{
color:black;
}
#lstidx a:hover{
color:blue;
}
#lstidx p{
white-space:nowrap;
margin:0;
padding:2px 0 2px 5px;
}

.ttr_dic{
padding:10px 0 !important;
font-family:Arial,Helvetica,sans-serif!important;
color:white;
background:black;
font-size:1.5em;
text-align:center;
background-image:url('img/about.png');
background-repeat:no-repeat;
background-position:10px 12px;
}

#toinfo{
flex-grow:1;
padding:2px 20px 0 0;
/*background:red;*/
text-align:right;
}

#w_view{
flex-grow:1;
border:1px solid grey;
overflow:auto;
background:ghostwhite;
margin:10px 10px 5px 10px;
padding:10px;
}
#w_view p{
font-family:Verdana,Geneva,sans-serif;
padding:0;
margin:0 0 10px 0;
}
#w_view .w{
border:2px solid salmon;
padding:5px;
margin-bottom:20px;
color:crimson;
background:blanchedalmond;
font-size:1.6em;
}
#w_view .w img{
padding:0 0 0 8px;
vertical-align:middle;
}
#w_view ul{
margin:0;
list-style-type: none;
}
#w_view .torel{
margin:15px 0 2px 0;
font-weight:bold;
}
#w_view li{
background-image:url('img/puce.png');
background-repeat:no-repeat;
background-position:0 1px;
padding-left:20px;
height:18px;
}


