/* Font face titre produit du mois*/
@font-face {
    font-family: "rockwell";
    src: url("<?= get_template_directory_uri(); ?>/fonts/rockwell.ttf") format("truetype");
}
/* font face titre */
@font-face {
    font-family: "Athelas";
    src: url("<?= get_template_directory_uri(); ?>/fonts/Athelas-Regular.ttf") format("truetype");
}
/* font face texte */
@font-face {
    font-family: "AvenirLTStd";
    src: url("<?= get_template_directory_uri(); ?>/fonts/AvenirLTStd-Book.otf") format("truetype");
}

h1, h2, h3, h4, h5, h6{
	font-family:'Athelas';
}
html, body{
	font-family: 'AvenirLTStd';
}
/************************** Sous header **************************/
	.title-container{
		width: 100%;
		height: 100px;
		background: #cec2b2;
		padding-left: 60px;
		padding-top: 20px;
		border-bottom: 20px solid #413b38;
	}
	.title-container h1{
		color: #423c38;
		text-align: center;
}
/************************** IMAGE AVANT ET APRES TITRE DE SECTION **************************/
.before-img{
	width: 50px;
	height: auto;
	background-size: cover;
	margin-right: 50px;
}
.after-img{
	width: 50px;
	height: auto;
	background-size: cover;
	margin-left: 50px;
}


/************************** IMG HEADER **************************/
#section1{
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
	text-align: center;
	background: #423c38;
	border-bottom: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
}

#section1 img{
	width: 100%;
	height: auto;
	margin-top: -600px;
	background-size: cover;
	text-align: center;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);	
}
#section1 h2{
	position: absolute;
	width: 100%;
	height: auto;
	left:0;
	bottom:0;
	margin: 0;
	padding: 30px 60px;
	background: #423c38;
	color: #cec2b2;
}


/************************** TEAM ******************************/
#section2{
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	text-align: center;
	background: #cec2b2;
	padding-top: 30px;
	/*padding-bottom: 30px;*/
}
.team-player{
	position: relative;
	flex:1;	
	width: 100%;
	text-align: center;
	
	overflow: hidden;
}


.team-circle{
	width: 50%;
	height: 300px;
	margin: 0 0%;
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

.team-player p{
	width: 100%;
	height: auto;
	padding: 25px;
	background: #423c38;
	color: #cec2b2;
}


/************************** atelier presentation 1 ******************************/
#section3{
	position: relative;
	display: flex;
	height: 600px;
}

#section3 .square{
	flex:1;
}
#section3 .square-text{
	background: #000;
}
#section3 .text{
	width: 50%;
	color: #cec2b2;
	position: absolute;
	padding: 30px;
	bottom: 0;right: 0;
}
/************************** atelier presentation 2 ******************************/
#section4{
	position: relative;
	display: flex;
	height: 600px;
}

#section4 .square{
	flex:1;
}
#section4 .square-text{
	background: #cec2b2;
}
#section4 .text{
	width: 50%;
	color: #FFFFFF;
	position: absolute;
	padding: 30px;
	bottom: 0;left: 0;
}


/************************** atelier Création ******************************/

#section5{
	position: relative;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: #423c38;
	color: #cec2b2;
}
#section5 h3{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 60px;
}
#section5 p{
	width: 100%;
	height: auto;
	text-align: left;
	padding: 0 60px;
}

#section5-img{
	display: flex;
	width: 100%;
	height: auto;
	padding: 30px 0;
}
.section5-img-item{
	flex:1;
	text-align: center;
	overflow: hidden;
}
.section5-img-item img{
	width: 75%;
	height: 240px;
	background-size: cover;
	margin: 0 auto;
}



/************************ SECTION 5 - NOUS TROUVER *************************** */
.section6 .title{
	text-align: center;
	padding: 25px 0px;
	border-bottom: 5px solid #FFFFFF;
	background: #413b38;
	margin-bottom: 0px!important;
}
#postal-container{
	background: #cec2b2;
	width: 100%;
	height: auto;
	padding: 50px;
}
/*#postal-bg{
	background: url('http://buhard-antiquites.com/wp-content/themes/buhard-antiquites/img/postcard.png')no-repeat;
}*/
#postal-bg h3{
	text-align: center;
	margin-top: 30px;
	color: #413B38;
}