#intro-le-cabinet {
	padding: 5.5vw 0;
	border-bottom: solid 1px #E7E7E7;
}

#intro-le-cabinet .col-un {
	float: left;
	width: 40%;
}

#intro-le-cabinet .col-deux {
	float: right;
	width: 48.7%;
}

#intro-le-cabinet .texte-riche .chapeau {
	opacity: 1;
	 font-size: 1.88em;
	 line-height: 1.43em;
	 font-weight: 500;
}

#intro-le-cabinet .texte-riche p {
	 font-size: 1.52em;
	 line-height: 1.55em;
}

#intro-le-cabinet .texte-riche h2 {
	font-size: 1.7em;
	 margin-bottom: 0.7vw;
}

#intro-le-cabinet .texte-riche h2.titre-souligne:before {
	top: 1.35vw;
}





#lequipe {
	border-top: solid 3px #FBDE10;
	padding: 7.5vw 0 5.5vw;
}

#lequipe .cont-bloker-resp-un {
	overflow: hidden;
}

#lequipe .entete-accordion {
	 color: #1A1E23;
	 font-weight: 500;
	 text-transform: uppercase;
	 font-size: 1.52em;
	 letter-spacing: 0.05em;
	 line-height: 1.35em;
	 border-bottom: solid 1px #E7E7E7;
	 width: 66%;
	 padding: 1.8vw 0 0.6vw;
	 position: relative;
	 cursor: pointer;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#lequipe .entete-accordion:hover:before {
	background: transparent url(/themes/jpawg/images/chevron-jaune.svg) no-repeat center center;
	 background-size: contain;
}

#lequipe .entete-accordion.open {
	border-bottom: solid 1px #FBDE10;
	width: 100%;
}

#lequipe #dirigeants.entete-accordion.open {
	width: 34.2%;
}

#lequipe .entete-accordion:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: 2.2vw;
	 left: -2.5vw;
	 width: 0.8vw;
	 height: 1.4vw;
	 background: transparent url(/themes/jpawg/images/chevron-noir.svg) no-repeat center center;
	 background-size: contain;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#lequipe .entete-accordion.open:before {
	background: transparent url(/themes/jpawg/images/chevron-jaune.svg) no-repeat center center;
	 background-size: contain;
	 transform: rotate(90deg);
}

#lequipe .contenu-accordion {
	display: none;
}

#lequipe .contenu-accordion.dirigeants {
	display: block;
	padding-bottom: 1.5vw;
}


#nav-dirigeants .slick-list {
	height: auto !important;
	overflow: visible;
}

#fiches-dirigeants .slick-list {
	overflow: visible;
}





#lequipe .dirigeants .col-un {
	width: 34.2%;
}

#lequipe .dirigeants .col-deux {
	width: 65.8%;
}

#nav-dirigeants {
	padding-top: 0.8vw;
}

#lequipe .nom-nav {
	 color: #1A1E23;
	 font-weight: 600;
	 font-size: 1.73em;
	 line-height: 1.35em;
	 position: relative;
	 margin-bottom: 1.4vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
	  cursor: pointer;
	  max-width: 90%;
	  display: inline-block;
}

#lequipe .nom-nav:hover:before {
	background: url(/themes/jpawg/images/fleche-grande-jaune.svg) no-repeat center center;
	background-size: contain;
}

#lequipe .slick-current .nom-nav {
	font-size: 2.6em;
	cursor: text;
}

#lequipe .nom-nav:before {
	position: absolute;
	 display: block;
	 content: '';
	 left: -3.5vw;
	 width: 2.2vw;
	 height: 1.9vw;
	 background: url(/themes/jpawg/images/fleche-grande-grise.svg) no-repeat center center;
	 background-size: contain;
	 top: 0.2vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s
}

#lequipe .slick-current .nom-nav:before {
	background: url(/themes/jpawg/images/fleche-grande-jaune.svg) no-repeat center center;
	background-size: contain;
	top: 1.1vw;
}

