#ferme-info {
    position: absolute;
    top: -24px;
    right: -24px;
    background: #7a7a7a;
    border-radius: 50%;
    border: 2px solid #FFF;
    cursor: pointer;
    width: 24px;
    padding: 24px;
    height: 24px;
    background-image: url(https://www.viva-douche.fr/images/landing6/lp_croix_popup_desk.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
	z-index: 99999;
}
div#ferme-info:hover {
background-image: url(https://www.viva-douche.fr/images/landing6/lp_croix_popup_desk.svg);
border: 2px solid #7a7a7a;
background-color: #eb5a3a;
}

#tete {
    width: 428px;
    text-align: center;
    font-weight: bold;
    cursor: grab;
}

#tete titre {
text-transform: uppercase;
font-size: 25px;
margin-top: 0;
}

#mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    background-color: #00000085;
    display: none;
    height: 100%;
    width: 100%;
}

#boxes {
position: fixed;
width: 100%;
top: 0px;
z-index: 9999;
box-sizing: border-box;
padding: 0px 10px;
height: 0;
overflow: auto;
/*height: 100%;*/
}
  
#boxes .window {
position:fixed;
left:0;
top:0;
display:none;
z-index:9999;
padding:15px;
background: #FFF;
box-shadow: 0px 4px 20px #000;
}

#boxes .window1 {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:40px;
  background:url(../images/box.png) no-repeat 0 0 transparent; 
  cursor: move;
	background-size: 100% 100%;
	padding-bottom: 70px;
}

 
#boxes .dialogouinon {
  background:url(../images/box.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}

#boxes #dialogok {
  background:url(../images/box.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}



@media (max-width: 428px) {
#tete {
width: 100%;
}

}