/******************************************************
	
	One Page Responsive HTML Template
	
	
	Sections of stylesheet:
		$INDEX0 - COULEURS UTILISEES
		$INDEX1 - GENERAL
		$INDEX3 - MENU COMMON
		$INDEX5 - HEADER STANDARD REDUIT
		$INDEX6 - HEADER MOBILE
		$INDEX7 - MAIN CONTENT
		$INDEX8 - PORTFOLIO
		$INDEX9 - THE TEAM
		$INDEX10 - CONTACT
		$INDEX11 - MEDIA QUERIES : TABLETS
		$INDEX12 - MEDIA QUERIES : SMARTPHONES
		
******************************************************/	






/******************************************************

	$INDEX0 - COULEURS UTILISEES
	
******************************************************/	

/*

	#F6F6F6
	#b4bbc1
	#F0F0F0
	#rgba(30, 30, 30, 0.6)
	#222222

*/





/******************************************************

	$INDEX1 - GENERAL
	
******************************************************/	



body {
    color: #FFF;
}


header{
	background: #FFF;
	background-position:center 0px;
}
.header_home{
	/*background: #000000;*/
	/*background-image:url(../../../img/fond.png);*/
}
::selection{
	background: #b4bbc1;
}
::-moz-selection{
	background: #b4bbc1;
}
::-webkit-selection{
	background: #b4bbc1;
}

/*a{
	color: #F0F0F0;
}

a:hover {
	color: #cccccc;
}*/

h1{
	color: #FFFFFF;
	border-color: #808080;
}

h2 {
	color:#f9faf9;
}
h3, h4 {
	color:#000000;
}

hr{
	border-color: #808080;
}
.texte {
	color:#f9faf9;
}


/******************************************************

	$INDEX3 - MENU COMMON
	
******************************************************/	




nav a{
	color: #f9faf9;
}
nav a:hover{
	color: #b8b6ba;
}
/*nav a.current{
	color: #b8b6ba;
	border-bottom: 2px solid #b8b6ba;
}*/



/******************************************************

	$INDEX5 - HEADER STANDARD REDUIT
	
******************************************************/	



 
.headerstandard.headerstandard-shrink h1 {
	/*background: transparent url('images/icone.png') center left no-repeat;
	text-indent: 60px;*/
}




/******************************************************

	$INDEX6 - HEADER MOBILE
	
******************************************************/	





header.headermobile button {
	background: transparent url('images/nav-icon.png') center center no-repeat;
}

		
		
		
	
/******************************************************

	$INDEX7 - MAIN CONTENT
	
******************************************************/	


.section1-visible{ background: #FFFFFF; }
.section2-visible{ background: #FFFFFF; }
.section3-visible{ background: #FFFFFF; }
.section4-visible{ background: #FFFFFF; }
.section5-visible{ background: #FFFFFF; }


#main .home h1{
	background: transparent url('images/logo.png') center center no-repeat;
}


.quote{
	background: rgba(30, 30, 30, 0.6) url('images/quote.png') 15px 15px no-repeat;
	padding: 20px 20px 20px 80px;
}	

.scroll {
    background: url("images/scroll.png") no-repeat scroll center top transparent;
}
.scroll:hover{
	background: url("images/scroll.png") bottom center no-repeat;
}

.progress {
	background: #F0F0F0;
}

.progress .bar {
    background: #b4bbc1;
}

.scroll {
    background: url("images/scroll.png") no-repeat scroll center top transparent;
}

.scroll:hover{
	background: url("images/scroll.png") bottom center no-repeat;
}




/******************************************************

	$INDEX8 - PORTFOLIO
	
******************************************************/	




.grid figcaption {
	background: #b4bbc1;
	color: #F0F0F0;	
}

.grid figcaption a {
	background: #F0F0F0;
	color: #b4bbc1;
}

.grid figcaption h3 {
	color: #000;
}



/******************************************************

	$INDEX9 - THE TEAM
	
******************************************************/	


#team li{
	background: #FFFFFF;
}

#team li figcaption.contactme{
	background: #222222;
}


#team li figcaption.member{
	background: #222222;
}

#team li figcaption.contactme span:hover,
#team li:hover figcaption.contactme span:hover{
	background-color: #b4bbc1;
}

#team li figcaption.contactme span.facebook{
	background: url('images/facebook.png') center center no-repeat;
}
#team li figcaption.contactme span.twitter{
	background: url('images/twitter.png') center center no-repeat;
}



/******************************************************

	$INDEX10 - CONTACT
	
******************************************************/	





#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
    background:#000;
	box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #000;
	-webkit-box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #000;
	-moz-box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #000;
}
#contact-form button[type="submit"] {
    background:#b4bbc1;
    color:#F6F6F6;
}
#contact-form button[type="submit"]:hover {
    background:#F6F6F6;
    color:#b4bbc1;
}





/******************************************************

	$INDEX11 - MEDIA QUERIES : TABLETS
	
******************************************************/	




/* TABLETS */
@media screen and (max-width: 1020px ) {
     
  
		
	#main .home h1{
		background: transparent url('images/logo-medium.png') center center no-repeat;
	}
	

}





/******************************************************

	$INDEX12 - MEDIA QUERIES : SMARTPHONES
	
******************************************************/	






/* SMARTPHONES */
@media screen and (max-width: 767px ) {


		
	#main .home h1{
		background: transparent url('images/logo-small.png') center center no-repeat;
	}
	
	.scroll {
		background-image: url('images/scroll-small.png');
	} 
	.scroll:hover {
		background-image: url('images/scroll-small.png');
	}

	/*nav a.current{
	color: #9d9876;
	border-bottom: 0px solid #9d9876;
	}*/

}
@media screen and (max-width: 427px ) {

     
  	header{
	background: #FFF;
	background-position:center 0px;
}
}