.un-associe .sscont {
	border-bottom: solid 1px #FBDE10;
	margin-bottom: 2vw;
}

.un-associe .container-image {
	width: 57%;
	/*margin-top: -2.3vw;
	position: absolute;*/
	 right: 0;
	 bottom: 0;
}

.un-associe .container-image img {
	width: 100%;
}

.un-associe .block-decale-image {
	width: 1px;
	height: 2.3vw;
	float: left;
}

.un-associe .container-textes {
	position: absolute;
	 top: 0;
	 left: 0;
	 width: 59%;
	 z-index: 2;
	 height: 100%;
}

.un-associe .texte-rich > div {
	padding-top: 1.5vw;
	padding-bottom: 9vw;
}

.un-associe .texte-rich p,
.un-associe .texte-rich li {
	opacity: 0.7;
	 /* font-family: Jost-Regular; */
	 /* font-size: 17px; */
	 color: #1A1E23;
	 /* line-height: 26px; */
	 font-size: 1.24em;
	 line-height: 1.55em;
}

.un-associe .container-liens {
	position: absolute;
	left: 0;
	bottom: 0;
}

.un-associe .email,
.un-collaborateur .email {
	position: relative;
	 color: #1A1E23;
	 text-decoration: underline;
	 display: inline-block;
	 margin-bottom: 1.5vw;
	 font-size: 1.38em;
	 line-height: 1.35em;
	 font-weight: 300;
}

.un-associe .email:hover,
.un-collaborateur .email:hover {
	color: #FBDE10;
}

.un-associe .email:before {
	position: absolute;
	 display: block;
	 content: '';
	 left: -3.1vw;
	 top: 0vw;
	 width: 2.1vw;
	 height: 1.9vw;
	 background: url(/themes/jpawg/images/picto-email-cabinet-noir.svg) no-repeat center center;
	 background-size: contain;
}

.un-associe .jpa-reseaux-sociaux,
.un-collaborateur .jpa-reseaux-sociaux {
	position: static;
	top: auto;
	right: auto;
	padding: 0 !important;
	margin-bottom: 1.9vw;
}

.un-associe .jpa-reseaux-sociaux li,
.un-collaborateur .jpa-reseaux-sociaux li {
	margin-left: 0;
	margin-right: 0.45vw;
}

.un-associe .jpa-reseaux-sociaux a,
.un-collaborateur .jpa-reseaux-sociaux a {
	width: 2.3vw !important;
	height: 2.3vw !important;
}

#lequipe .jpa-reseaux-sociaux a:hover {
	background-color: #FBDE10 !important;
}

#lequipe .jpa-reseaux-sociaux .linkedin a:hover {
	background: url(/themes/jpawg/images/bt-linkedin-jpl-blanc.svg) no-repeat center center;
	 background-size: contain;
}

#lequipe .jpa-reseaux-sociaux .twitter a:hover {
	 background: url(/themes/jpawg/images/bt-twitter-jpl-blanc.svg) no-repeat center center;
	 background-size: contain;
}

#lequipe .jpa-reseaux-sociaux .facebook a:hover {
	 background: url(/themes/jpawg/images/bt-facebook-jpl-blanc.svg) no-repeat center center;
	 background-size: contain;
}

.un-associe .block-gestion-hauteur {
	width: 1px;
	float: left;
}

#associe-2404-id.un-associe .texte-rich > div {
	padding-top: 5.3vw;
	 width: 78%;
}

#associe-2403-id.un-associe .texte-rich > div {
	padding-bottom: 7.5vw;
}




#lequipe .contenu-accordion.collaborateurs {
	padding-bottom: 1vw;
}

#lequipe .collaborateurs .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#lequipe .collaborateurs .views-row {
	width: 34.3%;
}

#lequipe .collaborateurs .views-row:nth-child(3n) {
	width: 31.4%;
}

.un-collaborateur {
	padding: 3vw 0 2vw;
}

.un-collaborateur .col-un {
	width: 15vw;
	 padding-right: 1vw;
}

