/* Required for full background image */

html,
body,
header,
.view {
  height: 100%;
  font-family: 'Nunito', sans-serif;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 400px;
  }
}

.btn .fa {
  margin-left: 3px;
}

.top-nav-collapse {
  background-color: #111111 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #111111 !important;
  }
}

.btn-white {
  color: black !important;
}

h6 {
  line-height: 1.7;
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(42, 27, 161, 0.7)), to(rgba(29, 210, 177, 0.7)));
  background: -o-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
  background: linear-gradient(to 45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}

/* Introduction // header */

.titre1 {
  font-size:6em;

}

.soustitre1 {
  font-size:1.5em;

}

.boutonIntro {
  margin-top:20px;
}


/* Section 1 // Sait pas encore */
.section1 {
  background-color:#ff9f19;
  height:3px;
  width:100%;
}


/* Section 2 // Infos pratiques sur le lind */
.section2 {
  padding:30px;
  background-color:#111111;
  height:650px;
  width:100%;
}

.colmd8section2 {
  margin-top:80px;
}

.roundedicon {
  height: 60px;
  width:60px;
  background-color:orange;
  border-radius: 50%;
  margin-left:auto;
  margin-right:auto;
  margin-top:-20px;

}

/* Section 3 // Carrousel avec photos de présentation de la boite */



/* Section 4 // 3 photos cliquables */
.section4 {
  padding:25px;
  background-color:orange;
}


/* Footer */
.footer-copyright {
  background-color:#111111 !important;
}

.page-footer {
  background-color:#191818 !important;
}

/* Informations pratiques */

.map-container-4{
overflow:hidden;
position:relative;
height:0;
}
.map-container-4 iframe{
left:0;
top:0;
height:250px;
width:100%;
position:absolute;
}

.md-v-line {
position: absolute;
border-left: 1px solid rgba(0,0,0,.125);
height: 50px;
top:0px;
left:54px;
}


.md-form input[type=date]:focus:not([readonly]), .md-form input[type=datetime-local]:focus:not([readonly]), .md-form input[type=email]:focus:not([readonly]), .md-form input[type=number]:focus:not([readonly]), .md-form input[type=password]:focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:focus:not([readonly]), .md-form input[type=tel]:focus:not([readonly]), .md-form input[type=text]:focus:not([readonly]), .md-form input[type=time]:focus:not([readonly]), .md-form input[type=url]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    -webkit-box-shadow: 0 1px 0 0 orange !important;
    box-shadow: 0 1px 0 0 orange !important;
    border-bottom: 1px solid orange !important;
}

.md-form input[type=date]:focus:not([readonly])+label, .md-form input[type=datetime-local]:focus:not([readonly])+label, .md-form input[type=email]:focus:not([readonly])+label, .md-form input[type=number]:focus:not([readonly])+label, .md-form input[type=password]:focus:not([readonly])+label, .md-form input[type=search-md]:focus:not([readonly])+label, .md-form input[type=search]:focus:not([readonly])+label, .md-form input[type=tel]:focus:not([readonly])+label, .md-form input[type=text]:focus:not([readonly])+label, .md-form input[type=time]:focus:not([readonly])+label, .md-form input[type=url]:focus:not([readonly])+label, .md-form textarea.md-textarea:focus:not([readonly])+label {
  color:orange !important;
}

.vip_section {
  background-color:#191818;
  color:white;
  padding:20px;
}

@media only screen and (max-width: 700px) {
  .titre1{
    font-size:5em;
  }
  .sepa_accueil {
    margin-left:auto;
    margin-right: auto;
    float: none !important;
  }

  .section2 {
    height: 1500px;
  }

  .cardPhotos , .cardVisite , .cardPhotos {
    margin-top:20px;
  }

  .sectionHeader {
    margin-top: -550px !important;
  }

  .sectionMaps {
    margin-top: -500px !important;
  }

  .divHeader {
    margin-top:0px !important;
  }
  .card360 {
    margin-top:25px;
  }
  .view {
    margin-top: 75px !important;
    padding:10px;
  }
}