/*╶──────────────────────────────────────╮
╷   Accordéon / onglets                  ╵
╰──────────────────────────────────────╴*/

/* Étapes désactivées */

body.accordion-cond .accordion-cond {
	display: none;
}

/* Onglets en version PC */

.accordion-tabs {
	overflow: auto;
	border-bottom: 1px solid #ddd;
}
.accordion-tabs:focus {
	outline: 0 none;
}
.accordion-tab {
	border: 1px solid #ccc;
	border-radius: 2px 2px 0 0;
	border-bottom: 0 none;
	line-height: 35px;
	padding: 0 15px;
	margin-right: 5px;
	float: left;
}
.accordion-tab:active,
.accordion-tab:focus,
.accordion-tab:hover,
.accordion-tab.selected {
	border-color: #000;
	background-color: #000;
	color: white;
}
.accordion-tab.selected {
	cursor: default;
}

/* Titres en version mobile */

.accordion-title {
	margin-top: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
}
.accordion-title.selected,
.rd-hover .accordion-title:active,
.rd-hover .accordion-title:focus,
.rd-hover .accordion-title:hover {
	background-color: #000;
	border-color: #000;
	color: white;
	outline: 0;
}
.accordion-title .x {
	display: block;
	line-height: 18px;
	padding: 10px 0 10px 33px;
	font-size: 18px;
}

/* Flèches en version mobile */

.accordion-one,
.accordion-two,
.accordion-three {
	float: left;
	height: 13px;
	vertical-align: middle;
	padding: 16px 0 0 10px;
}
.rd-hover .accordion-title:focus .accordion-one,
.rd-hover .accordion-title:hover .accordion-one,
.accordion-title.selected .accordion-one,
.accordion-two,
.rd-hover .accordion-title.selected:focus .accordion-two,
.rd-hover .accordion-title.selected:hover .accordion-two,
.accordion-three {
	display: none;
}
.accordion-one,
.rd-hover .accordion-title:focus .accordion-two,
.rd-hover .accordion-title:hover .accordion-two,
.accordion-title.selected .accordion-three,
.rd-hover .accordion-title.selected:focus .accordion-three,
.rd-hover .accordion-title.selected:hover .accordion-three {
	display: inline;
}

/* Contenu */

.accordion-content {
	border: 1px solid #ddd;
	border-top: 0 none;
	padding: 20px;
}

/*eof*/