.un-collaborateur .col-deux {
	width: 11.3vw;
}

.un-collaborateur h3 {
	 color: #1A1E23;
	 font-weight: 500;
	 font-size: 1.8em;
	 line-height: 1.15em;
	 margin-bottom: 1vw;
}

.un-collaborateur .email {
	margin-bottom: 1.2vw;
	overflow-wrap: break-word;
	width: 100%;
}

.un-collaborateur .texte-rich {
	margin-bottom: 1.3vw;
}

.un-collaborateur .texte-rich p {
	margin-bottom: 0;
	font-size: 1.2em;
}

.un-collaborateur .texte-rich strong {
	font-weight: 500;
}

.un-collaborateur .container-image {
	border-radius: 50%;
	overflow: hidden;
}

.un-collaborateur .container-image img {
	width: 100%;
}








@media screen and (min-width: 1315px) {
	
	#intro-le-cabinet .texte-riche h2 {
		font-size: 23px;
		 margin-bottom: 9px;
	}
	
	#intro-le-cabinet .texte-riche h2.titre-souligne:before {
		top: 18px;
	}
	
	#intro-le-cabinet {
		padding: 72px 0;
	}
	
	#lequipe {
		padding: 99px 0 72px;
	}
	
	#lequipe .entete-accordion {
		 padding: 24px 0 8px;
	}
	
	#lequipe .entete-accordion:before {
		 top: 29px;
		 left: -33px;
		 width: 10px;
		 height: 18px;
	}
	
	#lequipe .contenu-accordion.dirigeants {
		padding-bottom: 20px;
	}
	
	#nav-dirigeants {
		padding-top: 11px;
	}
	
	#lequipe .nom-nav {
		 margin-bottom: 18px;
	}
	
	#lequipe .nom-nav:before {
		 left: -46px;
		 width: 29px;
		 height: 25px;
		 top: 3px;
	}
	
	#lequipe .slick-current .nom-nav:before {
		top: 14px;
	}
	
	.un-associe .sscont {
		margin-bottom: 26px;
	}
	
	.un-associe .block-decale-image {
		height: 30px;
	}
	
	.un-associe .texte-rich > div {
		padding-top: 20px;
		padding-bottom: 118px;
	}
	
	.un-associe .texte-rich p,
	.un-associe .texte-rich li {
		font-size: 17px;
		line-height: 26px;
	}
	
	.un-associe .email,
	.un-collaborateur .email {
		 margin-bottom: 20px;
	}
	
	.un-associe .email:before {
		 left: -41px;
		 top: 0;
		 width: 28px;
		 height: 25px;
	}
	
	.un-associe .jpa-reseaux-sociaux,
	.un-collaborateur .jpa-reseaux-sociaux {
		padding: 0 !important;
		margin-bottom: 25px;
	}
	
	.un-associe .jpa-reseaux-sociaux li,
	.un-collaborateur .jpa-reseaux-sociaux li {
		margin-left: 0;
		margin-right: 6px;
	}
	
	.un-associe .jpa-reseaux-sociaux a,
	.un-collaborateur .jpa-reseaux-sociaux a {
		width: 30px !important;
		height: 30px !important;
	}
	
	#associe-2404-id.un-associe .texte-rich > div {
		padding-top: 70px;
	}
	
	#associe-2403-id.un-associe .texte-rich > div {
		padding-bottom: 99px;
	}
	
	#lequipe .contenu-accordion.collaborateurs {
		padding-bottom: 13px;
	}
	
	.un-collaborateur {
		padding: 39px 0 26px;
	}
	
	.un-collaborateur .col-un {
		width: 184px;
		 padding-right: 13px;
	}
	
	.un-collaborateur .col-deux {
		width: 148px;
	}
	
	.un-collaborateur h3 {
		 margin-bottom: 13px;
	}
	
	.un-collaborateur .email {
		margin-bottom: 16px;
	}
	
	.un-collaborateur .texte-rich {
		margin-bottom: 17px;
	}
	
	.un-collaborateur .texte-rich p {
		margin-bottom: 0;
	}
	
}






