/* CSS Document */

header {
	background-image:url("/pics/txt_repas_grenat.png"),url("/pics/traith_coline_grenat.png"),radial-gradient(100% 40% at 50% 40%, #EEC134 0%, #FF0077 100%);
	background-position:0 100px,right bottom, left top;
	background-repeat:no-repeat, no-repeat, no-repeat;
}
h1 span.span2 {margin-left:70px;}

.contenu {
	background-image:url("/pics/prive/fd_g.jpg"),url("/pics/prive/fd_d.jpg"), url("/pics/txt_repas_grenat.png");
	background-position:left top,right top,right bottom;
	background-repeat:no-repeat, no-repeat, no-repeat;
}

.rond {
	width: 200px;
	height:200px;
	background: linear-gradient(#FFFFFF, #EEC134);
	border-radius: 50%;
	display: flex;
	margin:auto;
}
.rond div {
	width: 176px;
	height:176px;
	background:#FF0077;
	margin: auto;
	border-radius: 50%;
	display: flex;
	padding: 0 22px;
}
.rond div p {
	display: block;
	margin: auto;
}

.rond.espace {
	width: 250px;
	height:250px;
	margin-top: -50px;
}
.rond.espace div {
	width: 246px;
	height:246px;
}

.rond.ecran div {
	width: 188px;
	height:188px;
}
.rond.terrasse div {
	width: 196px;
	height:196px;
}
.rond.parking div {
	width: 176px;
	height:176px;
}

@media (max-width:991.98px){
	h1 span.span2 {margin-left:0;}
}
@media (max-width:767.98px){
	header {background-position:0 130px,right bottom, left top;background-size: auto 90vw,70px auto, cover;}
	.contenu {background-image:url("/pics/prive/fd_g.jpg"), url("/pics/txt_repas_grenat.png"); background-position:0 500px,right bottom;background-size:auto auto, auto 50vh;}
	.rond.espace {margin-top: 0;}
}
@media (max-width:575.98px){
	.rond, .rond.espace {width: 200px;height:200px;margin: 6px auto;}
	.rond div, .rond.espace div, .rond.ecran div, .rond.terrasse div, .rond.parking div {width: 196px;height:196px;}
}