html{
   height:100%;
   font-size:1vw;
   font-family: "Montserrat", Sans-serif;
}
body{
  background-color:#fff;
  margin:auto;
  position:absolute;
  width:100%;
  height:100%;
  font-size:1.2vw;
}
a,a div,a:active,a:focus,a:visited{
 text-decoration: none;
 background-color:transparent;
 color: #000;
}
a:hover,a div:hover{
 /*color:#93c9a5;
 /*text-decoration:underline;*/
}
a.disdoc {
  pointer-events: none;
  cursor: default;
}
span.qsource{
   display:none;
}
img{
   width:100%;
}
select{
  font-weight:500;
  font-size: 1.3vw;
}
input[type="button"]{
   cursor:pointer;
}
.erreur{
   color:#ff0077;
   font-size:1.5vw;
   font-weight:900;
   padding:1rem;
   padding-top:0;
}

#finsess{
  padding-top:1rem;
}
#finsess>div{
    border-radius: 10px;
    border: 1px solid #f00;
    width: fit-content;
    margin: auto;
    padding: 0.8rem;
}
#tempsfinsess{
   font-weight:900;
   color:#f00;
}
#banner{
   height: 16.5rem;
}
#bannerimg{
    width:100%;
    height:10rem;
    background-image: url(../img/murmusee.jpg);
    background-position: 0px -130px;
    background-repeat: no-repeat;
    background-size: cover;
}
#logobanner{
   width:12%;
}
#titrebanner{
   width:68%;
   text-align:left;
   color: #e5007e;
   font-size:2.3vw;
   font-weight:700;
   padding:0.5rem;
   padding-left:1.2rem;
   padding-bottom: 1.5rem;
   background-color: #bce2f7;
   margin: auto;
   position: relative;
   top: -2rem;
}
#titrebanner>span{
  text-transform: uppercase;
}
#titrebanner div.museemigr{
   font-size:1.2vw;
   text-transform: uppercase;
   padding-top:0.5rem;
}
#titrebanner>div.bouton{
    float: right;
    width: 5%;
}
#titrebanner>div.logo{
    float: left;
    width: 8%;
    padding-right: 1.5%;
}
/*#titrebanner img{
    cursor:pointer;
}*/
#footer>div.copy{
    font-size: 0.8vw;
    text-align: center;
    text-transform: none;
    color: #e5007e;
}
#page{
  margin:auto;
  text-align:center;
  height:fit-content;
  padding-bottom:11rem;
}
#sellang{
  display:inline-block;
  padding-left:0.5rem;
}
#sellang>select{
   width:fit-content;
}
#homeselect{
  display:table;
  width:fit-content;
  margin:auto;
}
#homeselect>div{
  display:table-row;
}
#homeselect>div>div{
  display:table-cell;
  vertical-align:top;
  text-align:left;
  padding-bottom:0.3rem;
}
#homeselect>div>div:nth-child(1){
   font-weight:900;
   text-align:right;
   padding-right:0.5rem;
}
#laune{
  display:table;
  padding-top:0.5rem;
  padding-bottom:4rem;
  margin:auto;
  text-align:center;
}
#laune img{
   width:15rem;
}
#laune>div{
   display:table-row;
   border-top: 1px #000;
   padding-top:0.5rem;
}
.claune{
   display:table-cell;
   padding-left:0.5rem;
   padding-right:0.5rem;
}
.laune{
  text-align:center;
  font-weight:900;
  width:100%;
  padding-bottom:0.6rem;
}
.claune>div:nth-child(2),.claune>div:nth-child(2)>div{
    position:relative
}
.imglaune{
  position:relative;
}
#footer{
   background-color: rgba(188, 226, 247,0.7);
   border:1px solid #000;
   border-bottom:0;
   border-radius:10px 10px 0 0;
   background:linear-gradient(0deg, rgba(188, 226, 247,0.8) 100%, rgba(188, 226, 247,1) 5%);   position:fixed;
   bottom:0;
   text-align:center;
   padding:1rem;
   padding-top:0.5rem;
   /*font-weight:900;
   text-transform: uppercase;*/
   z-index:1;
   left: 50%;
   transform: translateX(-50%);
   color: #e5007e;
}
#footer a,#footer a:active,#footer a:focus,#footer a:visited{
   font-weight:400;
   color: #e5007e;
}
#forminstall{
  display:table;
  padding-top:0.7rem;
  margin:auto;
  text-align:center;
}
#forminstall>div{
   display:table-row;
}
#forminstall>div>div{
   display:table-cell;
   padding-bottom:0.3rem;
}
#forminstall>div>div:nth-child(1){
   text-align:right;
   font-weight:900;
   padding-right:0.3rem;
}
#forminstall>div>div:nth-child(2){
   text-align:left;
}
#archiver{
   padding-bottom:0.7rem;
   font-size:1.5vw;
}
#choixContent,#filtreContent{
   font-size:1.5vw;
   padding-bottom:1rem;
   padding-top:1.5rem;
}
#filtreContent{
   padding-top: 1rem;
}
#filtreContent,#formFiltre,#filtreContent>div{
   padding-bottom:0.4rem;
}
.titrefiltre{
  font-weight:900;
}
#listContent{
   display:none;
   width:100%;
   margin:auto;
}
#popConcerne{
   display:none;
   width:100%;;
   margin:auto;
}
#ppays,#ouContent{
   display:none;
}
#formEthp{
   display:none;
   padding-bottom:0.5rem;
}
#rechmin{
   font-size:1.2vw;
   width:20rem;
}
#recrech{
   display:none;
   padding:1rem;;
}
#rechContent{
   display:none;
   margin:auto;
   border: 1px solid;
   width: fit-content;
   position: relative;
   background-color: #fff;
}
#rechContent>div{
   padding:1.5rem;
   width: fit-content;
   padding-top:0.8rem;
}
.croixmodal{
   position:absolute;
   width:2.2rem;
   cursor:pointer;
   left:0;
}
#croixrech{
   float:left;
   width:2rem;
   cursor:pointer;
}
#rechContent>span.affrech{
   font-weight:900;
   font-size:1.5vw;
}
#resRech{
    margin: auto;
    position: relative;
    padding-top: 0.2rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#rtitre{
   padding-bottom:0;
   padding-top:0.5rem;
   font-size:1.5vw;
}
#rafftext{
  margin:auto;
  width: fit-content;
}
#rafftext>div{
   display:table-cell;
}
#rafftext>div:nth-child(1)>span:nth-child(2){
   font-size:1.6vw;
   font-style:italic;
}
#rtype,#raffsens{
  text-align:left;
}
#rclass>div:nth-child(1){
   padding-top:1.2rem;
}
#rclass>div:nth-child(2)>div{
  display:table-cell;
}
.listerech{
    display:table;
    margin:auto;
}
.listerech>div{
    display:table-row;
}
.listerech>div>div{
    display:table-cell;
    vertical-align:top;
}
.listerech>div>div:nth-child(1){
   font-weight:900;
   font-size:1.1vw;
   padding-right:0.7rem;
}
#rechliste{
   padding-top:0.5rem;
   padding-bottom:1rem;
}
.globinstaller{
   font-weight:900;
   font-size:1.8vw;
}
#connectbox{
    padding:1rem;
}
#connectbox,#connectbox>div{
    width:fit-content;
    margin:auto;
    padding-bottom:0.6rem;
}
#connectbox .ctitre{
    font-size: 2vw;
    font-weight:900;
    padding-bottom:1rem;
}
#connectbox input{
   font-size:1.2vw;
}
#connectbox div.erreur{
   color:#ff0000;
   display:none;
}
#connectbox>div>div{
   display:table-cell;
}
#connectbox>div:last-child{
   text-align:center;
}
#useradaddeb{
   text-align:center;
   padding-bottom:0.5rem;
   display:none;
   font-size:1vw;
}
#useradaddeb>div{
   font-weight:900;
}
.affautmed input{
   font-size:1.2vw;
}
#scrollhaut{
   display:none;
   position:fixed;
   bottom:1rem;
   right:2rem;
   width:3%;
   z-index:10000;
   cursor:pointer;
}
#scrollhaut>img{
   opacity: 0.5;
   width:100%;
}
#facerec div.rechfaces{
    position: absolute;
    display: none;
    width: 18.5%;
    border: 1px solid rgb(0, 0, 0);
    top: 1rem;
    left: 65rem;
    background-color: #fff;
}
#facerec .rechfaces>div:nth-child(1){
    margin:auto;
    text-align:center;
    font-size:1.1rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
#facerec .rechfaces>div.listefaces{
    width:100%;
    text-align:center;
    position:relative;
    overflow-y:auto;
    max-height:40rem;
}

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


}
@media only screen and (max-width: 500px) {
      body,#choixContent,
      #filtreContent>div>input{
        font-size:3.5vw;
     }
     #banner{
        width:95%;
     }
     #titrebanner{
        font-size:4.3vw;
     }
     #croixrech{
        width:5rem;
     }
     #filtreContent>div>input{
        width:40rem;
     }
     #rtitre{
        font-size:4vw;
     }
}