#mask {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:9000;
  background-color:#000;
  display:none;
}

#tete {
display: block;
  cursor: move;
  /*border-bottom: 1px solid #DDD;*/
}

#tete h2 {
    width: 90%;
}

  
#boxes .window {
position:absolute;
left:0;
top:0;
display:none;
z-index:9999;
/*padding:20px;*/
cursor:auto;
background: #FFF;
box-shadow: 0px 4px 20px #000;
/*border-radius: 8px;*/
padding-top: 0px;
max-width: 700px;
/*height: 304px;*/
/*border: 6px solid #659DE7;*/
position:fixed;
overflow: auto;
}

#boxes .window img{
max-width:100%!important;
height:auto!important;
}

#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;
}


#ferme-info {
text-align:right;
cursor:pointer;
position: absolute;
right: 0px;
top: 0px;
font-size: 14px
}

#ferme-info img {
vertical-align: -14px;
}

#ferme-info:hover {
transform: scale(0.9);
}

@media (max-width: 550px) {
#tete h2 {
width: 83%;
font-size: 24px;
}

}

@media (max-width: 450px) {
#ferme-info {
width: 25px;
top: -3px;
}
}

@media (max-width: 440px) {
#tete h2 {
width: 73%;
}





}