/******************************************************
	
	PASSARINHA Par Marie-Aude Jeandé : http://www.webdesignerparis.com
	One Page Responsive HTML Template
	
	Theme : book
	
	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
	#E46C51 FFF
	#F0F0F0
	#rgba(30, 30, 30, 0.6)
	#222222

*/





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

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



body {
    color: #F6F6F6;
}


header{
	background: #FFF;
	background-image: url(../img/bandeau.gif);
	background-repeat: repeat-x;
	background-position: top;
}

::selection{
	background: #FFF;
}
::-moz-selection{
	background: #FFF;
}
::-webkit-selection{
	background: #FFF;
}

a{
	color: #81817e;
}

a:hover {
	color: #000;
}

h1, h2, h3{
	color: #ff5378;
	border-color: #F6F6F6;
}

hr{
	border-color: #F6F6F6;
}



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

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




nav a{
	color: #ff5378;
}

nav a.current, nav a:hover{
	background: #ff5378;
	color: #FFF;
}



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

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



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




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

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





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

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

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


.section1-visible{ background: #e1e1d9; }
.section2-visible{ background: #6C4846; }
.section3-visible{ background: #703C3C; }
.section4-visible{ background: #704935; }
.section5-visible{ background: #5E3631; }


#main .home h1{
	
}


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

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

.progress {
	background: #F0F0F0;
}

.progress .bar {
    background: #ff5378;
}

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

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




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

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




.grid figcaption {
	background-color: #e46c51;
	color: #F0F0F0;	
}

.grid figcaption a {
	background: #F0F0F0;
	color: #e46c51;
}
.grid figcaption span a {
	background: #F0F0F0;
	color: #FF0000;
}
.grid figcaption h3 {
	color: #fff;
}



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

	$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: #FFFFFF;
}

#team li figcaption.contactme span.facebook{
	background: url('../img/facebook.png') center center no-repeat;
}
#team li figcaption.contactme span.twitter{
	background: url('../img/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:#FFF;
	box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #F6F6F6, 0 1px 0 #FFF;
}
#contact-form button[type="submit"] {
    background:#3ac0cb;
    color:#FFFFFF;
}
#contact-form button[type="submit"]:hover {
    background:#128c96;
    color:#FFF;
}

#contact-form input[type="submit"] {
    background:#3ac0cb;
    color:#FFFFFF;
}
#contact-form input[type="submit"]:hover {
    background:#128c96;
    color:#FFF;
}



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

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




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

}





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

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






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

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


}