/* 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;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.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;
  }
}

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

footer.page-footer {
  margin: 0;
}


/******************  Custom changes   *********************************/

#linetop	{
			position:relative;
			display:block;
			width:100%;
			height:30px;
			background-color:#424242;
			}
			
#logo	{
		position:relative;
		display:block;
		background-color:#FFF;
		height:50px;
		}
	
#logo p	{
		position:relative;
		display:block;
		font-family: 'Rouge Script', arial;/* real font used 'shelley_allegro_scriptregular';*/
		font-size:40px;
		line-height:1rem;
		/*padding-top:10px;*/
		}

nav	{
	position:relative;
	background-color:#FFF;
	height:85px;
	padding-top:10px;
	}

nav ul.dropdown-content 	{
						margin-left:15px;
						margin-top:34px;
						}
						
nav ul.dropdown-content li a	{
						color:#FFF;
						}						
						
.slider	{
		position: fixed;
		margin-top:205px;/*184px; /*165px;/*85*/
		left: 0;
		bottom: 0;
		right: 0;
		overflow: auto;
		}
		
.slider2	{
		position: fixed;
		top: 155px;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: auto;
		}	
		
.slider h3	{
			font-size:3rem;
			/*text-shadow: 3px 3px 5px rgba(255, 255, 255, 1);*/
			/*-webkit-text-stroke: 1px black;*/
			color: white;
			text-shadow:
			2px 2px 0 #576A77,
			-1px -1px 0 #576A77,  
			1px -1px 0 #576A77,
			-1px 1px 0 #576A77,
			1px 1px 0 #576A77;
			-webkit-text-stroke: 1px #576A77;
			/*text-shadow: 1px 1px 0 #576A77;*/
			}				

.slider h5	{
			font-size:1.5rem;
			/*text-shadow: 3px 3px 5px rgba(255, 255, 255, 1);*/
			/*-webkit-text-stroke: 1px black;
			color: white;*/
			text-shadow:
			2px 2px 0 #576A77,
			-1px -1px 0 #576A77,  
			1px -1px 0 #576A77,
			-1px 1px 0 #576A77,
			1px 1px 0 #576A77;
			-webkit-text-stroke: 1px #576A77;
			color: #576A77;
			/*text-shadow: 1px 1px 0 #576A77;*/
			text-transform: uppercase;
			font-family: verdana;
			font-weight: 800;
			}
footer {
	top:100%;   
    position:relative;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	display:block;
}

footer.footerAccueil{   
			position:absolute;
			margin-top:205px;/*165px;*/
			}

.imgArticle	{
			width:300px;
			height:200px;
			margin-right:25px;
			margin-bottom:10px;
			}

img.services		{
				margin-right:15px;
				padding:10px;
				}

p.desc	{
		padding-top:15px;
		line-height:1.3rem;
		}

.smallImg	{
			width:170px;
			height:120px;
			}
/* ---- grid ---- */

.masonry	{
			max-width: 1200px;
			margin-top:20px;
			margin-bottom:40px;
			}

/* clearfix */
.masonry:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width:auto;
}

.grid-item {
  float: left;
  padding:5px;
  margin-bottom:10px;
}
		
.grid-item  img	{
				padding:5px;
				width:200px;
				border: 2px solid #666;
				border-radius: 5px;
				}

/*********      proximite et transports links 		*******************/

.grid-item a 	{
			  height: auto;
			  float: left;
			  padding:5px;
			  margin-bottom:10px;
			  border: 2px solid #666;
			  border-radius: 5px;
			  margin-right:5px;
			}
			
.grid-item  p {
			position:relative;
			display:block;
			text-align:center;
			text-decoration:underline;
			color:#000;
			}
			
.grid-item a  img	{
				border: none;
				border-radius: none;
				}

.grid-item a:hover	{
					opacity:0.8;
					}				
/*********   end of proximite et transports links 		*******************/				
ul.disc li	{
		list-style:disc;
		list-style-type:disc;
		margin-left:15px;
		}	

@media only screen and (min-width : 993px) {

/******** hack navigation for center align  ************/
nav.nav-center ul {
    text-align: center;
}
nav.nav-center ul li {
    display: inline;
    float: none;
}	
}

/***********  bug tabs scroll bar   **************/

@media only screen and (max-width : 500px) 
{
.tabs	{
		display:inline;
		}
}