@import 'https://fonts.googleapis.com/css?family=Rajdhani';
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:300,400';

/* general */

body
{
font-size: 1.2rem;
font-family: 'Titillium Web', sans-serif;
color: #4c4c4c;
}

h1
{
color: #4faa21;
}

h1, h2, h3, h5
{
text-transform: uppercase;
font-family: 'Rajdhani', sans-serif;
}

span
{
display:block;
}

.bold
{
font-weight: 600;
}

.justify
{
text-align:justify;
margin: 0 20px 0 20px;
}

.margin
{
margin: 0 1rem 0 1rem;
}
/* fin de style */

/* style navbar */
#nav
{
background-color: #85c125 !important;
}

#nav
{
height:64px!important;
}

#nav ul li a
{
color: #4faa21;
font-size: 1.2rem;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected , .dropdown-content li.active.selected 
{
background-color: #85c125 !important;
}

.dropdown-content li > a:hover
{
  color: #fff !important;
}
/* fin de style */

/*Style index.php*/
#fabricants figure img
{
border: 4px solid #4c4c4c;
} 

#fabricants figcaption
{
font-size: 1.5rem;
text-transform:uppercase;
font-weight: 400;
}

#fabricants .zoom img 
{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

#fabricants .zoom img:hover
{
transform:scale(1.04);
border: 4px solid rgba(255,255,255,0);
}

#fabricants .bloc-img
{
overflow: hidden;
}

.slider h5
{
font-weight:500 !important;
}

.slider .slides li .caption 
{
position: absolute;
top: 80% !important;
}

.slider .indicators .indicator-item 
{
background-color: #4c4c4c !important;
}

.slider .indicators .indicator-item.active 
{
background-color: #4faa21 !important;
}
/* fin de style */

/* style page gpi */
#gpi
{
margin-top:  3rem;
}

#gpi ul
{
list-style-image: url('/img/check.png');
margin-left: 50px;
}
/* fin de style */

/* style page projet */
.grid figure
{
position: relative;
overflow: hidden;
margin: 10px 1%;
width: 100%;
text-align: center;
cursor: pointer;
}

.grid figure img
{
min-height: 100%;
max-width: 100%;
}

.grid figure figcaption
{
padding: 2em;
font-size: 1.25em;
}

.grid figure figcaption,
.grid figure figcaption > a
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.grid figure figcaption > a
{
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.grid figure h5
{
font-weight: 400;
font-size: 1.7rem;
}

.grid figure h5 span
{
font-weight: 800;
display:inline-block;
}

figure.hover-effect figcaption 
{
top: auto;
bottom: 0;
padding: 1em 0 1em 0;
height: 3.75em;
background: #fff;
color: #4faa21;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}


figure.hover-effect:hover figcaption,
figure.hover-effect:hover h5
{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.parallax-window
{
min-height: 550px;
background: transparent;
margin-bottom: -30px;
}

.contact p, .contact a
{
	
color: #fff;
font-size: 1.8rem;
}

.contact a
{
text-decoration: underline;
}
/*fin de style*/

/*style page contact*/
#map
{ 
width: 100%; 
height: 500px;
margin-bottom: -30px;
}

#contact h1
{
font-size:3.56rem;
}

input[type=text]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
border-bottom: 1px solid #4faa21  !important;
box-shadow: 0 1px 0 0 #4faa21 !important; 
}

input[type=text]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), .dropdown-content li > a, .dropdown-content li > span 
 {
 color: #4c4c4c !important;
 }
 
.active
{
color: #4faa21 !important;
}

#contact button
{
margin: 30px 0 30px 0 !important;
background-color: #4faa21 !important;
}
/* fin de style */

/* style page mentions légales */
#mentions-legales h5
{
color: #65ba1f;
font-size: 1.4rem;
}

#mentions-legales h3
{
color: #65ba1f;
text-align: center;
}
/* fin de style */

/* footer */
footer
{
background-color: #85c125 !important;
}
.no_style  ul li
{
display: inline-block;
margin: 0 10px 0 10px;
}

.btn-modal
{
background-color: #85c125;
color: #fff;
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
outline: 0;
padding: 0 2rem;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent; 
}


/* fin de style */

@media only screen and (max-width : 600px) 
{
	h1
	{
	font-size:2.9rem !important;
	}

	h2, #contact h1
	{
	font-size:2.5rem !important;
	}
	h3
	{
	font-size:2.2rem !important;
	}	
	figure.hover-effect p.description 
	{
	font-size: 1.3rem; 
	}
	.contact p, .contact a
	{
	font-size: 1.5rem;
	}
	.grid figure h5
	{
	font-weight: 400;
	font-size: 1.3rem;
}