html{
   height:100%;
   font-size:1vw;
}
body{
 /*background-image: url('../img/fond.png');*/
  background-image: url('../img/fond.jpg');
  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;
}
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"],input[type="submit"]{
   cursor:pointer;
   width:fit-content;
}
.erreur{
   color:#ff0077;
   font-size:1.5vw;
   font-weight:900;
   padding:1vw;
   padding-top:0;
}

#finsess{
  padding-top:1vw;
}
#finsess>div{
    border-radius: 10px;
    border: 1px solid #f00;
    width: fit-content;
    margin: auto;
    padding: 0.8vw;
}
#tempsfinsess{
   font-weight:900;
   color:#f00;
}
#banner{
   width:80vw;
   margin:auto;
}
#banner>div.nonfini{
   padding-bottom:2rem;
   color:#f00;
   font-weight:900;
   font-size:1.8rem;
}
#bannerimg{
    width:75%;
    display:inline-block;
}
#logobanner{
   width:12%;
}
#titrebanner{
   width:100%;
   text-align:center;
   font-size:3vw;
   font-weight:900;
   padding-top:0.3em;
   padding-bottom:0.6em;
}
#content>div.source{
   padding:0.5rem;
   font-size:1.5vw;
   vertical-align:top
}
#content>div.source>span.source{
   font-weight:900;
}
#content>div.source>input.qsource{
   font-weight:900;
}
#content>div.source>div.bsource>div.autre{
   display:none;
   padding-top:0.5rem;
   text-align:left;
}
#content>div.theme{
   padding:0.5rem;
   font-size:1.5vw;
   display:none;
}
#content>div.theme>div{
   display:table;
   width:fit-content;
   margin:auto;
}
#content>div.theme>div>div{
   display:table-row;
}
#content>div.theme>div>div>div:nth-child(1){
   display:table-cell;
   text-align:right;
}
#content>div.theme>div>div>div:nth-child(2){
   display:table-cell;
   text-align:left;
   padding-bottom: 0.5rem;
}
#content>div.listerech{
   padding:0.5rem;
   font-size:1.5vw;
}
#page>hr{
   height:2px;
   border:1px;
   background-color:#000;
   width:65%;
   margin-top:3rem;
}
#page>div.ascafro{
   font-size:2.5vw;
   font-weight:900;
}
#page{
  margin:auto;
  text-align:center;
  height:fit-content;
}
#sellang{
  display:inline-block;
  padding-left:0.5em;
  width:10%;
}
#sellang>select{
   width:100%;
}
#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.5em;
  padding-bottom:4em;
  margin:auto;
  text-align:center;
  font-size:1.5vw;
}
#laune img{
   width:15vw;
}
#laune>div{
   display:table-row;
   border-top: 1px solid #000;
   padding-top:0.5em;
}
.claune{
   display:table-cell;
   padding-left:0.5em;
   padding-right:0.5em;
}
#laune div.launec{
   width:16rem;
}
.laune{
  text-align:center;
  font-weight:900;
  width:100%;
  padding-bottom:0.6em;
}
.claune>div:nth-child(2),.claune>div:nth-child(2)>div{
    position:relative
}
.imglaune{
  position:relative;
}
#footer{
   background-image: url('../img/fond.png');
   border:1px solid #000;
   border-bottom:0;
   border-radius:10px 10px 0 0;
   background:linear-gradient(0deg, rgba(255,240,235,0.8) 100%, rgba(255,240,235,1) 5%);
   /*background:linear-gradient(0deg, rgba(255,154,52,0.8) 100%, rgba(255,154,52,1) 5%);*/
   position:fixed;
   bottom:0;
   text-align:center;
   padding:1em;
   font-weight:900;
   z-index:1;
   left: 50%;
   transform: translateX(-50%);
}
#forminstall{
  display:table;
  padding-top:0.7em;
  margin:auto;
  text-align:center;
}
#forminstall>div{
   display:table-row;
}
#forminstall>div>div{
   display:table-cell;
   padding-bottom:0.3em;
}
#forminstall>div>div:nth-child(1){
   text-align:right;
   font-weight:900;
   padding-right:0.3em;
}
#forminstall>div>div:nth-child(2){
   text-align:left;
}
#archiver{
   padding-top:1vw;
   padding-bottom:0.7em;
   font-size:1.5vw;
}
#choixContent,#filtreContent{
   font-size:1.5vw;
   padding-bottom:0.7em;
}
#filtreContent,#formFiltre,#filtreContent>div{
   padding-bottom:0.4em;
}
.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.5em;
}
#rechmin{
   font-size:1.2vw;
   width:20vw;
}
#recrech{
   display:none;
   padding:1vw;;
}
#rechContent{
   display:none;
   margin:auto;
   border: 1px solid;
   width: fit-content;
}
#rechContent>div{
   padding:1.5vw;
   width: fit-content;
   padding-top:0.8vw;
}
.croixmodal{
   position:absolute;
   width:2.2rem;
   cursor:pointer;
   left:0;
}
#croixrech{
   float:left;
   width:2vw;
   cursor:pointer;
}
#rechContent>span.affrech{
   font-weight:900;
   font-size:1.5vw;
}
#resRech{
    margin: auto;
    position: relative;
    padding-top: 0.2vw;
    padding-bottom: 1vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}
#rtitre{
   padding-bottom:0;
   padding-top:0.5vw;
   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.2vw;
}
#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.7em;
}
#rechliste{
   padding-top:0.5em;
   padding-bottom:1em;
}
.globinstaller{
   font-weight:900;
   font-size:1.8vw;
}
#connectbox{
    padding:1vw;
}
#connectbox,#connectbox>div{
    width:fit-content;
    margin:auto;
    padding-bottom:0.6vw;
}
#connectbox .ctitre{
    font-size: 2vw;
    font-weight:900;
    padding-bottom:1vw;
}
#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.5vw;
   display:none;
   font-size:1vw;
}
#useradaddeb>div{
   font-weight:900;
}
.affautmed input{
   font-size:1.2vw;
}
#scrollhaut{
   display:none;
   position:fixed;
   bottom:1vw;
   right:2vw;
   width:3%;
   z-index:10000;
   cursor:pointer;
}
#scrollhaut>img{
   opacity: 0.5;
   width:100%;
}
#facerec .rechfaces{
    position: absolute;
    display: none;
    width: 18.5%;
    border: 1px solid rgb(0, 0, 0);
    top: 1rem;
    left: 65rem;
    background-image: url(img/fond.jpg);
}
#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:5vw;
     }
     #filtreContent>div>input{
        width:40vw;
     }
     #rtitre{
        font-size:4vw;
     }
}