body {
   background-color: #eeeed1;
   font-family: Arial, "Times New Roman", Times, serif;
/*   font-size: 14px; */
   font-size: 16px;
   /* color: #20a9fb;
   color: #8681fb; */
   color: #5e6c58;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #333;
    background-color: #20b2cb;
    background-color: #BA55D3; */
    background-color: #BDB76B;
/*    position: fixed; la barre reste visible par scrolling mais incompatible
                       avec menu déroulant 
    top: 0;
    width: 100%; */
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 5px 16px;
/*    padding: hauteur_de_la_bande ecart_entre_item; */
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
/*    background-color: red; */
    background-color: #fb8921;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px; /* largeur menu déroulant */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
.active {
    background-color: #4CAF50;
}
h1.fgt, h1.menu, h2.menu, h1.mcl, h1.lieu, h1.journ, h1.ncit, h1.aut, h1.mots, h1.aide, h1.multi, p.menu, p.mots {
   color: #20b2cb;
   text-align: center;
}
/*   color: #ae60a1; 
     color: #20b2aa; */
div.aide {
   /* color: red; */
   margin-left: 50px;
   margin-top: 10px;
   margin-right: 200px;
   margin-bottom: 15px;
/* margin: 10px 400px 15px 200px;
   border: 1px solid red; */
}
div.neg {
    color: red; 
   text-align: center;
}
p.nodata {
    color: red; 
   text-align: center;
}
div.multi {
   /* color: red; */
   margin: 10px 600px 15px 50px;
/*   border: 1px solid red; */
}
div.show {
   margin: 10px 50px 15px 50px;
}
div.resu {
   /* color: red; */
   margin: 10px 100px 15px 100px;
   text-align: center;
/* border: 1px solid red; */
}
div.lieu, div.journ, div.ncit, div.aut {
   margin: 10px 50px 15px 50px;
/*   margin: 10px 650px 15px 50px; */
/*   border: 1px solid red; */
   text-align: center;
   color: #20b2cb;
  font-size: 1em;
}
div.mots {
   margin:  30px;
/*   margin: 10px 650px 15px 50px; */
/*   border: 1px solid red; */
   text-align: center;
   color: #20b2cb;
  font-size: 1em;
}

div.bouton {
   margin: 10px 700px 15px 50px;
/*   border: 1px solid red; */
   text-align: center;
   color: #20b2cb;
}
div.boutdroit {
   margin: 10px 5px 15px 900px;
   border: 1px solid red; 
   text-align: center;
   color: #20b2cb;
   display: inline-block;
}
div.boutgauche {
   margin: 10px 900px 15px 5px;
   border: 1px solid red; 
   text-align: center;
   color: #20b2cb;
   display: inline-block;
}
ul.aide {
   background-color: #eeeed1;
   list-style-type: disc;
   display: block; 
   margin-top: 1em; 
   margin-bottom: 1em; 
   margin-left: 0; 
   margin-right: 0; 
   padding-left: 40px;
}
li.aide {
   display: list-item;
   float: none;
}
.big {
  font-size: 1.5em;
  color: #20b2cb;
}
input.boutg {
   margin-top: 10px;
   margin-left: 10px;
  font-size: 1.5em; 
  color: #20b2cb;
/*  display: inline-block; */
  float: left;
}
input.boutd {
   margin-top: 10px;
   margin-right: 100px;
  font-size: 1.5em; 
  color: #20b2cb;
/*  display: inline-block; */
  float: right;
}
th.big {
  font-size: 1.5em;
  text-align: left;
  color: #20b2cb;
 /* color: #ae60a1;
 */
}
th.mcl {
  font-size: 1.5em;
  text-align: center;
  color: #20b2cb;
}
td {
   font-size: 1.5em; 
/*  color: #20b2aa;
  color: #20b2cb; */
}
td.mas {
  font-size: 1em;
  color: #20b2cb; */
}

/* fgtshowdoc.php */

div.tot{
   margin: 10px;
   position: relative;
   left: 0px;
   width: 1600px; 
/*   width: 1400px;  */
   /* border: 1px solid red; */
}
div.left {
   position: absolute;
   left: 0px;
   top: 2px;
   width: 740px; 
/*   width: 45%; */
   /* border: 1px solid red; */
   display: inline-block;
}
div.right {
   position: absolute;
/*   left: 760px; */
/*   left: 800px; */
   right: 0px;
   top: 2px;
   width: 800px; 
/*   width: 700px; */ 
/*   width: 450px; */ 
/*   width: 45%; */
   /* border: 1px solid red; */
   display: inline-block;
}
input {
   color: #20b2cb;
   font-size: 1.5em;
}
div.pied {
   margin: 0 auto;
   text-align: center;
   color: #20b2cb;
/*
   display: flex;
   margin: 0 auto;
   margin: 20px 700px 15px 50px; 
   border: 1px solid red; 
*/
}
div.mcl {
   margin-left: 170px; 
}
div.label {
   text-align: center;
   color: #20b2cb;
}
div.pied h1 a {
   color: #20b2cb;
}
p.vers {
   color: #20b2cb;
   text-align: center;
}

th {
    font-family: times, Arial, Helvetica, sans-serif;
    color: #000066;
    background-color: #CCCCCC;
    font-size: 12pt;
}

table.multi {
   width: 80%;
}
table, th, td {
/*   text-align: center; */
/* border: 1px solid black; */
   border-collapse: collapse;
}

table.result {
   border-collapse: collapse;
   margin: 0px auto;
   border: 2px solid midnightblue;
}
tbody tr, td {
    padding: 10px 10px;
    text-align: center;
    border: 1px solid ;
}

/*
      #search {
        padding: 2px 4px;
        width: 220px; height: 22px;
        border: 1px solid #AAA;
      }

      #search:hover, #search:focus {
        border-color: #777;
      }
*/
      #results {
        display: none;
/*
        margin : 0 auto;
        width: 228px;
        border: 1px solid #AAA;
        border-top-width: 0;
        background-color: #FFF;
*/  
    }

      #results div {
        margin-left:  15% ;
