/* TÉMOIGNAGES
-------------------------------------------------------------------------------------------------------------------------------- */
.temoignage-els {
	padding: 20px 0;
	border-bottom:#c5c5c5 1px solid;
}
.temoignage-els .temoignage-content {
	padding: 0 10%;
	position: relative;
}
.temoignage-content::before,
.temoignage-content::after {
	display: block;
	content: "";
	width: 5%;
	padding-top: 5%;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.temoignage-content::before {
	left: 0; top: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40' fill='%233d746b'%3E%3Cpath d='M17,18.2c-0.6,0.9-1.2,1.6-1.9,2.2c-0.7,0.6-1.3,1.1-1.9,1.6c-0.6,0.5-0.9,1.1-0.9,1.9c0,0.9,0.4,2.1,1.4,3.5 c0.9,1.4,2.2,3,3.8,4.6l-1.7,1.7c-2.1-1.4-4-2.9-5.7-4.5c-1.7-1.6-3.1-3.3-4.2-4.9c-1.2-1.7-2.1-3.3-2.7-5 c-0.6-1.6-0.9-3.2-0.9-4.6c0-1.2,0.2-2.3,0.6-3.2c0.4-1,0.9-1.8,1.7-2.5c0.7-0.7,1.6-1.2,2.5-1.6c1-0.4,2-0.6,3.2-0.6 c1.1,0,2.1,0.2,3.1,0.6c0.9,0.4,1.7,0.9,2.4,1.6c0.7,0.7,1.2,1.5,1.6,2.5c0.4,1,0.6,2,0.6,3.2C17.9,16.1,17.6,17.3,17,18.2z'/%3E%3Cpath d='M38.1,18.2c-0.6,0.9-1.2,1.6-1.9,2.2C35.6,21,35,21.5,34.4,22c-0.6,0.5-0.9,1.1-0.9,1.9c0,0.9,0.4,2.1,1.4,3.5 c0.9,1.4,2.2,3,3.7,4.6l-1.7,1.7c-2.1-1.4-4-2.9-5.7-4.5c-1.7-1.6-3.1-3.3-4.2-4.9c-1.2-1.7-2.1-3.3-2.7-5 c-0.6-1.6-0.9-3.2-0.9-4.6c0-1.2,0.2-2.3,0.6-3.2c0.4-1,0.9-1.8,1.7-2.5c0.7-0.7,1.6-1.2,2.5-1.6c1-0.4,2-0.6,3.2-0.6 c1.1,0,2.1,0.2,3.1,0.6c0.9,0.4,1.7,0.9,2.4,1.6c0.7,0.7,1.2,1.5,1.6,2.5c0.4,1,0.6,2,0.6,3.2C39,16.1,38.7,17.3,38.1,18.2z'/%3E%3C/svg%3E%0A");
}
.temoignage-content::after {
	right: 0; top: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40' fill='%233d746b'%3E%3Cpath d='M23.4,14.7c0-1.2,0.2-2.3,0.6-3.2c0.4-1,0.9-1.8,1.6-2.5C26.2,8.2,27,7.7,28,7.3c0.9-0.4,1.9-0.6,3.1-0.6 c1.2,0,2.3,0.2,3.2,0.6c1,0.4,1.8,0.9,2.5,1.6c0.7,0.7,1.3,1.5,1.7,2.5c0.4,1,0.6,2,0.6,3.2c0,1.4-0.3,3-0.9,4.6 c-0.6,1.6-1.5,3.3-2.7,5c-1.2,1.7-2.6,3.3-4.2,4.9c-1.7,1.6-3.6,3.1-5.7,4.5L23.7,32c1.6-1.7,2.8-3.2,3.8-4.6 c0.9-1.4,1.4-2.6,1.4-3.5c0-0.7-0.3-1.4-0.9-1.9c-0.6-0.5-1.2-1.1-1.9-1.6c-0.7-0.6-1.3-1.3-1.9-2.2C23.7,17.3,23.4,16.1,23.4,14.7 z'/%3E%3Cpath d='M2.3,14.7c0-1.2,0.2-2.3,0.6-3.2c0.4-1,0.9-1.8,1.6-2.5c0.7-0.7,1.5-1.2,2.4-1.6c0.9-0.4,1.9-0.6,3.1-0.6 c1.2,0,2.3,0.2,3.2,0.6c1,0.4,1.8,0.9,2.5,1.6c0.7,0.7,1.3,1.5,1.7,2.5c0.4,1,0.6,2,0.6,3.2c0,1.4-0.3,3-0.9,4.6 c-0.6,1.6-1.5,3.3-2.7,5c-1.2,1.7-2.6,3.3-4.2,4.9c-1.7,1.6-3.6,3.1-5.7,4.5L2.6,32c1.6-1.7,2.8-3.2,3.7-4.6 c0.9-1.4,1.4-2.6,1.4-3.5c0-0.7-0.3-1.4-0.9-1.9C6.3,21.5,5.7,21,5,20.4c-0.7-0.6-1.3-1.3-1.9-2.2C2.6,17.3,2.3,16.1,2.3,14.7z'/%3E%3C/svg%3E ");
}
.temoignage-auteur { font-size: 13px; }
.temoignage-auteur span { color: #787878; }

/* ---- formulaire ---- */
#votre-temoignage .content_row { padding:30px 0; }
#votre-temoignage h1 { text-align:left; margin-left:320px }
#votre-temoignage h2 {
	font-size:18px;
	margin:20px 0;
	color:#fff; 
}
#form-temoignage {
	max-width:440px;
	padding-right:20px;
	margin-left:320px;
}
#form-temoignage label.block-label { padding:0 5px; }
#form-temoignage .checkobx-content { color:#fff; padding:0 15px; }
#form-temoignage label.inline-label { margin:0 0 10px 3%; }
#form-temoignage > p { font-size:12px; float:left; }
#form-temoignage .error_output p { font-size:14px }
#form-temoignage .submit { float:right }
#form-temoignage .submit:hover { background-color:#fff; color:#4e4e4e }

#votre-temoignage .valid_output {
	text-align:left;
	max-width:600px;
	padding:0 20px 0 0;
	margin-left:320px;
}
#votre-temoignage .valid_output h2 { font-size:24px; color:#a3e9e2 }
#votre-temoignage .valid_output p { text-align:left; font-size:16px }

@media screen and (max-width: 640px) {
	#votre-temoignage h1,
	#votre-temoignage .valid_output,
	#form-temoignage { margin-left:190px }
	
}
@media screen and (max-width: 480px) {
	#votre-temoignage .heading-sketch { display:none }
	#votre-temoignage h1,
	#votre-temoignage .valid_output,
	#form-temoignage { margin:0 auto; padding:0 20px; }
}