/*

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

Theme 	: jpai 2.1
Author	: Integration : Yann Lobry

*/

#jpa-int {
	background: transparent url(/themes/jpai/images/carte-jpa-international-home.jpg) no-repeat top left;
	background-size: contain;
	padding: 0 6.6vw
}

#jpa-int .cont-bloker-resp-deux {
	padding: 9.1vw 0 4.4vw;
}

#jpa-int .col-un {
	width: 33%;
	 margin-right: 9.8%;
}

#jpa-int .col-deux {
	width: 57.2%;
	padding-top: 30.6vw;
}

#jpa-int .cont-logo {
	width: 32%;
	 margin-bottom: 4.2vw;
}

#jpa-int .cont-logo img {
	width: 100%;
	height: auto;
}

#jpa-int h2 {
	 color: #222;
	  font-weight: 500;
	  letter-spacing: 0.007em;
	  font-size: 1.94em;
	  line-height: 1.4em;
	  margin-bottom: 4.4vw;
}

#jpa-int p,
#jpa-int li {
	 color: rgba(34,34,34,0.6);
	  font-size: 1.35em;
	  line-height: 1.55em;
}

#jpa-int .col-un p {
	margin-bottom: 11vw;
}

#jpa-int .col-deux h2 {
	margin-bottom: 1.7vw;
	width: auto;
}

#jpa-int ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 3.3vw;
}

#jpa-int li {
	position: relative;
	padding-left: 7.5vw;
	margin-bottom: 1.4vw;
}

#jpa-int li:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: 0.6vw;
	 left: 0.5vw;
	 width: 3.7vw;
	 height: 5.2vw;
	 background: transparent url(/themes/jpai/images/picto-accompagnement.svg) no-repeat center center;
	 background-size: contain;
}

#jpa-int li:last-child:before {
	top: 0.2vw;
	 left: 0;
	 width: 5.3vw;
	 height: 5vw;
	 background: transparent url(/themes/jpai/images/picto-assiste-entreprises-etrangeres.svg) no-repeat center center;
	 background-size: contain;
}



#jpa-int .col-deux p {
	 margin-bottom: 0.9vw;
}

#jpa-int .lien-fond-jaune {
	margin-top: 1.6vw;
}


.pave-twitter-int {
	width: 95.5%;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.pave-twitter-int:hover {
	box-shadow: 0 7px 18px 0 rgba(34,34,34,0.25);
	transform: scale(1.02);
}

.pave-twitter-int > div {
	overflow: hidden;
}

.pave-twitter-int a {
	background-color: #009CA3;
}

.pave-twitter-int img {
	width: 100%;
	height: auto;
}

#jpa-int .bouton-vert {
	margin-top: 2.2vw;
}








@media screen and (min-width: 1281px) {
	
	#jpa-int {
		padding: 0 85px;
	}
	
	#jpa-int .cont-bloker-resp-deux {
		padding: 117px 0 56px;
	}
	
	#jpa-int .col-deux {
		padding-top: 392px;
	}
	
	#jpa-int .cont-logo {
		margin-bottom: 54px;
	}
	
	#jpa-int h2 {
		margin-bottom: 56px;
	}
	
	#jpa-int .col-un p {
		margin-bottom: 141px;
	}
	
	#jpa-int .col-deux h2 {
		margin-bottom: 22px;
		width: auto;
	}
	
	#jpa-int ul {
		padding: 0;
		margin-bottom: 42px;
	}
	
	#jpa-int li {
		padding-left: 96px;
		 margin-bottom: 18px;
	}
	
	#jpa-int li:before {
		top: 8px;
		 left: 6px;
		 width: 47px;
		 height: 67px;
	}
	
	#jpa-int li:last-child:before {
		top: 3px;
		 left: 0;
		 width: 68px;
		 height: 64px;
	}
	
	#jpa-int .col-deux p {
		margin-bottom: 12px;
	}
	
	#jpa-int .bouton-vert {
		margin-top: 28px;
	}
	
}









@media screen and (max-width: 1270px) {
	
	#jpa-int .cont-bloker-resp-deux {
		padding: 99px 0 73px;
	}
	
	#jpa-int .cont-logo {
		width: 100px;
		margin-bottom: 36px;
	}
	
	#jpa-int h2 {
		margin-bottom: 39px;
		font-size: 27px;
	}
	
	#jpa-int .col-un h2 {
		width: 88%;
	}
	
	#jpa-int .col-deux h2 {
		margin-bottom: 15px;
	}
	
	#jpa-int p, 
	#jpa-int li {
		font-size: 20px;
	}
	
	#jpa-int .col-un p {
		margin-bottom: 157px;
		font-size: 19px;
	}
	
	#jpa-int .col-deux p {
		font-size: 16px;
	}
	
	#jpa-int ul {
		margin-bottom: 54px;
	}
	
	#jpa-int li {
		padding-left: 91px;
		margin-bottom: 17px;
	}
	
	#jpa-int li:before {
		top: 8px;
		left: 6px;
		width: 47px;
		height: 66px;
	}
	
	#jpa-int li:last-child:before {
		top: 3px;
		left: 0;
		width: 67px;
		height: 64px;
	}
	
	#jpa-int .lien-fond-jaune {
		margin-top: 19px;
	}
	
}







@media screen and (max-width: 920px) {
	
	#jpa-int .cont-bloker-resp-deux {
		padding-top: 30vw;
	}
	
	#jpa-int {
		background: transparent url(/themes/jpai/images/carte-jpa-international-home-tablette.jpg) no-repeat top left;
		 background-size: contain;
	}
	
	#jpa-int .col-un {
		float: none;
		 width: auto;
		 margin-right: 0;
	}
	
	#jpa-int h2 {
		margin-bottom: 14px;
	}
	
	#jpa-int .col-un h2 {
		 width: auto;
	}
	
	#jpa-int .col-un p {
		margin-bottom: 44px;
	}
	
	.pave-twitter-int {
		display: none;
	}
	
	#jpa-int .col-deux {
		width: auto;
		 padding-top: 0;
	}
	
}






@media screen and (max-width: 820px) {
	
	#jpa-int {
		 padding: 0 6.3vw;
	}
	
}






@media screen and (max-width: 555px) {
	
	#jpa-int .cont-logo {
		width: 88px;
		margin: 0 auto 26px;
		 transform: translateX(-4vw);
	}
	
	#jpa-int .cont-bloker-resp-deux {
		padding-top: 42vw;
	}
	
}






@media screen and (max-width: 530px) {
	
	#jpa-int h2 {
		font-size: 24px;
	}
	
	#jpa-int .col-un p,
	#jpa-int li {
		font-size: 18px;
	}
	
}






@media screen and (max-width: 420px) {
	
	#jpa-int {
		 padding: 0 9.6vw;
	}
	
}






@media screen and (max-width: 400px) {
	
	#jpa-int li {
		padding-left: 66px;
	}
	
	#jpa-int li:before {
		width: 42px;
	}
	
	#jpa-int li:last-child:before {
		width: 54px;
	}
	
}