@media all and (max-device-width:500px) {

#page {
min-width: 100%;
  max-width: 100%;
  width:100%;
  margin: 0 auto;
}

#header {
  height: auto;
  padding: 0px;
  background: black;
}

.header1 {
  background: url('images/logo.png') no-repeat center center;
  background-size: auto 90%;
  height: 100px;
  width: 120px;
  display: block;
  margin: 0 auto;
}

.header2 {
  background: url('images/titre.png') no-repeat center center;
  background-size: 98% auto;
  height: 100px;
  width: 100%;
  display: inline-block;
}

.header3 {
  background: url('images/medaillon.png') no-repeat center center;
  background-size: auto 90%;
  float: none;
  height: 150px;
  width: 150px;
  margin:0 auto;
}

#video {
  height: 280px;
  background: url('images/video.jpg') no-repeat center center;
  background-size: 200% auto;
}

#video a.play {
 
  margin: 50px auto;
}

.para {
  height: 220px;
  background-position:center center!important;
  background-size:110% auto!important;
  background-attachment:scroll!important;
}
.description {
padding:0px;}

.description .titre {
  display: block;
  width: 100%;
  padding-left: 0px;
  padding-right:0px;
  padding-top: 80px;
  background-size: auto 70px!important;
  border-right: 0px solid black;
  font-size: 24px;
  font-weight: 700;
  vertical-align: middle;
  text-transform: uppercase;
  margin-bottom:20px;
}

#description1 .titre {
  background: url('images/bloc1.png') center top no-repeat;
}
#description2 .titre {
  background: url('images/bloc2.png') center top no-repeat;
}
#description3 .titre {
  background: url('images/bloc3.png') center top no-repeat;
}
#description5 .titre {
  background: url('images/bloc5.png') center top no-repeat;
}

.description .texte {
  display: block;
  width: 100%;
  margin-left: 00px;
  vertical-align: top;
  font-size:18px;
}


.footerblock {
  width: 100%;
  display: inline-block;
  height: 270px;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  padding-top: 150px;
  position: relative;
}


#footerblock2 {

  padding-top: 30px;
    height: 200px;
}

#tripadvisor a {
  display: block;
  padding: 20px;
  border: 6px solid green;
  background: url('images/trip.png') no-repeat center center;
  background-size: 96% auto;
  height: 100px;
}

#footer a {
  color: white;
  display: block;
  font-weight: 300;
  font-size:13px;
  margin-bottom:10px;
}

#para4 {
height:132px;
}
































.container {
padding:20px 16px;
}



}