@media screen and (max-width: 1314px) {
	
	#intro-le-cabinet .texte-riche h2.titre-souligne:before {
		top: 1.35vw;
	}
	
}




@media screen and (max-width: 1095px) {
	
	#lequipe .entete-accordion {
		padding: 20px 0 7px;
		font-size: 17px;
	}
	
	#lequipe .entete-accordion:before {
		top: 24px;
		left: -27px;
		width: 9px;
		height: 15px;
	}
	
	#lequipe .contenu-accordion.dirigeants {
		padding-bottom: 16px;
	}
	
	#nav-dirigeants {
		padding-top: 9px;
	}
	
	#lequipe .nom-nav {
		margin-bottom: 15px;
		font-size: 20px;
	}
	
	#lequipe .slick-current .nom-nav {
		font-size: 30px;
	}
	
	#lequipe .nom-nav:before {
		top: 2px;
		left: -38px;
		width: 24px;
		height: 21px;
	}
	
	#lequipe .slick-current .nom-nav:before {
		top: 12px;
	}
	
	#lequipe .contenu-accordion.collaborateurs {
		padding-bottom: 11px;
	}
	
	/*#lequipe .slick-current .nom-nav:before {
		top: 12px;
	}
	
	.un-associe .sscont {
		margin-bottom: 22px;
	}
	
	.un-associe .block-decale-image {
		height: 25px;
	}*/
	
}





@media screen and (max-width: 1000px) {
	
	#intro-le-cabinet {
		padding: 55px 0;
	}
	
	#lequipe {
		padding: 75px 0 55px;
	}
	
}






@media screen and (max-width: 920px) {
	
	#lequipe #dirigeants.entete-accordion.open {
		width: auto;
	}
	
	#lequipe .dirigeants .col-un {
		float: none;
		width: auto;
	}
	
	#lequipe .dirigeants .col-deux {
		float: none;
		 width: auto;
	}
	
	.un-associe .texte-rich p, 
	.un-associe .texte-rich li {
		font-size: 1.9em;
	}
	
	#intro-le-cabinet .texte-riche .chapeau {
		font-size: 2.65em;
	}
	
	#intro-le-cabinet .texte-riche p {
		font-size: 2.2em;
	}
	
	#intro-le-cabinet .texte-riche h2 {
		font-size: 2.6em;
		 margin-bottom: 1vw;
	}
	
	#intro-le-cabinet .texte-riche h2.titre-souligne:before {
		 top: 1.3vw;
		 height: 61%;
	}
	
	.un-associe .email {
		 margin-bottom: 2.5vw;
		 font-size: 2.1em;
		 padding-left: 4.5vw;
	}
	
	.un-associe .email:before {
		 left: 0;
		 top: 0vw;
		 width: 3.1vw;
		 height: 2.9vw;
	}
	
	.un-associe .jpa-reseaux-sociaux, 
	.un-collaborateur .jpa-reseaux-sociaux {
		margin-bottom: 2.8vw;
	}
	
	.un-associe .jpa-reseaux-sociaux li, 
	.un-collaborateur .jpa-reseaux-sociaux li {
		 margin-left: 0;
		 margin-right: 6px;
	}
	
	.un-associe .jpa-reseaux-sociaux a, .un-collaborateur .jpa-reseaux-sociaux a {
		 width: 30px !important;
		 height: 30px !important;
		 border-radius: 5px;
	}
	
	#lequipe .collaborateurs .views-row {
		width: 53%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(3n) {
		width: 53%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(2n) {
		width: 47%;
	}
	
	.un-collaborateur {
		padding: 28px 0 18px;
	}
	
	.un-collaborateur .col-un {
		width: 23vw;
		 padding-right: 1.5vw;
	}
	
	.un-collaborateur .col-deux {
		width: 17vw;
	}
	
	.un-collaborateur h3 {
		 font-size: 2.65em;
		 margin-bottom: 1.7vw;
	}
	
	.un-collaborateur .email {
		 margin-bottom: 2vw;
		 font-size: 2.1em;
	}
	
	.un-collaborateur .texte-rich {
		 margin-bottom: 1.8vw;
	}
	
	.un-collaborateur .texte-rich p {
		 font-size: 1.85em;
	}
	
}





