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

/*

	#d2b797 Corps de texte
	#683280 Titres/boutons à cliquer
	#EFEAE4 Fond/ couleurs de caractères si fond foncé

*/





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

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



body {
    color: #3c3245;
	background-color:#f3e6e3;
}


header{
	/*background: #7b848f;*/
	/*background-image:url(../../../img/fond.png);*/
}

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

a{
	color: #3c3245;
}

a:hover {
	color: #d2beb2;
}

.lienh2 {
	color: #d2b797;
}

.lienh2:hover {
	color: #EFEAE4;
}
.lienviolet {
	color: #2a5e46;
}

.lienviolet:hover {
	color: #5a7d6e;
}
.lienbleu {
	color: #3c3245;
}

.lienbleu:hover {
	color: #2a5e46;
}

h1, h2, h3{
	color: #f3e6e3;
	border-color: #d2beb2;
}

hr{
	border-color: #d2beb2;
}



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

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




nav a{
	color: #f3e6e3;
}

/*nav a.current, */nav a:hover{
	color: #d2beb2;
}



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

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

.headerstandard.headerstandard-shrink {
	/*background-image:url(../../../img/fond.png);*/
	background-color:#f3e6e3;
}

 
.headerstandard.headerstandard-shrink h1 {
	text-indent: 60px;
}

.headerstandard.headerstandard-shrink nav.menustandard a {
	color:#3c3245;
}
.headerstandard.headerstandard-shrink nav.menustandard a:hover{
	color:#d2beb2;
}



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

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


header.headermobile {
	background-color:#f3e6e3;
}
header.headermobile a{
	color: #3c3245;
}
header.headermobile a:hover{
	color: #d2beb2;
}

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

}

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

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


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


#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{
}



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

	$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{
	}
	

}





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

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






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

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


}