/*-- Bouton d'adhésion feu d'artifice --*/
#firework-btn-contain {
	width: 100%;
	text-align: center;
}

#contain .nav-current {
	display: none !important;
}

#firework-btn {
	background-color: #273372;
	border-radius: 5px;
	box-shadow: 6px 6px 7px rgba(0, 0, 0, 0.15);
	border: none;
	color: white;
	cursor: pointer;
	padding: 1rem 2rem;
	transition: transform 0.1s linear, box-shadow 0.1s linear;
	z-index: 10;
}

#firework-btn:active {
	transform: translateY(8px);
	box-shadow: 0 0 0 rebeccapurple;
}

#firework-btn:focus {
	outline: none;
}

.particle {
	--x: 0;
	--y: 0;
	background-color: rebeccapurple;
	border-radius: 50%;
	position: absolute;
	//	top: 50%;
	left: 50%;
	height: 5px;
	width: 5px;
	z-index: -1;
}

.particle.move {
	animation: move 10ms linear forwards;
}

@keyframes move {
	to {
		transform: translate(var(--x), var(--y));
	}

	95% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*---- Boutons partage --*/

#social-share-section {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

#social-share-section p {
	display: inline-block;
	border-top: 1px solid;
	padding-top: 10px;
}

ul#social-buttons {
	list-style: none !important;
	padding: 0 !important;
}

ul#social-buttons li {
	display: inline-block !important;
}

ul#social-buttons li a img {
	height: 2rem !important;
}

#social-join-section {
	font-weight: bolder;
	margin-left: 84px;
	margin-top: 40px;
}

/*---- Paged form ----*/
#form-adhesion {
	margin: auto;
	margin-top: 40px;
	width: 100%;
	min-width: 300px;
	box-sizing: content-box;
}

#form-adhesion .form-radio-scale {
	display: inline-block;
	margin: 20px;
	transform: translateY(-50%);
}

#form-adhesion .form-scale-tips {
	display: inline-block;
	width: 60px;
	font-size: 1.3rem;
}

#form-adhesion input {
	padding: 10px;
	font-size: 17px;
	font-family: Raleway;
	border: 1px solid #aaaaaa;
}

#form-adhesion .help-block {
	font-size: 1.3rem;
	margin-bottom: 30px;
}

#form-adhesion p.form-input-instructions {
	border-left: 10px solid #e10918;
	padding-left: 20px;
	margin-bottom: 30px;
	font-size: 1.3rem;
	color: #e00917;
}

#form-adhesion input + p.form-input-instructions {
	display: none;
}

#form-adhesion input:not(:placeholder-shown):invalid + p.form-input-instructions {
	margin-top: 30px;
	display: block;
}


#form-adhesion input.form-control[type="text"]:not(:placeholder-shown):invalid {
	border: 1px solid #e10918 !important;
	color: #e10918;
}

#form-adhesion input[data-validity="invalid"]:invalid {
	background-color: #e00917;
	color: white !important;
}

#form-adhesion input[type="checkbox"][data-validity="invalid"]:invalid {
	filter: brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(7472%) hue-rotate(3deg) brightness(100%) contrast(113%);
}

#form-adhesion input[type="radio"][data-validity="invalid"]:invalid {
	filter: brightness(0) saturate(100%) invert(11%) sepia(96%) saturate(7472%) hue-rotate(3deg) brightness(100%) contrast(113%);
}

#form-adhesion fieldset + fieldset {
	margin-top: 30px;
}

#form-adhesion fieldset {
	border: 0.1px solid rgba(0, 0, 0, 0.2);
	border-left: 10px solid #273272;
	padding: 30px;
}

#form-adhesion fieldset > legend {
	padding-left: 10px;
	padding-right: 20px;
	font-size: large;
}

#form-adhesion fieldset div + div {
	margin-top: 30px;
}

#form-adhesion label.form-gathered-fields {
	display: block;
	margin-bottom: 10px;
}

#form-adhesion button {
	background-color: #273272;
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	font-size: 17px;
	font-family: Raleway;
	cursor: pointer;
}

#form-adhesion button:hover {
	opacity: 0.8;
}

#form-adhesion .checkbox + .checkbox {
	margin-top: 30px;
}

/* Hide all steps by default: */
#form-adhesion .form-tab {
	display: none;
}

#form-tab-nav {
	margin-top: 30px;
}

