
.page-service .part-un {
	
}

.page-service .part-deux {
	
}

.page-service .part-un > div {
	padding: 5.4vw 0 6vw;
}

.page-service .col-un {
	float: left;
	width: 65%;
}

.page-service .col-deux {
	float: right;
	width: 28.3%;
}

.page-service .col-un-un {
	float: left;
	 width: 52.3%;
}

.page-service .col-un-deux {
	float: left;
	 width: 47.7%;
}

.page-service h1 {
	margin-bottom: 2.3vw;
}

.page-service .chapo {
	margin-bottom: 3.3vw;
}

.page-service .chapo h2 {
	 color: #1A1E23;
	 font-weight: 500;
	 font-size: 1.805em;
	 line-height: 1.38em;
}

.page-service .hors-texte p {
	font-weight: 200;
	 font-size: 3em;
	 line-height: 1.2em;
	 color: #1A1E23;
	 opacity: 0.4;
	 letter-spacing: 0.03em;
	 width: 80%;
}

.page-service .citation {
	position: relative;
}

.page-service .citation:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: -1.5vw;
	 left: -5.9vw;
	 width: 4.7vw;
	 height: 5vw;
	 background: url(/themes/jpawg/images/guillemet-citation.svg) no-repeat center center;
	 background-size: contain;
	 opacity: 0.07;
}

.page-service .citation:after {
	display: block;
	 content: '';
	 position: absolute;
	 bottom: -0.3vw;
	 right: -2.35vw;
	 width: 4.7vw;
	 height: 5vw;
	 background: url(/themes/jpawg/images/guillemet-citation.svg) no-repeat center center;
	 background-size: contain;
	 opacity: 0.07;
	 transform: rotate(180deg);
	 z-index: -1;
}

.page-service .citation p {
	 color: #1A1E23;
	 font-style: italic;
	 font-size: 1.73em;
	 line-height: 1.45em;
}

.page-service .part-un .col-deux {
	padding-top: 1.3vw;
}

.page-service .part-un .col-deux img {
	width: 100%;
}

.page-service .part-deux > div {
	padding: 8.5vw 0 8vw;
}

.page-service .part-deux .container-image {
	width: 83%;
}

.page-service .part-deux .container-image img {
	width: 100%;
}

.page-service .part-deux .col-un-deux {
	padding-top: 2.8vw;
}

.page-service .texte-riche h3 {
	 font-weight: 500;
}

.page-service .texte-riche li,
.page-service .texte-riche p {
	 line-height: 1.45em;
	 font-size: 1.52em;
}

.page-service .texte-riche ul.liste-fleche li:before {
	top: 0.25vw;
}

.pav-le-plus-serv {
	background-color: #FBDE10;
	 border: solid 2px #FBDE10;
	 border-radius: 0.7vw;
	 overflow: hidden;
}

.pav-le-plus-serv h2 {
	height: 7.4vw;
	position: relative;
}

.pav-le-plus-serv h2:before {
	display: block;
	 content: '';
	 position: absolute;
	 bottom: 1vw;
	 left: 2.6vw;
	 width: 15vw;
	 height: 4.2vw;
	 background: url(/themes/jpawg/images/titre-pave-le-plus-pma.svg) no-repeat center center;
	 background-size: contain;
}

.pav-le-plus-serv .texte-riche {
	background-color: #FDF29F;
	 padding: 2.2vw 2.6vw 1.5vw;
}

.pav-le-plus-serv .texte-riche li,
.pav-le-plus-serv .texte-riche p {
	padding: 0 !important;
	margin-bottom: 0.85vw;
}

.pav-le-plus-serv .texte-riche li:before {
	display: none !important;
}

#filets-services {
	border-bottom: solid 1px #E7E7E7;
	height: 3px;
	background-color: #FBDE10;
}

.page-service .image-deux-resp {
	display: none;
}




#gd-container-service.avec-tem {
	border-bottom: solid 1px #E7E7E7;
}

body.page-node-type-jpa-services #un-tem-autres-pages {
	/*border-top: solid 3px #FBDE10;*/
	background-color: #FEF2A0;
}

body.page-node-type-jpa-services .cont-un-tem-autres-pages {
	padding: 8vw 0;
}

body.page-node-type-jpa-services #un-tem-autres-pages .col-deux:before {
	background: transparent url(/themes/jpawg/images/fleche-pave-tem-fond-jaune-2.png) no-repeat center center;
	background-size: contain;
	transform: none;
	left: -12px;
	width: 13px;
	height: 24px;
}






