/*

Site internet JPA WG
Version : 2.1
Site	: https://jpa-wg.com

Theme 	: jpai 2.1
Author	: Integration : Yann Lobry

*/


#temoignages-home {
	padding: 6.8vw 0 12.8vw;
	overflow: hidden;
}

#temoignages-home .cont-bloker-resp-un {
	padding: 0 5.4vw;
}

#temoignages-home .titre-filet {
	 margin: 0 0 5.0vw 0;
}

#temoignages-home .slick-slide {
	 height: inherit !important;
}

#temoignages-home .cont-un-tem-home {
	padding: 0 1.2vw 2vw;
}

.un-tem-home .container-image {
	border-radius: 50%;
	 overflow: hidden;
	 width: 34%;
	 margin: 0 auto 2.4vw;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

.tem-hover.un-tem-home .container-image {
	 box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

.un-tem-home .container-image img {
	width: 100%;
	height: auto;
}

.un-tem-home .container-texte {
	border-radius: 0.8vw;
	border: 1px solid rgba(26,30,35,0.2);
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.tem-hover.un-tem-home .container-texte {
	background-color: rgba(0,156,163,0.2);
	border: solid 1px rgba(26,30,35,0.15);
}

.un-tem-home .container-texte:before {
	display: block;
	content: '';
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	height: 13px;
	background: transparent url(/themes/jpai/images/fleche-pave-tem.png) no-repeat center center;
	background-size: contain;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.tem-hover.un-tem-home .container-texte:before {
	background: transparent url(/themes/jpai/images/fleche-pave-tem-hover-2.png) no-repeat center center;
	background-size: contain;
}

.un-tem-home h3 {
	font-weight: 500;
	 color: #222;
	 font-size: 1.4em;
	 line-height: 1.35em;
}

.un-tem-home.sans-lien h3 {
	padding: 2.5vw 2.8vw 0.5vw 2.8vw;
}

.un-tem-home.avec-lien h3 a {
	display: block;
	 padding: 2.5vw 2.8vw 0.5vw 2.8vw;
}

.un-tem-home a {
	color: #222;
}
.un-tem-home a:visited {
	color: #222;
}

.un-tem-home .fonction {
	font-weight: 300;
	 color: #222;
	 font-size: 0.87em;
	 letter-spacing: 0.12em;
	 text-transform: uppercase;
}

.un-tem-home.sans-lien .fonction {
	padding: 0 2.8vw 2.2vw 2.8vw;
}

.un-tem-home.avec-lien .fonction a {
	display: block;
	 padding: 0 2.8vw 2.2vw 2.8vw;
}

.un-tem-home .texte {
	opacity: 0.7;
	 color: #222;
	 font-style: italic;
	 font-size: 1.15em;
	 line-height: 1.65em;
}

.un-tem-home.sans-lien .texte {
	padding: 0 2.8vw 3vw 2.8vw;
}

.un-tem-home.avec-lien .texte a {
	display: block;
	 padding: 0 2.8vw 1.5vw 2.8vw;
}

.un-tem-home.avec-lien .ajout-space {
	display: block;
}

.un-tem-home .lien-lire-suite {
	font-weight: 500;
	 font-size: 1.14em;
	 color: #222222;
	 display: inline-block;
	 position: relative;
	 display: block;
	 padding: 0 2.8vw 1.5vw 2.8vw;
}

.tem-hover .lien-lire-suite {
	color: #009CA3;
}

.un-tem-home .lien-lire-suite:after {
	display: block;
	 content: '';
	 width: 1.5vw;
	 height: 1vw;
	 position: absolute;
	 top: 0.15vw;
	 left: 10.3vw;
	 background: transparent url(/themes/jpai/images/fleche-lien.svg) no-repeat center center;
	 background-size: contain;
}

.tem-hover .lien-lire-suite:after {
	background: transparent url(/themes/jpai/images/fleche-lien-hover.svg) no-repeat center center;
	 background-size: contain;
}



#temoignages-home .slick-prev,
#temoignages-home .slick-next {
	border: none;
	 font-size: 0;
	 line-height: 0;
	 display: block;
	 cursor: pointer;
	 color: transparent;
	 outline: none;
	 position: absolute;
	 top: 18vw;
	 left: -4.3vw;
	 width: 4vw;
	 height: 4vw;
	 background: transparent url(/themes/jpai/images/fleche-grand-slider-jpl.svg) no-repeat center center;
	 background-size: contain;
	 transform: rotate(180deg);
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
	 
}

#temoignages-home .slick-next {
	left: auto;
	 right: -4.3vw;
	 transform: rotate(0deg);
}

#temoignages-home .slick-prev:hover{transform: scale(1.05) rotate(180deg);}

#temoignages-home .slick-next:hover{transform: scale(1.05) rotate(0deg);}

#temoignages-home .slick-prev.slick-disabled,
#temoignages-home .slick-next.slick-disabled {opacity: 0.3;cursor: default;}

#temoignages-home .slick-prev.slick-disabled:hover{transform: scale(1) rotate(180deg);}

#temoignages-home .slick-next.slick-disabled:hover{transform: scale(1) rotate(0deg);}






@media screen and (min-width: 1281px) {
	
	#temoignages-home {
		padding: 87px 0 72px;
	}
	
	#temoignages-home .cont-bloker-resp-un {
		padding: 0 69px;
	}
	
	#temoignages-home .titre-filet {
		 margin: 0 0 64px 0;
	}
	
	#temoignages-home .cont-un-tem-home {
		padding: 0 15px 26px;
	}
	
	.un-tem-home .container-image {
		margin: 0 auto 31px;
	}
	
	.un-tem-home .container-texte {
		border-radius: 10px;
	}
	
	.un-tem-home.sans-lien h3 {
		padding: 32px 36px 6px;
	}
	
	.un-tem-home.avec-lien h3 a {
		padding: 32px 36px 6px;
	}
	
	.un-tem-home.sans-lien .fonction {
		padding: 0 36px 28px;
	}
	
	.un-tem-home.avec-lien .fonction a {
		padding: 0 36px 28px;
	}
	
	.un-tem-home.sans-lien .texte {
		padding: 0 36px 38px;
	}
	
	.un-tem-home.avec-lien .texte a {
		padding: 0 36px 19px;
	}
	
	.un-tem-home .lien-lire-suite {
		 padding: 0 36px 19px;
	}
	
	.un-tem-home .lien-lire-suite:after {
		width: 19px;
		 height: 13px;
		 top: 2px;
		 left: 132px;
	}
	
	#temoignages-home .slick-prev,
	#temoignages-home .slick-next {
		top: 231px;
		 left: -55px;
		 width: 51px;
		 height: 51px;
		 
	}
	
	#temoignages-home .slick-next {
		left: auto;
		 right: -55px;
	}
	
}







