.alertbutton {-webkit-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.23);
margin-top:4vh;
width:20vw;
margin:auto;
background: white;
border: 1px #cecece solid;
border-radius:4px;
font-family: Raleway, sans-serif;
font-size: 2vw;
height: 3vw;
cursor:pointer;
}
    .alertbutton{
	    text-align: center;
    margin-top: 2vh;
    }
    .alertoverlay{
	    width:100%;
	    height:100%;
	    z-index:99999;
	    position:fixed;
	    top:0;
	    bottom:0;
	    left:0;
	    right:0;
	    background:rgba(0,0,0,0.4);
    }
.alert{
    width: 60vw;
    background-image: url(asset/menu2.png);
    z-index: 100000;
    margin: auto;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);

    left: 20%;    
    }
    .alertheader {
    background: #f16156;
    height: 3vw;
    position: relative;
    width: 100%;
        margin: auto;
    text-align: center;
    color: whitesmoke;
    padding:1vh 0;
}
    .alertclose{
    background-image: url(asset/croix.png);
    width: 3vw;
    height: 3vw;
    background-size: 3vw;
    top: 1vw;
    right: 1vw;
    position: absolute;
    cursor: pointer;
        }
.alerttext{
padding: 3vh 5vw 5vh 5vw;
}
.alerttitle{
	font-size:calc(1em + 0.5vw);
	font-weight:bolder;
	margin-bottom:1vw;
	
}
.alert span{
	display:blocK;
}
.alert *, .alert span a{
		font-family : "Raleway", "sans-serif";

}