@media screen and (min-width: 1315px) {
	
	.page-service .part-un > div {
		padding: 71px 0 79px;
	}
	
	.page-service h1 {
		margin-bottom: 30px;
	}
	
	.page-service .chapo {
		margin-bottom: 43px;
	}
	
	.page-service .citation:before {
		 top: -20px;
		 left: -78px;
		 width: 62px;
		 height: 66px;
	}
	
	.page-service .citation:after {
		 bottom: -4px;
		 right: -31px;
		 width: 62px;
		  height: 66px;
	}
	
	.page-service .part-un .col-deux {
		padding-top: 17px;
	}
	
	.page-service .part-deux > div {
		padding: 112px 0 105px;
	}
	
	.page-service .part-deux .col-un-deux {
		padding-top: 37px;
	}
	
	.page-service .texte-riche ul.liste-fleche li:before {
		top: 3px;
	}
	
	.pav-le-plus-serv {
		 border-radius: 9px;
	}
	
	.pav-le-plus-serv h2 {
		height: 97px;
	}
	
	.pav-le-plus-serv h2:before {
		 bottom: 13px;
		 left: 34px;
		 width: 197px;
		 height: 55px;
	}
	
	.pav-le-plus-serv .texte-riche {
		 padding: 29px 34px 20px;
	}
	
	.pav-le-plus-serv .texte-riche li,
	.pav-le-plus-serv .texte-riche p {
		padding: 0 !important;
		margin-bottom: 11px;
	}
	
	body.page-node-type-jpa-services .cont-un-tem-autres-pages {
		padding: 105px 0;
	}
	
}






@media screen and (max-width: 1314px) {
	
	.page-service .part-un > div {
		padding: 71px 0 79px;
	}
	
	.page-service h1 {
		 margin-bottom: 30px;
	}
	
	.page-service .chapo {
		margin-bottom: 43px;
	}
	
	.page-service .texte-riche li, 
	.page-service .texte-riche p {
		font-size: 21px;
	}
	
	.page-service .pav-le-plus-serv .texte-riche h3 {
		font-size: 1.66em;
	}
	
	.page-service .pav-le-plus-serv .texte-riche li, 
	.page-service .pav-le-plus-serv .texte-riche p {
		font-size: 1.52em;
	}
	
}




@media screen and (max-width: 1120px) {
	
	.page-service .part-deux > div {
		padding: 95px 0 90px;
	}
	
}





@media screen and (max-width: 920px) {
	
	.page-service .part-un .col-un {
		float: none;
		 width: auto;
	}
	
	.page-service .part-un .col-deux {
		display: none;
	}
	
	.page-service .chapo h2 {
		 font-size: 24px;
	}
	
	.page-service .hors-texte p {
		font-size: 28px;
	}
	
	.page-service .citation p {
		font-size: 23px;
	}
	
	.page-service .part-deux .col-un {
		float: none;
		 width: auto;
		 margin-bottom: 50px;
	}
	
	.page-service .part-deux .col-un-un {
		width: 41%;
	}
	
	.page-service .part-deux .container-image {
		width: 77%;
	}
	
	.page-service .part-deux .col-un-deux {
		width: 59%;
		padding-top: 3.8vw;
	}
	
	.page-service .col-deux {
		float: none;
		 width: auto;
	}
	
	.pav-le-plus-serv {
		border-radius: 10px;
	}
	
	.pav-le-plus-serv h2 {
		 height: 96px;
	}
	
	.pav-le-plus-serv h2:before {
		 bottom: 16px;
		 left: 30px;
		 width: 200px;
		 height: 52px;
	}
	
	.pav-le-plus-serv .texte-riche {
		 padding: 28px 34px 21px 34px;
	}
	
	.page-service .pav-le-plus-serv .texte-riche h3 {
		 font-size: 23px;
	}
	
	.page-service .pav-le-plus-serv .texte-riche li, 
	.page-service .pav-le-plus-serv .texte-riche p {
		 font-size: 21px;
		 margin-bottom: 8px;
	}
	
}





@media screen and (max-width: 755px) {
	
	.page-service .part-deux .col-un-deux {
		padding-top: 0;
	}
	
}




@media screen and (max-width: 705px) {
	
	.page-service .part-un .col-un-un {
		float: none;
		 width: auto;
		 margin-bottom: 36px;
	}
	
	.page-service .part-un .col-un-deux {
		 float: none;
		 width: auto;
	}
	
	.page-service .citation {
		padding: 0 0 0 40px;
		 margin-bottom: 18px;
	}
	
	.page-service .citation:before {
		 top: -16px;
		 left: -29px;
		 width: 62px;
		 height: 60px;
	}
	
	.page-service .citation:after {
		 bottom: -61px;
		 right: -15px;
		 width: 62px;
		 height: 60px;
	}
	
}




@media screen and (max-width: 555px) {
	
	.page-service .part-deux {
		 
	}
	
	#filets-services {
		height: 6px;
		border-bottom: none;
	}
	
	.page-service .image-deux-resp {
		display: block;
	}
	
	.page-service .image-deux-resp img {
		width: 100%;
	}
	
	.page-service .part-deux .col-un-un {
		display: none;
	}
	
	.page-service .part-deux > div {
		padding: 56px 0 90px;
	}
	
	.page-service .part-deux .col-un-deux {
		 width: auto;
	}
	
	.page-service .part-deux .col-un-deux .texte-riche h3 {
		margin-bottom: 22px;
	}
	
}

