/* 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;
	background-repeat:no-repeat, no-repeat, no-repeat;
}
.owl-carousel.owl-theme .item::nth-child(1) {width:280px;}
.owl-carousel.owl-theme .item::nth-child(2) {width:700px;}
.owl-carousel.owl-theme .item::nth-child(3) {width:300px;}
.owl-carousel.owl-theme .item::nth-child(4) {width:480px;}
.owl-carousel.owl-theme .item::nth-child(5) {width:320px;}
.owl-carousel.owl-theme .item::nth-child(6) {width:650px;}
.owl-carousel.owl-theme .item::nth-child(7) {width:240px;}
.owl-carousel.owl-theme .item::nth-child(8) {width:400px;}
.owl-carousel.owl-theme .item::nth-child(9) {width:240px;}
.owl-carousel.owl-theme .item::nth-child(10) {width:700px;}
.owl-carousel.owl-theme .item::nth-child(11) {width:240px;}

.pente {
	position:absolute;
	left:0;
	top: 130px;
}
.txt {
	position:absolute;
	right:0;
	bottom:0;
	transform: translateY(34%);
}
.rond1::before, .rond2::before {
	display: block;
	content: "";
	width: 300px;
	height: 300px;
	border-radius: 150px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 0;
}

.rond1::before {background: linear-gradient(270deg, #FF0077 0%, #EEC134 100%);}
.rond2::before {background: linear-gradient(180deg, #FF0077 0%, #EEC134 100%);}
.rond1 h2, .rond2 h2 {
	font-size:40px;
	position: relative;
}
.rond1 span, .rond2 span {display: block;}

#span11 {margin-right: 120px;}
#span12 {margin-left: 40px;}
#span13 {margin-right: 110px;}
#span15 {margin-left: 130px;}
#span21 {margin-right: 110px;}
#span22 {margin-right: 110px;}
#span23 {}
#span24 {margin-left: 130px;}

@media (max-width:991.98px){
	.h340 {min-height: 340px;}
}
@media (max-width:767.98px){
	header {background-position:0 130px,right bottom, left top;background-size:auto 90vw, 70px auto, cover;}
	.owl-carousel.owl-theme .item {width:100vw !important;display:flex;}
	.owl-carousel.owl-theme .item img {max-width:94vw;width:auto;height:auto; margin: auto;}
	.rond1 h2, .rond2 h2 {font-size:26px;}
	.txt {width:17px;height:auto;}
	.rond1::before, .rond2::before {width: 180px;height: 180px;}
	.pente {width:80px; height: auto;}
}
@media (max-width:575.98px){
	.h340 {min-height: 200px;}
	#span11, #span12, #span13, #span15, #span21, #span22, #span23, #span24 {margin-left:0; margin-right:0;}
}