.bloc-l { padding:0px 85px 40px; }

/*#region Le bandeau titre*/

	body #contenu .bloc-h > .titre { background:#edecec url(/img/mentions/titre.png) no-repeat center bottom; }
		body #contenu .bloc-h > .titre .bloc-l {}

/*#endregion Le bandeau titre*/

/*#region FAQ*/

/*#region Commun*/

	/*Le conteneur du bloc de texte*/
	#contenu #faq {
		font-size:1.125rem; font-family:lato; font-weight:normal; color:#354555; line-height:120%;
		text-align:left;
		margin:220px auto 0px; padding:100px 40px 40px 100px;
		min-height:300px;
	}

		/*L'intro*/
		#faq > p {
			position: relative; display: block;
			margin:0px; padding:0px;
			text-align: left;
		}
		/*Les QR*/
		#faq .blocFaq {
			position: relative; display: block;
			margin: 20px auto 0px auto;
			max-width: 100%;
			padding: 0 0 0 0; padding-left:11px;
			text-align: left;
			font-size: 1rem;
			border-left:6px solid #b9bbbd;
		}

	#faq, #faq > *, #faq .blocFaq .barre { transition:0.2s ease-in; }

/*#endregion Commun*/

	/*#region THEME */

		#faq a.T {
			position: relative; display: block;
			margin:20px 0px 7px 0px;
			padding: 0px; padding-left: 1.5rem;
			width: 100%; max-width: none;
			font-family: latolight; font-size:1.75rem; color: #195d9f; line-height:105%;
			word-wrap: break-word;
		}

			#faq a.T::before {
				position: absolute;
				left: 0; top: -1px;
				content: ">";
				color: #2668a2;
				font-family: lato; font-weight:900;
				font-size: 2.125rem;
			}

			#faq a.T.ouvert::before {
				content: ">";
				left: 3px;
				transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);
			}

		#faq a.T + div {
			position: relative; display: none;
			margin:0px;
			padding:0px 0px 0px; padding-left: 1.25rem;
			width: 100%; max-width: none;
			word-wrap: break-word;
		}

			#faq a.T + div.ouvert { margin-bottom: 10px; }


	/*#endregion */

		/*#region SOUS-THEME */

			#faq a.ST {
				position: relative; display: block;
				margin: 0px 0px 0px 6px;
				padding: 10px 0px 0px; padding-left: 1.5rem;
				width: 100%; max-width: none;
				font-family:lato; font-size:1.5rem; color:#29a1c0; line-height:100%;
				word-wrap: break-word;
			}

				#faq a.ST::before {
					position: absolute;
					left: -3px; top:9px;
					content: ">";
					color: #29a1b9; font-family: lato; font-weight:900; font-size: 1.875rem;
				}

				#faq a.ST.ouvert::before {
					content: ">";
					left: 0px;
					transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);
				}

			#faq a.ST + div {
				position: relative; display: none;
				margin: 0px;
				padding:10px 0px 15px 30px;
				width: 100%; max-width: none;
				word-wrap: break-word;
			}

				#faq a.ST + div.ouvert { margin-bottom: 10px; }


			/*#region SOUS-THEME RACINE */

				#faq a.ST.racine { display: none; }

					#faq a.ST.racine::before { display: none; }

				#faq a.ST.racine + div { display: block; padding-left: 0px; }


			/*#endregion */

		/*#endregion */

			/*#region QUESTION */


				#faq a.Q {
					position: relative; display: block;
					margin: 7px 0px;
					padding:0px; padding-left:1rem;
					width:100%; max-width:none;
					font-family:lato; font-size:1.125rem; color:#354555;
					word-wrap: break-word;
				}

					#faq a.Q::before {
						position: absolute;
						left: 0; top: 0px;
						content: "-";
						color:#6e7175; font-family: lato; font-weight:900; font-size: 1.5rem;
					}

			/*#endregion */

				/*#region REPONSE */

					#faq a.Q + div {
						position: relative; display: none;
						margin: 7px 0px 10px 1rem;
						padding: 10px;
						width: calc(100% - 1rem); max-width: none;
						background-color: #edecec;
						font-family: lato; font-size:1.125rem; color:#354555;
						word-wrap: break-word;
					}

						#faq a.Q + div > ul { margin:0px; padding:5px 0px 0px 30px; }
							#faq a.Q + div > ul > li { position:relative; margin:0px; padding:5px; font-family: lato; font-size:1.125rem; color:#354555; }
							#faq a.Q + div > ul > li::before { position:absolute; content:"•"; color:#185c9e; left:-10px; }

				/*#endregion */

/*#endregion FAQ*/
 

/*#region RESPONSIVE */

@media all and (max-width: 1200px) {

	#global .bloc-h { padding-left:0px; padding-right:0px; }

	/*#region Le bandeau titre*/

		body #contenu .bloc-h > .titre { 
			display:table; 
			background-position:calc(50% - 200px) center;
		}

			body #contenu .bloc-h > .titre .bloc-l {
				display:table-cell;
				padding:20px 20px 20px calc(50% - 135px);
				vertical-align:middle;
			}

	/*#endregion Le bandeau titre*/

}

@media all and (max-width: 930px) {

	/*#region Le bandeau titre*/

		body #contenu .bloc-h > .titre { top:0px; position:relative; }

			body #contenu .bloc-h > .titre .bloc-l { padding-left:33%; }

	/*#endregion Le bandeau titre*/

	/*#region FAQ*/

		/*Le conteneur du bloc de texte*/
		#contenu #faq { margin-top:0px; }

	/*#endregion FAQ*/

}

@media all and (max-width: 639px) {
	
	#global .bloc-h,
	#global.pg-faq .bloc-h {
		padding-left: 0px;
		padding-right: 0px;
	}

	.bloc-l { }

	/*#region Le bandeau titre*/

	body #contenu .bloc-h > .titre {
		background-image:url(/img/mentions/titre-320.png);
		background-position:left bottom;
		background-size:169px 45px;
	}
		body #contenu .bloc-h > .titre .bloc-l {
			padding:10px 20px 81px 20px;
			text-align:center;
			background-size:contain;
			vertical-align: bottom;
		}

	/*#endregion Le bandeau titre*/

	/*#region FAQ*/

		/*Le conteneur du bloc de texte*/
		#contenu #faq {
			padding-top:40px;
			padding-left:10px;
			padding-right:10px;
		}

			#faq .blocFaq {
				position: relative;
				padding-left: 0px;
				border: 0px none transparent;
			}

			#faq a.Q + div > ul {
				padding-left: 1em;
			}
	/*#endregion FAQ*/
 
}

/*#endregion RESPONSIVE */