@media screen and (max-width: 1280px) {
	
	#temoignages-home {
		 padding: 74px 0;
	}
	
	#temoignages-home .cont-un-tem-home {
		padding-bottom: 26px;
	}
	
	.un-tem-home .container-image {
		 margin: 0 auto 32px;
	}
	
	.un-tem-home .container-texte {
		border-radius: 11px;
	}
	
	.un-tem-home h3 {
		font-size: 20px;
	}
	
	.un-tem-home.sans-lien h3 {
		padding: 33px 37px 7px 37px;
	}
	
	.un-tem-home.avec-lien h3 a {
		 padding: 33px 37px 7px 37px;
	}
	
	.un-tem-home .fonction {
		font-size: 12px;
	}
	
	.un-tem-home.sans-lien .fonction {
		padding: 0 37px 29px 37px;
	}
	
	.un-tem-home.avec-lien .fonction a {
		 padding: 0 37px 29px 37px;
	}
	
	.un-tem-home .texte {
		font-size: 16px;
	}
	
	.un-tem-home.sans-lien .texte {
		padding: 0 37px 24px 37px;
	}
	
	.un-tem-home.avec-lien .texte a {
		 padding: 0 37px 24px 37px;
	}
	
	.un-tem-home .lien-lire-suite {
		font-size: 16px;
		padding: 0 37px 20px 37px;
	}
	
	.un-tem-home .lien-lire-suite:after {
		width: 20px;
		height: 13px;
		top: 2px;
		left: 134px;
	}
	
}






#slide-temoignages-home .slick-dots {
	text-align: center;
	 padding: 36px 0 0;
}

#slide-temoignages-home .slick-dots li {
	display: inline-block;
	 margin: 0 8px;
}

#slide-temoignages-home .slick-dots button {
	border: none;
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	outline: none;
	 width: 6px;
	 height: 6px;
	 border-radius: 50%;
	 background-color: rgba(26,30,35,0.2);
}

#slide-temoignages-home .slick-dots button:hover {
	background-color: #009CA3;
}

#slide-temoignages-home .slick-dots .slick-active button {
	background-color: #222;
	cursor: default;
}


@media screen and (max-width: 996px) {
	
	#temoignages-home .cont-bloker-resp-un {
		padding: 0;
	}
	
	#temoignages-home .titre-filet {
		 margin: 0 0 50px 0;
	}
	
}




@media screen and (max-width: 990px) {
	
	#temoignages-home .titre-filet {
		font-size: 48px;
	}
	
}






@media screen and (max-width: 420px) {
	
	#temoignages-home .titre-filet {
		 font-size: 40px;
	}
	
}