/**********************************/
/*
 Auteur : Julien Bovagnet <julienbovagnet@gmail.com> 
 Version : 1.0 
 Date de création : 01/05/2020 
 Date de dernière modification : 01/12/2021 
*/
/**********************************/

/* 

INDEX
 - ALL : toutes les pages
 - FOOTER : footer
 - NAV : menu de navigation header et footer
 - PAGE HOME : page home uniquement
 - PAGE CONTACT : page contact uniquement

*/

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

/* ALL */


body {
	font-family: 'PT Sans';
}

h1,h2,h3,nav,footer {
	font-family: 'Playfair Display';
}

img {
	max-width:100%;
}

.triangleTitle {
	color:white;
	height:50px;
	padding:10px;
	vertical-align: top;
	margin:0px;
	box-sizing: border-box;
}

.colorGrey {
	color:#968F7F;
}
.bgGrey {
	background-color: #968F7F;
}

.fbInsta {
	position:fixed;
	top:20px;
	right:20px;
	z-index: 1000;
}
.fbInstaBtn {
	border-radius:90px!important;
	width:30px;
}

.triangle {
	margin-left:-5px;
}

.imgCadre {
	background-position: cover;
	background-repeat: no-repeat;
}

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

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

/* FOOTER */

footer {
	background-color: #4A422D;
}

#footMenu>a {
	padding:20px;
	color:white;
}

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

/* NAV */

nav>a {
	padding:2%;
	color:white;
}

.menuSelect {
	border-bottom:2px solid white;
	font-style: italic;
}

.logo {
	margin-top:-10%;
}
.logo>img {
	width:20%;
}
.logoAll {
	margin-bottom:30px;
}

header>div {
	height:150px;
}

@media screen and (max-width: 1170px) {
	.logoAll {
		display:none;
	}
	.logo {
		margin-top:10px;
	}
	.logo>img {
		width:50%;
	}

	nav {
		margin-top: 20%;
	}

	nav>a {
		padding:5px;
		color:white;
		display: block;
	}

	.menuSelect {
		border-bottom:2px solid white;
		font-style: italic;
	}
	header>div {
		height:auto;
	}
}



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

/* PAGE HOME */


.homeHeader {
	background-image: url(../images/1-Home/SiteManatphotoaccueil.jpg);
	background-size: cover;
	height:300px!important;
	position:static;
}

@media screen and (max-width: 700px) {
	.homeHeader {
		
	}
}


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

/* PAGE CONTACT */

.picto {
	border: 1px solid lightgrey;
	padding:20px;
	width:30px;
	height:30px;
	margin-right:20px;
}

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

}