/* --------------------------------------------------------------- */
/*
/* Actualités
/*
/* --------------------------------------------------------------- */
#page {
	background-color : #F1F0EE;
}

#page h1{
	margin-left : 0;
}
#page h1.titre_recompenses:before{
	left : auto;
	right : -25px;
}


#actualites {
	background : url("../../img/vins/fond.jpg") no-repeat top center;
	padding    : 60px 0;
}

#actualites aside {
	position : sticky;
	top      : 0;
}

#actualites h1 {
	margin-bottom : 100px;
}

#actualites .bloc-actu .info-actu {
	margin : 0 15px;
}

#actualites .bloc-actu h2 {
	font-family   : "Quicksand";
	font-size     : 30px;
	font-weight   : 600;
	border-bottom : 2px solid #000000;
}

#actualites .bloc-actu p {
	font-family   : "Quicksand";
	font-size     : 13px;
	font-weight   : 600;
	margin-bottom : 5px;
}

#actualites .bloc-actu h3 {
	font-family   : "Quicksand";
	font-size     : 14px;
	font-weight   : 600;
	color         : #FF1350;
	margin-bottom : 20px;
}

#actualites .bloc-actu h3.date {
	font-size : 12px;
}

#actualites .bloc-actu .info-actu a.bouton {
	margin-top : 5px;
}

#actualites .bloc-actu .bloc-img {
	position   : relative;
	text-align : center;
}

#actualites .bloc-actu .bloc-img img {
	max-width : 100%;
}

#actualites .bloc-actu .bloc-img:before {
	content          : "";
	background-image : url("../../img//bande-titre.jpg");
	position         : absolute;
	width            : 5px;
	height           : 50px;
	top              : 0;
	left             : 0;
}


#actualites .bloc-actu hr {
	margin-top    : 1rem;
	margin-bottom : 1rem;
}

#actualites .bloc-actu .bloc-img img {
	max-width : 100%;
}


.container-recompenses .cards-recompense {
	width            : 100%;
	padding          : 30px 50px;
	background-color : var(--white);
	position         : relative;
	overflow         : hidden;
}

.container-recompenses .cards-recompense .bouteille {
	position        : relative;
	display         : flex;
	justify-content : center;
}

.container-recompenses .cards-recompense .bouteille img {
	/*transform: rotate(90deg);*/
	filter : drop-shadow(20px 0px 20px rgba(0, 0, 0, 0.54));
}

.container-recompenses ul.list-recompenses {
	list-style : none;
	padding    : 0px;
}

.container-recompenses ul.list-recompenses li {
	margin-bottom : 10px;
	padding-left  : 20px;
	position      : relative;
}

.container-recompenses ul.list-recompenses li:before {
	font-family : "Font Awesome 5 Free";
	content     : "\f054";
	font-weight : 600;
	color       : red;
	left        : 0px;
	position    : absolute;
	top         : 50%;
	transform   : translateY(-50%);
}

.container-recompenses ul.list-recompenses p {
	font-weight : 600;
}

.container-recompenses ul.list-recompenses li i {
	margin-right : 12px;
	font-size    : 12px;
}

.container-recompenses .cards-recompense:nth-of-type(even) .row {
	flex-direction : row-reverse;
}

.container-recompenses .cards-recompense:nth-of-type(odd) .row .col-lg-7 {
	text-align : right;
}

.container-recompenses .cards-recompense:nth-of-type(odd) .row .col-lg-7 ul.list-recompenses li{
	padding-left : 0;
	padding-right : 20px;
}
.container-recompenses .cards-recompense:nth-of-type(odd) .row .col-lg-7 ul.list-recompenses li:before {
	left      : auto;
	right     : 0;
	transform : translateY(-50%) rotate(180deg);
}

/* --------------------------------------------------------------- */
/*
/* PAGINATION
/*
/* --------------------------------------------------------------- */


.pagination {
	width           : 100%;
	display         : flex;
	justify-content : space-between;
	margin-top      : 20px;
}

.pagination a.first, a.last {
	display : none;

}

.pagination .container-page {
	display     : inline-flex;
	align-items : center;
}

.pagination span.current {
	width            : 23px;
	height           : 23px;
	border-radius    : 100%;
	display          : flex;
	align-items      : center;
	justify-content  : center;
	background-color : #FF1350;
	color            : #FFFFFF;
	font-size        : 11px;
}

.pagination a.page {
	color : #212121;
}

.pagination a.page, span.page {
	margin : 0px 10px;
}

.pagination i {
	color : #FF1350;
}

/* --------------------------------------------------------------- */
/*
/* Responsive
/*
/* --------------------------------------------------------------- */
@media screen and (max-width : 767px) {
	#actualite {
		background-size : 90%;
	}

	#actualites .bloc-actu .bloc-img {
		margin : 0 auto;
		width  : fit-content;
	}
}

@media screen and (max-width : 380px) {
	#actualites h1 {
		margin-left : 30px;
	}
}