@media screen and (max-width: 685px) {
	
	#lequipe .collaborateurs .views-row {
		 width: 51%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(3n) {
		 width: 51%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(2n) {
		 width: 49%;
	}
	
}





.container-image-resp {
	display: none;
}

@media screen and (max-width: 635px) {
	
	#lequipe .entete-accordion {
		width: auto;
	}
	
	.container-image-resp {
		display: block;
		border-radius: 50%;
		 overflow: hidden;
		 border: solid 2px #FBDE10;
		 width: 170px;
		 height: 170px;
		 margin: 0 auto -56px;
		 position: relative;
	}
	
	.container-image-resp img {
		width: 100%;
	}
	
	.un-associe .container-textes {
		top: auto;
		 width: 100%;
		 padding: 81px 30px 30px;
		 border-radius: 10px;
		 border-bottom-right-radius: 0;
		 border-bottom-left-radius: 0;
		 position: static;
		 left: 0;
		 height: auto;
		 border-top: solid 1px #FBDE10;
	}
	
	.un-associe .texte-rich > div {
		padding: 0 0 20px !important;
	}
	
	.un-associe .texte-rich p, 
	.un-associe .texte-rich li {
		font-size: 16px;
	}
	
	.un-associe .container-liens {
		position: static;
		 left: auto;
		 bottom: auto;
	}
	
	.un-associe .container-image {
		display: none;
	}
	
	.un-associe .email {
		 margin-bottom: 20px;
		 font-size: 19px;
		 padding-left: 41px;
	}
	
	.un-associe .email:before {
		 width: 30px;
		 height: 25px;
	}
	
	.un-associe .jpa-reseaux-sociaux {
		 margin-bottom: 0;
	}
	
}





@media screen and (max-width: 625px) {
	
	#intro-le-cabinet .col-un {
		 float: none;
		 width: auto;
		 margin-bottom: 30px;
	}
	
	#intro-le-cabinet .col-deux {
		 float: none;
		 width: auto;
	}
	
	#intro-le-cabinet .texte-riche .chapeau {
		 font-size: 23px;
	}
	
	#intro-le-cabinet .texte-riche p {
		 font-size: 18px;
	}
	
	#intro-le-cabinet .texte-riche h2 {
		 font-size: 23px;
		  margin-bottom: 9px;
		  margin-top: 12px;
	}
	
	#intro-le-cabinet .texte-riche h2.titre-souligne:before {
		 top: 11px;
	}
	
}





@media screen and (max-width: 555px) {
	
	#lequipe .entete-accordion:before {
		left: -21px;
	}
	
	#lequipe .nom-nav:before {
		width: 21px;
		left: -27px;
	}
	
	#lequipe .slick-current .nom-nav:before {
		top: 9px;
	}
	
	#lequipe .collaborateurs .views-row {
		 width: 100%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(3n) {
		 width: 100%;
	}
	
	#lequipe .collaborateurs .views-row:nth-child(2n) {
		 width: 100%;
	}
	
	.un-collaborateur .col-un {
		 width: 62%;
		 padding-right: 3%;
	}
	
	.un-collaborateur .col-deux {
		 width: 38%;
	}
	
	.un-collaborateur h3 {
		 font-size: 5.3em;
		 margin-bottom: 2.8vw;
	}
	
	.un-collaborateur .email {
		 margin-bottom: 3vw;
		 font-size: 4em;
	}
	
	.un-collaborateur .texte-rich {
		 margin-bottom: 3.2vw;
	}
	
	.un-collaborateur .texte-rich p {
		 font-size: 3.5em;
	}
	
	.un-collaborateur {
		 padding: 28px 0 25px;
	}
	
}