/* >–––––––––––––––––––––––––––––––––––––– PASTILLES –––––––––< */

	section.group .pastille
	{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		width: 6rem;
		height: 4rem;
		border-radius: 1.2rem;
		background-color: #1055BD;
		cursor: pointer;
	}
	section.group .pastille::before { display: none; }
		section.group .pastille div
		{
			position: relative;
			font-family: "Proxima Nova W01 Bold", sans-serif;
			font-size: 2.5rem;
			line-height: 2rem;
			color: #000000;
			text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
		}

		section.group .pastille
		{
			right: 100%;
			margin-right: 1rem;
		}
		section.question .pastille
		{
			top: 1rem;
			right: -2rem;
		}


/* >–––––––––––––––––––––––––––––––––––––– QUESTIONS & ANSWERS –––––––––< */

	section.groupbox
	{
		text-align: center;
	}
	section.group
	{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
		max-width: 90rem;
		text-align: left;
	}

	section.question > section
	{
		margin-bottom: 1rem;
		box-sizing: border-box;
		position: relative;
		border-radius: 1.5rem;
		background-color: #f9f9f9;
		transition: all 1s ease;
	}
	section.question > section:hover
	{
		background-color: #ff0;
	}

		section.question #iToggle + h3 + div
		{
			height: 0;
			overflow: hidden;
			transition: height 0.3s ease-in-out;
		}
		section.question #iToggle div::after
		{
			content: '+';
			color: #ff0;
		}

		section.question #iToggle.active + h3 + div
		{
			/*height: auto;*/
		}
		section.question #iToggle.active div::after
		{
			content: '-';
		}


		section.question h3
		{
			margin-bottom: 2rem;
			box-sizing: border-box;
			padding: 2rem 4rem 0 2rem;
			padding-right: 4rem;
	        font-family: "HelveticaNeueETW01-55Rg", sans-serif;
	        font-size: 1.7rem;
	        line-height: 2.5rem;
	        color: #1055BD;
		}

		section.main section.question #iToggle + h3 + div 
		{
			box-sizing: border-box;
			padding: 0 2rem;
			background-color: #fff;
		}

		section.main section.question p,
		section.main section.question ul
		{
			font-family: "HelveticaNeueETW01-45Lt", sans-serif;
			line-height: 3rem;
			color: #000000;
		}
		section.main section.question p:last-child,
		section.main section.question ul:last-child
		{
			margin-bottom: 2rem;
		}





/* >–––––––––––––––––––––––––––––––––––––– RESPONSIVE ––––––––––––––––––––––– RESPONSIVE ––––––––––––––––––––––– */

@media all and (max-width: 800px) 
{
	section.question .pastille { right: -1rem; }

	section.question h3 { padding-right: 6.4rem; }
	section.main section.question p,
	section.main section.question ul { font-size: 1.6rem; }
}