* {
  box-sizing: border-box;
}

html,body {
    height: 100%;
    min-height: 100%;
    margin: 0;
}
body {
 background-color: #000000;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    letter-spacing: 17%;
    font-weight: normal;
}
a {text-decoration: none;}

p, h1 {color: #ffffff;}

h1 { font-style: italic; }

.bodygreen {
      background-image:url("img/bg-gold.jpg");
  background-size:auto;
background-repeat: repeat;
}
.cadre {
  
    float: left;
    width:100%;
    margin-top: 17px;
    padding: 42px;

}

.cadre a {
    margin:10px;
    border-radius:2px;
	border: 2px black solid;
}

.cadre	a img {
      width: 100%;
    box-shadow: 5px 10px;
    }
.cadre img {
    box-shadow: 7px 7px;
    
        
    }

.link, .push, .close {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
  
.link {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
}

.link a {
    display: block;
    color: #FFFFFF;
    background-color: hsla(267,100%,38%,1.00);
    padding: 27px;
     border-radius: 7px;
}

.link a:hover {
    background-color: #FFFFFF;
    color: #000000;
}
.push {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

.push a {
    display: block;
    color: #FFFFFF;
    background-color: hsla(359,88%,10%,1.00);
    padding: 27px;
     border-radius: 7px;
}

.push a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.close {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    margin-top: 17px;
}
.close a {
    display: block;
    color: #FFFFFF;
    background-color: #666666;
    padding: 20px;
    border-radius: 7px;
}

.close a:hover {
    background-color: #FFFFFF;
    color: #000000;
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  .link, .close, .boxbas, .prod {
    width: 100%;
  }
    
    
}