/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
html{
	font-family: 'Roboto Slab', serif;
	scroll-behavior: smooth;
}

.white{
	min-height:80px;
}

.italiana{
	font-family: 'Italiana', serif;
}

.transparent{
	background:none;
}
.no-height{
	line-height:1;
	margin:0;
}

.align-right{
	text-align:right;
}

.sans, .small-sans{
	font-family:'Roboto', sans-serif;
}

.small-sans{
	
	font-size:.8em;
}
.bleuclair{
	color:#6aa7b0;/*#89b0cc;*/
}
.bleuclairbg{
	background-color:#6aa7b0;
}
nav ul a,
nav .brand-logo{
	color:#DDDDDD;
}

.bleu{
	color:#54bfd4;
}
.bleubg{
	background-color:#54bfd4;
}

.bleufonce{
  color: #6983c4;
}
.bleufoncebg{
	background-color:#6983c4;
}

nav ul a:hover{
	background-color: #6983c4;
	color:white;
}
nav.nav-center ul {
    text-align: center;
}
nav.nav-center ul li {
    display: inline;
    float: none;
}
nav.nav-center ul li a {
    display: inline-block;
}

nav.nav-center ul.sidenav li a, .page-footer ul li a{
	display:block;
	color:white;
}
nav.nav-center ul.sidenav li a:hover, .page-footer ul li a:hover{
	color:#6983c4;
	background:#FFFFFF;
}
.inline{
	display:inline-block;
	margin-left:15px;
}

p {
  line-height: 2rem;
  text-align:justify;
}

.sidenav-trigger {
  color: #26a69a;
}


.sticky-nav{
	position:fixed;
	top:0;
	z-index:999;
	transition:.5s;
	/*line-height:1.2rem;
	height:1.4rem;*/
}

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

@media (min-width : 800px){
	#topFrame{
		min-height:60vh;	
	}
}/*
@media (max-height : 801px){
	#index-banner{
	min-height:35vh;
	}
}
*/
@media only screen and (max-width : 992px) {
  .parallax-container .section {
 /*   position: absolute;
    top: 100vh ;
	*/
  }
  #index-banner .section {
    top: 0;	
  }
}
.block{
	display:block;
	padding:5px;
	margin:0;
}

.block h3{
	margin:0;
	padding:0;
}

a.block {
	padding-bottom:10px;
}

a.block:hover, a.block:hover h2, a.block:hover h5,a.block:hover h2 i, a.block:hover h6, a.block:hover p{
	color:#ffffff;
	background-color:#6aa7b0;/*89b0cc ;*/

}

@media only screen and (max-width : 600px) {
  #index-banner .parallax{
    top: 0;
	height:280px;
  }
  
  .parallax-container, .parallax img{
	  min-height:200px;
	  max-width:120%;
	  height:auto;
  }
}

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

#lastPaintingBG{
	background-image:url("../images/4.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom left;
}

.lightBG{
	background-color: rgba(255,255,255,0.5);
}

footer.page-footer {
  margin: 0;
}