/*        margin-left:  650px ; */
        width: 220px;
        padding: 2px 4px;
        text-align: left;
        border: 0;
        background-color: #FFF;
      }

      #results div:hover, .result_focus {
        background-color: #DDD !important;
      }
      .results {
        display: none;
      }

      .results div {
        margin-left:  15% ;
/*        margin-left:  650px ; */
        width: 220px;
        padding: 2px 4px;
        text-align: left;
        border: 0;
        background-color: #FFF;
      }

      .results div:hover, .result_focus {
        background-color: #DDD !important;
      }

div.global {
   width:95%;
   margin: 0 auto;
/*   border: 1px solid red; */
   text-align: center;
}
section.contenu {
   width: 90%;
   margin : 0 auto; /* centrage */
   text-align: center;
}
div.lgn {
   display : flex;
   width: 90%;
/*   width: 70%; */
   margin : 0 auto;
/*
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border: 1px solid black;
*/
}
div.lgnd {
   flex: 2 1 75%;
   padding : 1px;
/*   border: 1px solid red; */
}

div.lgng {
   flex: 1 0 15%;
/*   border-right: 1px solid black; */
   padding : 1px;
/*   border: 1px solid red; */
}

/* /fgtlistmcl.php */

div.lgfirst {
   display : flex;
   width: 30%;
   margin : 0 auto;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
}
div.lg {
   display : flex;
   width: 30%;
   margin : 0 auto;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}
div.lgd {
   flex: 1 0 15%;
   padding : 1px;
}

div.lgg {
   flex: 2 1 75%;
   padding : 1px;
}

div.lgbd {
   flex: 2 1 15%;
   padding : 1px;
/*   border: 1px solid red; */
}

div.lgbm {
   flex: 1 0 70%;
}
div.lgbg {
   flex: 1 0 15%;
/*   border-right: 1px solid black; */
   padding : 1px;
/*   border: 1px solid red; */
}

/* fgtlistfonds.php */
div.l3 {
   display : flex;
   width: 60%;
   margin : 0 auto;
/*
   border-bottom: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
*/
}
div.l31 {
   flex: 1 0 5%;
   padding : 1px;
}

div.l32 {
   flex: 2 1 15%;
   padding : 1px;
}
div.l33 {
   flex: 2 1 80%;
   padding : 1px;
}

/* fgtlistfonds.php */
div.l4 {
   display : flex;
   width: 60%;
   margin : 0 auto; /* centrage */
}
div.l41 {
   flex: 1 0 5%;
   padding : 1px;
}

div.l42 {
   flex: 2 1 15%;
   padding : 1px;
}
div.l43 {
   flex: 2 1 5%;
   padding : 1px;
}
div.l44 {
   flex: 2 1 75%;
   padding : 1px;
}

/* fgtshowresult */

span.ok {
   background-color: #54f1ae;
}

/* fgt2mots */

div.saut {
   margin-top: 100px;
   margin-bottom: 100px;
}