/* *************************  recommanded by cursor - to improve responsiveness */
/* append to css/common.css */

/* Improve table usability on small screens */
@media (max-width: 900px) {
	.tbl { display: block; overflow-x: auto; }
	.titre1 { font-size: 1.7em; }
	.titre2 { font-size: 1.4em; }
	.titre3 { font-size: 1.2em; }
	.titre4 { font-size: 1.1em; }
	.titre5 { font-size: 0.95em; }
}


/*=========================================== */
:root {
    --pri_l: #FEFFE7 ;
    --pri_d: #7D7E00;
    --sec_l: #EAEAF2;
    --sec_d: #D4D4E2;
    --ter_l: #D8E6F6;
    --ter_d: #2761A3;
}

/*    --fntsmall  --fntbig --fntmed  are defined by routine ident_navig  at logon */
div,
span,
p,
button,
input,
label,
nav,
optgroup,
select,
textarea ,
table { font-size:var(--fntmed); font-family:Liberation Serif; }



body { background-size: cover;  font-size: var(--fntmed); }

p     { display:inline; }



label { float: none; display: inline-block;  margin-left:0.68%; vertical-align: baseline; }
input { float: none; display: inline-block;  vertical-align: baseline;}
area:hover{  cursor: pointer;}

/*  .bulle {display:block; position:absolute; bottom:4%; left:68%; } */
.clickable:hover { cursor: pointer;}
.mustupdate { background-color: #15B533; }

.active { background-color: green; }


/*==============================  vdf_list  ==============================================*/
.vdf_list       {table-layout:fixed; border-collapse:collapse; overflow-y:scroll; display: block; background-color:var(--pri_l);}
.vdf_list thead {position:sticky; text-align:left; height:3vh; top:0px; background-color:navy; color:white; }
.vdf_list tr    {height:3.2vh; width:100%; font-size:var(--fntsmall); }   /*border-bottom: 1px solid #7A7272; */
.vdf_list td    {max-width:0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
/*.vdf_list tr:hover {background-color:light-blue;}*/

/*============================================================================*/
.tbl { display: block; table-layout:fixed; border-collapse: collapse; overflow-y: scroll;}
.tbl thead tr { background-color: #DBE9FA;}
.tbl td{font-size: var(--fntsmall); font-family: Liberation Serif;}                /*font-size:0.8rem; */
/*.tbl tr .active { background-color:yellow;}*/

/*.tbl th { padding: 00 ; top:0; position:sticky; z-index: 1;text-align: left; height:3.5vh;}
/*.tbl td { display: table-cell;  padding-left: 0; white-space: nowrap;  text-align:left; text-overflow:ellipsis;}  /* height:3.5vh; */
.tbl td:hover { background-color:white;}
.tbl tbody td { font-size: var(--fntsmall);}
.tbl tbody tr { border-bottom: 1px solid #dddddd;}

/*================================================================================*/

.¤bdy {
    position:absolute;
     left:0px;
     top:4vh;
     width:100%;
     overflow-y:auto;
     overflow-x:hidden;
     margin:0;
     padding:0;
     background-color:white;
}
.¤hdr {
    position:absolute;
    display:inline;
    top:0;
    width:90%;
    left:  5%;
    text-align: center;
    padding: 0;
    color:black;
    height:3.5vh;
    line-height :3.5vh;
    font-weight: bold;
}

/*============================================================================*/
.formitem {
     /*width:220px;   font-size:0.9rem;  */
     height:2.95vh;
     border:2px solid silver;
     border-radius:3px;
     padding:2px 6px;
     font-size: var(--fntmed);

 }
.btt {
  display: inline-block;
  height:2.7vh;
  color: navy;
  background-color:#E5FDEA;     /*var(--sec_l);*/
  border:1px solid navy;
  border-radius:5px;
  padding: 1px 4px;
  margin: 1px 4px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.4s;
  cursor: pointer;
  min-height: 3.2vh;;

}
    .btt:hover { cursor: pointer; background-color: #ABF7B9;  }
    .btt.mustupdate { background-color: #22CE83; }

.hlp {
     color:navy;
     background-color:#ABEBC6;
     border-radius:3px;
     box-shadow:0px 0px 10px 0px #424242;
     z-index: 99;
     padding:.8vw;
     box-sizing:border-box;
}
.hlpspa {
    /*display: inline-block;*/
    background-color:white;
    border:1px solid  navy;
    border-radius:4px;
    padding:6px;
    min-width:18vw;
    z-index: 99;
    color:navy;
    font-size: var(--med);
   /* font-size: 1em;*/
    font-family: Liberation Serif;
}
/*========================================================================*/
.navbar{
    position:fixed;
    background-color: #F5F5F5;
    top:0px; left:0px;
    height:5vh; width:100%;
    border-bottom: 1px solid black;
    }
.nav:hover { color: white; cursor: pointer;}

nav {
    position: fixed;
    width: 100%;
    background-color: var(--sec_l);
    top: 0px;
    left: 0px;
    height:5vh; width:8.5vw;
    }

/*nav img:hover { color: white; background: LightBlue;cursor: pointer;}*/

nav p {                                             /* tous les liens a à l'intérieur de la balise nav */
    float: left;                                    /* effet flottant */
    text-decoration: none;                          /* pas d'héritage avec effet souligné */
    color: navy;                                    /* couleur du texte */
    background-color: var(--sec_l);                       /* couleur de fond */
    height:4.3vh;                                  /* hauteur      38px;       */
    line-height: 4.3vh;                               /* interligne   38px;     */
    vertical-align: text_top;
    margin:0px;
    padding: 0% 0% 0% 0.68%;                                /* marges intérieur */
    transition: .5s;                                /* temps de transition lors du hover : une demi seconde */
}

nav a {                                             /* tous les liens a à l'intérieur de la balise nav */
    float: left;                                    /* effet flottant */
    text-decoration: none;                          /* pas d'héritage avec effet souligné */
    color: navy;                                    /* couleur du texte */
    background-color:LightBlue;                       /* couleur de fond    var(--sec_l);    */
    height:4.3vh;                                  /* hauteur   36px;  */
    line-height: 5vh;                                /* interligne 36px*/
    margin:0px;
    padding: 0% 0% 0% 0.68%;                                  /* marges intérieur */
    transition: .5s;                                /* temps de transition lors du hover : une demi seconde */
}
#img_nav_bob {position: absolute;top:0%; right:0%; height:4.3vh; background-color:LightBlue;z-index:9; }
/*==================================================================container niveau 1========*/
.cdr0 {
    background-color: var(--pri_l);
    border:2px solid  var(--pri_d);
    border-radius:1vw;
    padding:.8vh .4vw;
}
.cdr1 {
    background-color: var(--pri_l);
    border:2px solid  var(--pri_d);
    border-radius:5px;
    padding:.8vh .4vw;
}
/*==================================================================container niveau 2========*/
.cdr2 {
    background-color: var(--sec_l);
    border:2px solid  var(--ter_d);
    padding:.8vh .4vw;
    border-radius:5px;
}
/*==================================================================container niveau 2========*/
.cdr3 {
    background-color: linen;
    border:1px solid  black;
    padding:.8%  .4%  ;
    font-size:0.81em;
}
.titre1 {
    display:block;
    font-size: 2.2em;
    font-family: garamond, serif;
    font-weight: bolder;

    margin:2px 2px 14px 2px;
    }
.titre2 {
    display:block;
    font-size: 1.8em;
    font-family: garamond;
    font-weight: bolder;
    margin:2px 2px 14px 2px;
    }
.titre3 {
    display:block;
    font-size: 1.5em;
    font-family: garamond;
    text-decoration:underline;
    font-weight: bolder;
    margin:2px 2px 8px 2px;
    }
.titre4 {
    display:block;
    font-size: 1.3em;
    font-family:Liberation Serif;
    text-decoration:none;
    font-weight: bolder;
    margin:2px 2px 8px 2px;
    }
.titre5 {
    display:block;
    font-size: 0.9em;
    font-family: Liberation Serif;
    text-decoration:none;
    font-weight: bolder;
    margin:2px;
    }
 .titre6 {
    display:block;
    font-size: 0.9em;
    font-family: Liberation Serif;
    text-decoration:underline;
    }