#upPage{
  position:absolute;
  top:8rem;
  left:0;
  padding-bottom:30rem;
  width:100%;;
  display:none;
  text-align:center;
  margin:auto;
  padding-top:8rem;
  z-index:1;
  background:linear-gradient(0deg, rgba(0,0,0,0) 5%, rgba(255,255,255,0.98) 30%, rgba(255,255,255,0.90) 90%, rgba(0,0,0,0) 100%);
}
#upPage>div{
  position:relative;
  width:80rem;
  margin:auto;
  border-radius:20px;
  border: 1px solid #000;
  background-color: #fff;
  padding-bottom:1rem;
}
/*
#croix{
   position:absolute;
   width:2.2rem;
   cursor:pointer;
   z-index:10;
   display:none;
}
*/
/*
    FICHE
*/
.fiche>div{
  display:table;
  padding-right:1rem;
}
.fiche>div>div{
  display:table-row;
}
.fiche>div>div>div{
  display:table-cell;
  vertical-align:top;
  padding-left:1rem;
  width:50%;
}
.fiche>div>div>div:nth-child(2){
  padding-top:0.5rem;
}
.flogo{
   width:20rem;
   padding-right:1rem;
   float:left;
}
.flogo>img{
   width:100%;
   height:auto;
}
.fmedia{
   /*width:97%;*/
   padding-right:1rem;
   /*float:left;*/
   padding-bottom:3rem;
}
.ftitre{
   font-size:2.2vw;
   padding-bottom:1rem;
   text-align:left;
}
.fbio{
  text-align:justify;
}
.fbio>div{
   padding-bottom:0.8rem;
   text-align:left;
   width:100%;;
}
.fdate{
  text-align:left;
}
.langactu{
   font-weight:900;
}
.ffiltre{
   text-align:left;
/*   padding-bottom:1rem;*/
   padding-top:1rem;
}
.ffiltre>div{
   display:inline-block;
   vertical-align:top;
}
.ffiltre>div:nth-child(1){
   padding-right:0.5rem;
   font-weight:900;
   font-style: italic;
}
.finline{
   display:inline;
   padding-bottom:2rem;
}
.titrecontact{
    font-weight: 900;
    font-size: 2vw;
    padding: 1rem;
}
.nomcontact{
   padding:1rem;
   font-size:2.2vw;
}
.logocontact{
   margin:auto;
}
.logocontact img{
  width:100%;
}
.logocontact>div{
  display:inline-block;
  vertical-align:top;
}
.logocontact>div:nth-child(1){
   width:15rem;
}
.logocontact>div:nth-child(2){
   padding-left:0.5rem;
}
.contact{
   display:table;
   margin:auto;
   font-size:1vw;
   font-weight:900;
}
.contact textarea,.formfiche textarea{
   padding-bottom:10rem;
}
.contact>div{
   display:table-row;
}
.contact>div>div{
   display:table-cell;
   vertical-align:top;
   padding-bottom:0.5rem;
}
.contact>div>div:nth-child(1){
   width:30%;
   text-align:right;
   padding-right:0.3rem;
}
.contact>div>div:nth-child(2){
   text-align:left;
}
.contact .bfiltre{
   display:table;
}
.contact .bfiltre>div{
   display:table-row;
}
.contact .bfiltre>div>div{
   display:table-cell;
}
.contact .lfiltre{
   width:25rem;
   padding-left:0.5rem;
}
.contact input[type='text'],.contact textarea,.formfiche textarea{
    width:25rem;
    font-size: 1.1vw;
}
.contact textarea,.formfiche textarea{
  width:30rem;
}
.contact select{
    width:fit-content;
    font-size: 1.1vw;
}
.contact>div:last-child>div:nth-child(2){
    padding:0.5rem;
}
.contact>div:last-child input{
    width:fit-content;
    padding:0.4rem;
}
.contact input[type='checkbox']{
   width:1rem;
}

/*
   LISTE
*/
.listefiche{
    display:table;
    margin:auto;
    width:80%;
    padding-top:2rem;
}
.listefiche>div{
    display:table-row;
}
.listefiche>div>div{
    display:table-cell;
     vertical-align:top;
     padding-top:1rem;
}
.listefiche>div>div:nth-child(1){
    width:20%;
}
.listefiche>div>div:nth-child(2),
.listefiche>div>div:nth-child(3){
    padding-left:1rem;
    text-align:left;
}
.ltitre{
  font-weight:900;
  font-size:2vw;
  padding-bottom:1rem;
}
.listealpha,.listepied{
  padding:1rem;
  width:fit-content;
  margin:auto;
  font-size:1.3vw;
}
.listealpha a,.listepied a{
   display: inline;
}
.listealpha>span,.listepied>span{
   font-weight:900;
}
.listealpha{
padding-bottom:0;
}
.resultrech{
  width:fit-content;
  margin:auto;
  font-size:2vw;
  padding-top:1rem;
}
/*
#rclass{
  padding-bottom:1rem;
}
#relier{
  padding-bottom:0.3rem;
}
*/
.oblig{
  color:#ff0000;
  font-weight:900;
}
.classemed{
    display:table;
}
.classemed>div{
    display:table-row;
}
.classemed>div>div{
    display:table-cell;
    text-align:left;
    padding-bottom:0.4rem;
}
.classemed>div>div:nth-child(1){
    text-align:right;
    padding-right:0.3rem;
}
input.selrech{
  cursor:pointer;
}
.rinit{
  font-size:1.5vw;
  font-weight:400;
}
.formtitre{
   display:table-cell;
   text-align:right;
   vertical-align:top;
   padding-right: 0.5rem;
   font-weight:900;
}
.vidbutton {
    height: 2.5rem;
    width: 1rem;
    cursor: pointer;
    background: transparent;
}
.buttong {
   background-image: url('../img/butg.png');

}
.buttond {
   background-image: url('../img/butd.png');
}
form.formfiche .confirmid,
form.formfiche .pmodif0{
   display:none;
}
div.vidcomm select,div.vidcomm input{
   font-size:1.1rem;
}


@media only screen and (max-width: 850px) {


}
@media only screen and (max-width: 500px) {
     #upPage>div {
        width: 90%;
     }
     .fiche{
        min-height:fit-content;
     }
     .flogo{
        width:95%;
     }
     .ftitre,.fbio,#contact,
     .contact input[type='text'],.contact textarea,.formfiche textarea,
     #connectbox input[type='text'],
     .listefiche .ltitre{
        font-size:3.5vw;
     }
     .resultrech,#nomcontact,
     #connectbox .titre{
        font-size:4vw;
     }
     #croix{
        width:5rem;
        left: 4rem;
     }
     .fmedia{
        width:95%;
     }
     .listefiche>div>div:nth-child(1){
        width:28%;
     }
     .contact input[type='text']{
        width: 30rem;
     }
    .contact textarea,#connectbox input[type='text'],.formfiche textarea{
        width: 40rem;
    }

}