/* Témoignages */

/*entry-content */
blockquote{
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 400;
	padding: 20px;
	margin: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	background-color: #f5f3f2;
}

blockquote.full,
blockquote.half{
	background-color: inherit;
}

blockquote.bg-gris{
	background-color: #f5f3f2;
}



	blockquote p{
		text-align: justify;
	}

/*		blockquote p:before,
		blockquote p:after{
			content: '';
			display: inline-block;
			width: 21px;
			height: 12px;
			margin-right: 10px;
			background: url('../images/quotes.png') no-repeat left top;
		}*/

		blockquote p:after{
			margin-right: 0;
			margin-left: 10px;
			background-position: left bottom;
		}

	blockquote footer{
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: left;
	}

	blockquote cite{
		font-style: normal;
	}
		blockquote cite:before{
			content: '';
			height: 1px;
			width: 130px;
			background-color: #000;
			display: block;
			margin: 0 0 9px -3px;
		}

		blockquote cite strong{
			font-size: 12px;
		}


/* Slider - home */

#slider-testimonials{
	position: relative;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 0 0 40px;
	height: 460px;
	width: 100%;
	background-color: #f5f3f2;
}

	#slider-testimonials > div{
		width: 100% !important;
	}

		#slider-testimonials blockquote{
			position: relative;
			width: 100%;
			max-width: 1000px;
			margin: 0;
			font-size: 18px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

		#slider-testimonials blockquote p,
		#slider-testimonials blockquote footer{
			padding: 0 20px;
		}

		#slider-testimonials div + ul{
			padding: 0px;
			position: absolute;
			height: 12px;
			width: 100%;
			bottom: 20px;
			left: 0;
			margin: 0;
			text-align: center;
		}

			#slider-testimonials div + ul li{
				padding: 0px;
				margin: 0;
				width: 12px;
				height: 12px;
				list-style: none;
				display: inline-block;
				cursor: pointer;
				background: url('../images/puce_active.png') no-repeat left top;
			}
				#slider-testimonials div + ul li.actif{
					background: url('../images/puce_active.png') no-repeat left top;
				}

				#slider-testimonials div + ul li.inactif{
					background: url('../images/puce_inactive.png') no-repeat left top;
				}

				#slider-testimonials div + ul li + li{
					margin-left: 6px;
				}


@media only screen and (min-width: 481px) {

	blockquote cite:before{
		width: 170px;
	}

	#slider-testimonials{
		height: 290px;
	}


}
@media only screen and (min-width: 768px) {

	blockquote{
		text-align: left;
	}

		blockquote img,
		blockquote a.img_large,
		blockquote a.img_thin{
			float: left;
		}
			blockquote img + p,
			blockquote a.img_large + p,
			blockquote a.img_thin + p{
				margin-top: 0;
			}

		blockquote img.attachment-picture-testimonial-thin + p,
		blockquote img.attachment-picture-testimonial-thin + p + footer{
			margin-left: 150px;
		}

		blockquote a.img_large + p,
		blockquote a.img_large + p + footer{
			margin-left: 198px;
		}

		blockquote img.attachment-picture-testimonial-large + p,
		blockquote img.attachment-picture-testimonial-large + p + footer,
		blockquote a.img_thin + p,
		blockquote a.img_thin + p + footer{
			margin-left: 195px;
		}

	blockquote.half{
		width: 49.70%;
		float: left;
	}
		blockquote.half:nth-child(odd){
			clear: left;
		}

	#slider-testimonials{
		height: 300px;
	}
		#slider-testimonials blockquote{
			font-size: 22px;
		}

			#slider-testimonials blockquote p,
			#slider-testimonials blockquote footer{
				padding: 0 75px;
			}

}
@media only screen and (min-width: 992px) {

	#slider-testimonials{
		height: 260px;
	}

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

       	blockquote p:before{
			background: url('../images/quotes_before@2x.png') no-repeat left top;
			background-size: 21px 12px;
		}

		blockquote p:after{
			background: url('../images/quotes_after@2x.png') no-repeat left top;
			background-size: 21px 12px;
		}

		blockquote p:after{
			background-position: left bottom;
		}

		#slider-testimonials div + ul li{
			background: url('../images/puce_active@2x.png') no-repeat left top;
			background-size: 12px 12px;
		}
			#slider-testimonials div + ul li.actif{
				background: url('../images/puce_active@2x.png') no-repeat left top;
				background-size: 12px 12px;
			}

			#slider-testimonials div + ul li.inactif{
				background: url('../images/puce_inactive@2x.png') no-repeat left top;
				background-size: 12px 12px;
			}
}