#form-tab-nav span {
	float: right;
}

#form-adhesion #prevBtn {
	background-color: #e10918;
}

#form-adhesion .step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #e10918;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}

#form-adhesion .step.active {
	opacity: 1;
	background-color: #273272;
}

#form-adhesion .step.finish {
	background-color: #273272;
}

#form-adhesion .form-tab-title {
	padding: 0px;
	border: none;
	margin: 0px !important;
}

#form-adhesion--end-message-container {
	display: none;
}

/*-- Carrousel --*/

		 .featured-slides {
				 margin: 0;
				 width: 100vw;
				 min-height: 400px;
				 height: 30%;
				 position: relative;
				 perspective: 100px;
		 }

		 .featured-slides * {
				 box-sizing: border-box;
				 scrollbar-color: transparent transparent;
				 scrollbar-width: 0px;
				 -ms-overflow-style: none;
		 }

		 .featured-slides *::-webkit-scrollbar {
				 width: 0;
		 }

		 .featured-slides *::-webkit-scrollbar-track {
				 background: transparent;
		 }

		 .featured-slides *::-webkit-scrollbar-thumb {
				 background: transparent;
				 border: none;
		 }

		 .featured-slides a {
				 text-decoration: none;
				 color: white;
		 }

		 .featured-slides ol,
		 .featured-slides li {
				 list-style: none;
				 margin: 0;
				 padding: 0;
		 }

		 .featured-slides__viewport {
				 width: 100%;
				 position: absolute;
				 top: 0;
				 right: 0;
				 bottom: 0;
				 left: 0;
				 display: flex;
				 overflow-x: scroll;
				 overflow-y: clip;
				 counter-reset: item;
				 scroll-behavior: smooth;
				 scroll-snap-type: x mandatory;
		 }

		 .featured-slides__slide {
				 position: relative;
				 flex: 0 0 100%;
				 width: 100%;
				 background-color: #273372;
				 background-size: cover;
				 counter-increment: item;
				 scroll-snap-align: center;
		 }

		 .featured-slides__snapper {
				 position: absolute;
				 top: 0;
				 left: 0;
				 width: 100%;
				 height: 100%;
		 }

		 .featured-slides__slide::before {
				 content: "";
				 position: absolute;
				 bottom: 0;
				 left: 0;
				 width: 100%;
				 height: 100%;
				 background: inherit;
				 -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1));
				 mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1));
				 -webkit-filter: blur(12px);
				 filter: blur(12px);
				 transform: scale(1);
		 }

		 .article-preview {
				 text-align: right;
				 position: absolute;
				 padding: 10px;
				 bottom: 0;
				 right: 0;
				 margin: 20px;
				 text-decoration: none;
				 background-color: rgba(0, 0, 0, .3);
		 }
featured-slides__slide {
	color: white !important;
}
.article-preview__header h2 {
	color: white !important;
}

/*---- Modifications du style original ----*/
@media print {
	#social-share-section {
		display: none !important;
	}

	.gh-article-footer {
		display: none !important;
	}

	.gh-foot {
		display: none !important;
	}
}

body {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none; /* For Safari/Chrome */
	user-drag: none;
	pointer-events: auto;
}

img {
    user-drag: none;
    -webkit-user-drag: none;
}

::selection {
    color: white;
    background: #E10A18;
}

.gh-article h3 {
	-webkit-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.gh-article p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	text-align: justify;
	-webkit-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

.gh-cta-actions .gh-btn {
	margin-top: 20px;
}

.gh-cta h2 {
	font-size: 3.5rem;
}

.gh-cta h4 {
	font-size: 2rem;
}


.gh-cta-btn-appearance {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	text-decoration: none !important;
	color: white !important;
}

.gh-card-link.content-list {
	background-repeat: no-repeat;
	padding-right: 45%;
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0)0%, rgba(255, 255, 255, 1) 50%), var(--card-bg);
	background-position-y: center;
	background-position-x: right;
	background-size: auto 125%;
}

.title-and-subtitle {
	width: 100%;
	margin-left : 1%;
}

.few-articles {
	padding: 1% !important;
}

@media (max-width:950px) {
	.gh-card-link.content-list {
		padding-right: 40% !important;
		background-image: linear-gradient(to left, rgba(255, 255, 255, 0)0%, rgba(255, 255, 255, 1) 70%), var(--card-bg) !important;
		background-size: auto 100% !important;
	}
}