/*
.index

Applied to <code class="html-tag">ul</code>, <code class="html-tag">ol</code>
and <code class="html-tag">dl</code> elements to zero their default typographic
style. Child <code class="html-tag">li</code>s are blocks, but they are set up
to play nice as inline-blocks too.

Markup: <ul class="index">
  <li>One</li>
  <li>Two</li>
</ul>

Styleguide: 1.2
*/

.index {
	/* Remove default styling from list items. */
	list-style: none;
	margin: 0;
	padding: 0;
}

.index > li {
	display: block;

	/* Specifically remove default margin and padding from
	   list items in case some typography rules have added
	   these back in after the reset. */
	margin: 0;
	padding: 0;

	/* Make index items act as position parents. */
	position: relative;

	/* Prepare for inline-block layout. */
	vertical-align: top;
	overflow: visible;
}


/*
.inline-index

Markup: <ul class="inline-index index">
   <li><a class="button" href="#">One</a></li
  ><li><a class="button" href="#">Two</a></li
  ><li><a class="button" href="#">Three</a></li
  ><li><a class="button" href="#">Four</a></li>
</ul>

Styleguide: 1.2.inline-index
*/

.inline-index > li {
	display: inline-block;
}


.index-lined{
	list-style: none;
	width: 40%;
}


.index-lined>li{
	border-top: 1px solid rgba(191, 191, 191, 1);
	padding: 18px 0 18px 0;
}
.index-lined>:last-child{
	border-bottom: 1px solid rgba(191, 191, 191, 1);

}


/*
    index-list
*/



.index-list>li {
    display: block;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    padding: 0.75rem 0.75rem 0.75rem 0.75rem;
    text-align: left;
    line-height: inherit;
}


.index-list>li > * {
    color: inherit;
}

.index-list>li > .text-04 + p {
    margin-top: 0;
}

.index-list>li + li {
    margin-top: -1px;
}

.text-01 + .index-list {
    margin-top: 3.75rem;
}

.text-05 + .index-list {
    margin-top: 0.5rem;
}



/*
.index-list-big
*/

.index-list-big > li {
	display: block;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 0.75rem 0.75rem 0.75rem 0.75rem;
	text-align: left;
	line-height: inherit;
}

.index-list-big > li::before {
	content: none;
}

.index-list-big > li {
  	display: block;

  	/* IE support */
  	border-top: 1px solid rgba(0, 0, 0, 0.250980);
  	border-bottom: 1px solid rgba(0, 0, 0, 0.250980);

  	border-top: 1px solid var(--color-grey-4);
  	border-bottom: 1px solid var(--color-grey-4);
  	padding: 0.75rem 3.75rem 0.75rem 0.75rem;
  	text-align: left;
  	line-height: inherit;
}

.index-list-big > li > .text-04 + p {
  	margin-top: 0;
}

.index-list-big > li > p + p {
  	margin-top: 0.375rem;
}

.index-list-big > li > p + .buttons-flex {
	margin-top: 1rem;
}

.index-list-big > li {
  	padding-top: 1.25rem;
  	padding-bottom: 1.25rem;
}

.index-list-big > li p {
  	font-family: Merriweather, serif;
}


/*
.index-list-notopborder
*/

.index-list-notopborder > li:first-child {
	border-top: none;
}

.index-list-notopborder > li {
	padding: 0.75rem 3.75rem 0.75rem 0rem;
}
.index-list-notopborder > li.maladie-cancer {
	display:none;
}