/* Responsive Navigation styles begin here */

nav > input,
.nav-button {
  display: none; /* hidden on large screens */
}

/* small screens styles */
@media (max-width: 1280px) {
 .nav-inner {
   position: absolute;
   width: 100%;
   transform: translateX(-100%) translateZ(0);
   transition: transform .2s;
   will-change: transform;
  }
  /* here's goes the slide effect */
  input:checked ~ .nav-inner {
    transform: translateX(0);
  }

  /* Button deco */
  .nav-button {
    display: block;
    position: absolute;
    top: 1rem; right: 1rem;
    z-index: 1;
    height: 3.5rem; width: 3.5rem;
    background-color: transparent;
    background-image: linear-gradient(to right, #E40000, #E40000),
      linear-gradient(to right, #E40000, #E40000),
      linear-gradient(to right, #E40000, #E40000);
    background-position: center top, center, center bottom;
    background-repeat: no-repeat;
    background-size: 3.5rem .9rem;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
}

/* Global deco */
* {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  font-family: Trebuchet MS;
  background-image: url("images/ciel1.jpg");
  background-height: 140px;
  background-attachment:fixed;
}
a {
  color: #fff;
}
h2 {
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
  color:#FF0000;
}
nav a {
  display: block;
  padding: .7em;
  margin-bottom: 2px;
  text-decoration: none;
  background: #1C2569;
}
h1 {
  margin-left: 1rem;
  color: #333;
  font-family: Trebuchet MS;
}
.main, footer {
  padding: 2rem;
  background-color: #fff;
  box-shadow: 2px 2px 4px #000;
  /*border:4px solid #000;*/
  color: #333;
  font-family: Trebuchet MS;
}

.header {
  height:140px;
  background-image: url("logo.png");
  background-height: 140px;
  background-attachment:fixed;
}

.imglarge {
  box-shadow: 2px 2px 4px #000;
  width:100%;
}

.imgactu {
  box-shadow: 2px 2px 4px #000;
  width:50%;
}

.lienpied {
  width:100%;
  height:26px;
  background-color: transparent;
  background-image: linear-gradient(to right, #071D49, #071D49);
  margin-top:1px;
  margin-bottom:1px;
  padding-top:4px;
}

.nomdept {
  width:100%;
  height:34px;
  box-shadow: 2px 2px 4px #000;
  background-color: transparent;
  background-image: linear-gradient(to right, #ccc, #fff);
  margin-top:1px;
  margin-bottom:1px;
  padding-left:5px;
  padding-top:4px;
  font: 30px/30px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
  color:#FF0000;
}

.lienpieda {
  cursor:pointer;
  text-decoration:none;
  font-weight:bold;
}

.prixpromo {
  width:40%;
  height:40px;
  border-radius:8px;
  border:2px solid #000;
  background-color: transparent;
  background-image: linear-gradient(to right, #FFF591, #FFF591);
  margin-top:1px;
  margin-bottom:1px;
  padding-top:4px;
  font: 30px/30px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
}

.telappel {
  width:76%;
  height:40px;
  border-radius:8px;
  border:2px solid #000;
  background-color: transparent;
  background-image: linear-gradient(to right, #FFF591, #FFF591);
  margin-top:1px;
  margin-bottom:1px;
  padding-top:4px;
  font: 26px/26px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
}

.liencentre {
  text-decoration:none;
  font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);

}

.liendetail {
  text-decoration:none;
  font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
  color:#E40000;
}

#scrollUp
{
position: fixed;
bottom : 10px;
right: -100px;
opacity: 0.8;
}

.image_valider_input
{
  width:200px;
  height:80px;
  background-color: transparent;
  border: none;
  background-image:url("images/rdv.png");
}