/* CSS Document */


/*
=========================================================================
	Tiroirs
=========================================================================

*/

.toggle-container {
	display: none;
}
h2.trigger,
h3.trigger,
h4.trigger,
h5.trigger{
	margin: 0;
	min-height: 49px;
	padding: 0;
	margin-bottom: 6px;
	visibility: hidden;
	
}
.trigger > button {
	background-color: #f2f2f2;
	border: none;
	color:#074b98;
	cursor: pointer;
	display: block;
	font-family: "proxima-nova-bold", sans-serif;
	font-size: 16px;
	margin-bottom: 6px;
	padding: 15px 35px 15px 15px;
	position:relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
@media (min-width: 766px) {
	.trigger > button {
		padding: 15px 40px 16px 30px;
	}
}

/* Tiroir fermé (+) */
.trigger > button:after{
	position: absolute;
	width: 50px;
	height: 100%;
	max-height: 50px;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	right: 0;
	top: 0;
	background-image: url('/img/pictos/picto-plus.svg');
	background-size:40%;
}
@media (min-width: 1280px) {
	.trigger > button:after {
		transition: background-image 0.350s;
	}
}

/* Tiroir ouvert (-) */
.trigger.active > button:after {
	background-image: url('/img/pictos/picto-moins.svg');
}

/* Tiroirs pour question */
.trigger.question > button {
	font-size: 17px;
	text-transform: none!important;
}

/* Pictogrammes sur un tiroir */
.trigger[class*="picto-"]{position:relative;}
.trigger[class*="picto-"]:before {
	position: absolute;
	width: 8%;
	height: 50%;
	max-height: 30px;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	left: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (min-width: 766px) {
	.trigger[class*="picto-"]:before {
		left: 0;
		width: 8%;
		height: 80%;
	}
}
.trigger[class*="picto-"] > button {
	padding-left:8%;
	background-color: transparent;
}
.trigger[class*="picto-"]{
	background-color: #f2f2f2;
}
@media (min-width: 766px) {
	.trigger[class*="picto-"] > button {
		padding-left:55px;

	}
}
/*
  Contenu des tiroirs
*/
.toggle_container,
.toggle-container{
	margin: 0 8px 8px;
	overflow: hidden;
}
@media (min-width: 766px) {
	.toggle_container,
	.toggle-container{
		margin: 0 15px 15px 30px;
	}
}

.toggle-container > *:first-child:not(.col):not(.encadre),
.toggle_container > *:first-child:not(.col):not(.encadre) {
	padding-top: 8px;
}
@media (min-width: 766px) {
	.toggle-container > *:first-child:not(.col):not(.encadre),
	.toggle_container > *:first-child:not(.col):not(.encadre) {
		padding-top: 15px;
	}
}
/* Titres dans les tiroirs*/
.toggle_container>h2:first-child,
.toggle_container>h3:first-child,
.toggle_container>h4:first-child,
.toggle-container>h2:first-child,
.toggle-container>h3:first-child,
.toggle-container>h4:first-child {
	margin-top: 0px;
	padding-top: 8px;
}
@media (min-width: 766px) {
	.toggle_container>h2:first-child,
	.toggle_container>h3:first-child,
	.toggle_container>h4:first-child,
	.toggle-container>h2:first-child,
	.toggle-container>h3:first-child,
	.toggle-container>h4:first-child {
		margin-top: 0px;
		padding-top: 15px;
	}
}

/* Listes à puce dans les tiroirs*/
.toggle_container>ul:first-child, .toggle-container>ul:first-child {
	margin-top: 0;
}
/* Tableau das tes tiroirs*/
.toggle_container>table:first-child, .toggle-container>table:first-child {
	margin-top: 0;
}

/* Conteneur quand il y a un picto*/
@media (min-width: 766px) {
	h2.trigger[class*="picto-"] + div.toggle_container,
	h3.trigger[class*="picto-"] + div.toggle_container,
	h4.trigger[class*="picto-"] + div.toggle_container,
	h5.trigger[class*="picto-"] + div.toggle_container,
	h2.trigger[class*="picto-"] + div.toggle-container,
	h3.trigger[class*="picto-"] + div.toggle-container,
	h4.trigger[class*="picto-"] + div.toggle-container,
	h5.trigger[class*="picto-"] + div.toggle-container {
		padding-left:55px;
		margin-left: 0;
	}
}


/* Espace le texte après des tiroirs */
.toggle_container + p,.toggle_container + div,
.toggle_container + h3:not(.trigger),
.toggle_container + h4:not(.trigger),
.toggle_container + h5:not(.trigger),
.toggle_container + input,
.toggle-container + p,.toggle-container + div,
.toggle-container + h3:not(.trigger),
.toggle-container + h4:not(.trigger),
.toggle-container + h5:not(.trigger),
.toggle-container + input {
	margin-top:20px;
}


/* 
Tiroir de l'audio-description 
*/
.audio-description button {
	font-family: "proxima-nova-medium", sans-serif;
	max-width: 560px;
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom: 10px;
	text-transform: none;
	
}
.audio-description + .toggle-container {
	margin-left: 0;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 560px;
}
.audio-description + .toggle-container > * {
	font-size: 0.96em;
}
.audio-description + .toggle-container > *:first-child:not(.col) {
	padding-top: 8px;
}
@media (min-width: 766px) {
	.audio-description + .toggle-container > *:first-child:not(.col){
		padding-top: 8px;
	}
}
.audio-description + .toggle-container span {
	background-color: #767676;
	border-radius: 3px;
    color: white;
	margin-right: 2px;
	padding: 0 5px 1px 7px;
}