body
{  font-family: "Source Sans Pro",sans-serif;
	font-weight: 400;
	color:black;
}
*
{	box-sizing:border-box;
}
*
{	margin:0;
	padding:0;
}
a
{	text-decoration:none;
	color:white;
	cursor:pointer;
}

/*En-tête*/
header
{	background-image:  url(./img/fond.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	height:100vh;
	color:white;
	padding:1px;
	
}
header > nav
{
	width:85%;
	height:100px;
	margin:50px auto 0px auto;
	border-bottom: 1px solid white;
}
header > nav > div
{
	height: 100%;
	display: inline-block;
	vertical-align: top;
}
header > nav div:first-child
{
	width: 25%;
}
header > nav > div:first-child > a
{
	display: block;
	margin-top: 50px;
	transform: translateY(-50%);
	font-size: 30px;
	font-weight: 400;
}
header > nav div:first-child a span
{
	display: block;
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	font-weight: 700;
	margin-left: 10%;
}
header > nav div:last-child
{
	width:75%;
	text-align: right;
}
header > nav div:last-child a
{
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	margin-left: 15px;
	text-transform: uppercase;
}
header > nav div:last-child a:hover
{
	color:#baa56f;
	border-bottom: 2px solid #baa56f;
}
.fantom
{
	height:100%;
	display: inline-block;
	vertical-align: middle;
}
#titre
{
	padding:25px;
	position:absolute;
	right:5%;
	top:50%;
	transform: translateY(-50%);
}
#titre h2
{
	font-size: 30px;
	margin:10px auto;
}
#titre p
{
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	font-weight: 700;
	margin: 10px auto;
}
#titre h3
{
	font-size: 20px;
	font-style: italic;
	margin-top: 40px;
}
/*Section des boules*/
#boules
{	position:relative;
	margin-top:25px;
	background: url(./img/deco3.png) no-repeat 30% 50% , url(./img/deco1.png) no-repeat bottom left, url(./img/deco2.png) no-repeat bottom right;
	height:100vh;
	z-index:0;
}
#boules figure
{	position:relative;
	
}
#boules figure img
{	width:100%;
	height:100%;
	border-radius:50%;
}
#boules #boule1
{	position:absolute;
	width:350px;
	height:350px;
	top:50%;
	left:10%;
}
#boules #boule2
{	position:absolute;
	width:450px;
	height:450px;
	top:20%;
	right:5%;
}
#boules #boule3
{	position:absolute;
	width:350px;
	height:350px;
	top:2%;
	right:40%;
}
#boules #boule4
{	position:absolute;
	width:350px;
	height:350px;
	bottom:0px;
	left:50%;
}
#boules #slogan
{	position:absolute;
	font-family: 'Playfair Display', serif;
	font-size:30px;
	top:5%;
	left:5%;
}
#boules #slogan  span
{	display:block;
	color:	#baa56f;
	
}
#boules figure > p
{	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	color:white;
	font-weight:bold;
	font-size:20px;
	
}

#boules figure figcaption >a
{	position:absolute;
	padding:30px;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	border-radius:50%;
	background:white;
	color:black;
	z-index:999;
	opacity:0;
	text-align:center;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	height:90%;
	width:90%;

	
}

#boules figcaption p
{	font-family: "Source Sans Pro",sans-serif;
	font-size:14px;
	line-height:1.5;
	color:black;
}
#boules figcaption h1
{	font-size:20px;
	color:	#baa56f;
	margin-bottom:10px
}
#boules figure figcaption  > a:hover
{	opacity:1;
}
figcaption a div
{	display :inline-block ;
	vertical-align :middle ;

}


/*Section actus */

/*Pied de page */
footer
{	background:#333333;
	text-align:center;
	color:white;
	height:100px;
	line-height:100px;
	margin-top:30px;
}