/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
  /*color: #444;*/
  font-size:1.7rem
}

nav {
  min-height: 62px;
  display: inline-block;
}

nav a {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.texte {
  line-height: 40px;
}

.texte i {
  margin: 0 10px 0 10px;
}

nav .brand-logo {
    background: white url("/Images/Logo.jpg") no-repeat;
    background-size: auto 100%;
    height: 100%;
    padding: 0 0 0 100px;
}

nav .nav-wrapper {
    width: 350px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#Bande {
  background-color: black;
  height: 40px;
}

#logo-container {
  /*height: 100px;*/
  line-height: normal;
}

/*.ui-datepicker-month {
    display:inline;
    color: black;
}

.ui-datepicker-year {
    display:inline;
    color: black;
}*/

.Arriere-plan1 {
    background: black url("Images/Arriere-plan1.jpg") no-repeat -600px center;
    /*background: url(Images/Structure/StructureVertical.png) repeat-y center top;*/
}

.Arriere-plan2 {
    min-height: 350px;
    background: black url("Images/Arriere-plan2.jpg") no-repeat -600px center;
    /*background: url(Images/Structure/StructureVertical.png) repeat-y center top;*/
}

select {
    display: inline;
    color: black;
}

/*#crayon {
    vertical-align: middle;
}*/

#formulaire label {
    font-size: large;
}

#formulaire td {
    vertical-align: text-top;
}

p {
  line-height: 2rem;
}

/*.button-collapse {
  color: #ff9800;
}*/

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

#video {
    text-align: center;
    width: 100%;
  }

#container {
    width: 100%;
  }

#section {
    width: 100%;
  }

#video div.model {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
  }

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

#logo {
  margin-top: -25px;
}

.video-info {
  margin-top: 65px;
  /*background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);*/
  background: radial-gradient(circle, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 100%);
  /*background: rgba(0,0,0,0.5);*/
}

#download-button {
  margin-top: 20px;
}

#map {
  /*position: absolute;*/
  /*top: 0;
  left: 0;*/
  float: right;
    /*display: block;*/
    /*display: inline-block;
    text-align: center;*/
    
  /*width: 100%;*/
  /*max-width: 600px;
  height:400px;*/
  /*height: 100%;*/
}

#pano {
  /*position: absolute;*/
  /*top: 0;
  left: 0;*/
  float: left;
    /*display: block;*/
    /*display: inline-block;
    text-align: center;*/
    
  /*width: 100%;*/
  /*max-width: 600px;
  height:400px;*/
  /*height: 100%;*/
}

.carousel .carousel-item {
  width: 350px !important;
    padding: 0;
    margin: 0;
}

.carousel {
    /*display: inline-block;
  width: 75%;*/
    padding: 0;
    margin: 0;
    height: 300px;
  /*border: 1px solid black;*/
}

.carou {
    /*display: inline;*/
  /*width: 60%;*/
  /*border: 1px solid black;*/
}

.presui {
    display: inline-block;
    /*display: inline;*/
  height: 220px;
  /*float: left;*/
  /*border: 1px solid black;*/
}

#boutDiaporamaLogement, #boutDiaporama3etDemi, #boutDiaporama4etDemi, #boutDiaporama5etDemi, #boutDiaporama7etDemi {
    /*position: absolute;*/
    margin-bottom: 60px;
  /*width: 100%;
  height: 30px;*/
  /*border: 1px solid black;*/
}

#precDiaporamaLogement i, #suivDiaporamaLogement i, #precDiaporama3etDemi i, #suivDiaporama3etDemi i, #precDiaporama4etDemi i, #suivDiaporama4etDemi i, #precDiaporama5etDemi i, #suivDiaporama5etDemi i, #precDiaporama7etDemi i, #suivDiaporama7etDemi i {
    font-size: 4rem;
}

.btn {
    background-color: #c62828;
}

.nouveau {
    background: radial-gradient(circle, rgba(255,140,0), rgba(255,140,0) 30%, rgba(0,0,0,0) 100%);
}

html, body { height: 100%; margin: 0; padding: 0; }
#map { height: 100%; }