/* Style the header */
.header {
  padding: 10px 16px;
  background: #f1f1f1;
  color: #ffffff;
}

/* Page content */
.content {
  padding: 16px;
  background-image:url("pics/ripaille.jpg");
  background-repeat:no-repeat;
  background-position:100% 100%;
  background-size: cover;

}

/* Retour */
.retour {
  padding: 16px;
  background-image:url("pics/peloben.png");
  background-repeat:no-repeat;
  background-position:100% 100%;
  background-size: cover;

}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.btn {
  /* default for <button>, but useful for <a> */
  display: inline-block;
  text-align: center;
  text-decoration: none;

  /* create a small space when buttons wrap on 2 lines */
  margin: 2px 0;

  /* invisible border (will be colored on hover/focus) */
  border: solid 1px;
  border-radius: 4px;

  /* size comes from text & padding (no width/height) */
  padding: 0.5em 1em;

  /* make sure colors have enough contrast! */
  color: #010101;
  background-color: #ffffff;
}
.titre {
  font-size: 2em;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
.titre2 {
  font-size: 3em;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

}


.basic-grey label {
    display: block;
    margin: 0px;
}
.basic-grey label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"] {
    border: 1px outset #DADADA;
    color: #666;
    height: 20px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 90%;
    font-size: 12px;
    line-height:12px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey  textarea{
    border: 1px outset #DADADA;
    color: #666;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 90%;
    height: 40px;
    font-size: 12px;
    line-height:12px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey select {
    border: 1px outset #DADADA;
    color: #666;
    background-color:#FFF;
    text-indent: 0.01px;
    text-overflow: '';
    width: 50px;
    height: 25px;
    margin-bottom: 16px;
    line-height: 25px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey .button {
    background: #fff;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #000;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #B6B6B6;
    cursor: pointer;
}