.pave-block {
	background-color: #FBDE10;
	 border: solid 3px #FBDE10;
	 border-radius: 0.7vw;
	 overflow: hidden;
	 margin-bottom: 4.5vw;
}

.pave-block h2 {
	 color: #1A1E23;
	 letter-spacing: 0;
	 font-weight: 600;
	 font-size: 1.65em;
	 line-height: 1.2em;
	 padding: 3vw 2.6vw 2.2vw;
}

.pave-block .sscont {
	background-color: #FDF29F;
	 padding: 2.2vw 2.6vw 1.5vw;
}

.pave-block h3 {
	font-weight: 500;
}

.pave-block .texte-riche li, 
.pave-block .texte-riche p {
	padding: 0 !important;
	 margin-bottom: 0.85vw;
	 line-height: 1.45em;
	  font-size: 1.52em;
}




.pave-twitter {
	position: relative;
}

.pave-twitter h2 {
	padding: 1.5vw 0 1.2vw 7.1vw;
}

.pave-twitter h2 a,
.pave-twitter h2 a:visited,
.pave-twitter h2 a:hover {
	color: #1A1E23;
}

#sans-cookie-twitter-autre-contenu {display: none;}

.pave-twitter .icone-twitter {
	background: transparent url(/themes/jpawg/images/logo-twitter-pave-noir.svg) no-repeat center center;
	 background-size: contain;
	 width: 5vw;
	 display: block;
	 height: 5vw;
	 position: absolute;
	 top: 0.8vw;
	 left: 1vw;
}

.pave-twitter .icone-twitter:hover {
	
}

.pave-twitter .sspave {
	background-color: #FDF29F;
	 padding: 1.2vw 1.7vw;
}




.pave-actu h2 {
	 color: #1A1E23;
	 font-size: 1.68em;
	 line-height: 1.42em;
	 padding: 0;
}

.pave-actu h2 a {
	display: block;
	padding: 2.1vw 2.1vw 1.8vw;
}

.pave-actu h2 a,
.pave-actu h2 a:visited,
.pave-actu h2 a:hover {
	color: #1A1E23;
}

.pave-actu .lien-lire-suite {
	margin-left: 2.1vw;
}

.pave-actu .lien-lire-suite:hover,
.pave-hover.pave-actu .lien-lire-suite {
	background-color: #fff;
}

.pave-actu > div {
	padding-bottom: 2.8vw;
}

.pave-actu .container-image {
	display: block;
	overflow: hidden;
}

.pave-actu .container-image img {
	width: 100%;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

.pave-hover.pave-actu .container-image img {
	transform: scale(1.03);
}

.pave-actu.pave-deux h2 a {
	padding-left: 9.3vw;
	position: relative;
	padding-right: 1vw;
}

.pave-actu.pave-deux h2 a:before {
	left: 2.3vw;
	 top: -0.4vw;
	 content: '';
	 display: block;
	 position: absolute;
	 background: transparent url(/themes/jpawg/images/picto-graphiques.svg) no-repeat center center;
	 background-size: contain;
	 width: 5vw;
	 height: 10vw;
}

.pave-actu.pave-deux h2 a span {
	position: relative;
}

.pave-actu.pave-deux h2 a span:after {
	content: '';
	 display: block;
	 position: absolute;
	 bottom: 0.4vw;
	 right: -2.2vw;
	 width: 1.3vw;
	 height: 1.4vw;
	 background: transparent url(/themes/jpawg/images/chevron-double-noir.svg) no-repeat center center;
	 background-size: contain;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

.pave-hover.pave-actu.pave-deux h2 a span:after {
		right: -2.8vw;
}

.pave-actu.pave-deux > div {
	padding-bottom: 0;
}

















@media screen and (min-width: 1315px) {
	
	.pave-block {
		 border-radius: 9px;
		 margin-bottom: 60px;
	}
	
	.pave-block h2 {
		 padding: 39px 34px 29px;
	}
	
	.pave-block .sscont {
		 padding: 29px 34px 20px;
	}
	
	.pave-block .texte-riche li, 
	.pave-block .texte-riche p {
		padding: 0 !important;
		 margin-bottom: 11px;
	}
	
	.pave-twitter h2 {
		padding: 20px 0 16px 93px;
	}
	
	.pave-twitter .icone-twitter {
		 width: 66px;
		 height: 66px;
		 top: 11px;
		 left: 13px;
	}
	
	.pave-twitter .sspave {
		 padding: 16px 22px;
	}
	
	.pave-actu h2 {
		 padding: 0;
	}
	
	.pave-actu h2 a {
		padding: 28px 28px 24px;
	}
	
	.pave-actu .lien-lire-suite {
		margin-left: 28px;
	}
	
	.pave-actu > div {
		padding-bottom: 37px;
	}
	
	.pave-actu.pave-deux h2 a {
		padding-left: 122px;
		padding-right: 13px;
	}
	
	.pave-actu.pave-deux h2 a:before {
		left: 30px;
		 top: -5px;
		 width: 66px;
		 height: 131px;
	}
	
	.pave-actu.pave-deux h2 a span:after {
		 bottom: 5px;
		 right: -29px;
		 width: 17px;
		 height: 18px;
	}
	
	.pave-hover.pave-actu.pave-deux h2 a span:after {
			right: -37px;
	}
	
	.pave-actu.pave-deux > div {
		padding-bottom: 0;
	}
	
}





@media screen and (max-width: 920px) {
	
	.pave-block {
		border-radius: 10px;
		margin-bottom: 41px;
	}
	
	.pave-actu > div {
		padding-bottom: 26px;
	}
	
	.pave-block h2 {
		font-size: 19px;
	}
	
	.pave-actu h2 {
		padding: 0;
		font-size: 19px;
	}
	
	.pave-actu h2 a {
		padding: 19px 19px 17px;
	}
	
	.pave-actu .lien-lire-suite {
		margin-left: 27px;
	}
	
	.pave-actu.pave-deux > div {
		padding-bottom: 0;
	}
	
	.pave-actu.pave-deux h2 a {
		padding-left: 86px;
		padding-right: 9px;
	}
	
	.pave-actu.pave-deux h2 a:before {
		top: -4px;
		left: 21px;
		width: 46px;
		height: 92px;
	}
	
	.pave-actu.pave-deux h2 a span:after {
		bottom: 4px;
		right: -20px;
		width: 12px;
		height: 13px;
	}
	
	.pave-twitter h2 {
		padding: 14px 0 14px 65px;
	}
	
	.pave-twitter .icone-twitter {
		top: 7px;
		left: 9px;
		width: 46px;
		height: 46px;
	}
	
	.pave-twitter .sspave {
		padding: 11px 16px;
	}
	
}




@media screen and (max-width: 800px) {
	
	.pave-actu > div {
		padding-bottom: 0;
	}
	
	.pave-actu .container-image {
		width: 47%;
		 float: left;
		 margin-right: 4%;
	}
	
	.pave-actu h2 {
		font-size: 3em;
	}
	
	.pave-actu .lien-lire-suite {
		margin-left: 0;
	}
	
	#block-jpa-wh-pave1tweet {
		display: none;
	}
	
	.pave-actu.pave-deux h2 a {
		padding-left: 64%;
	}
	
	.pave-actu.pave-deux h2 a:before {
		top: -4px;
		 left: 50%;
		 width: 8vw;
		 height: 15vw;
	}
	
}





@media screen and (max-width: 585px) {
	
	.pave-actu .container-image {
		 width: auto;
		 float: none;
		 margin-right: 0;
	}
	
	.pave-actu h2 a {
		 padding: 6vw 5.5vw 4vw;
	}
	
	.pave-actu .lien-lire-suite {
		 margin-left: 5.5vw;
	}
	
	.pave-actu > div {
		 padding-bottom: 6vw;
	}
	
	.pave-actu h2 {
		 font-size: 5em;
	}
	
	.pave-actu.pave-deux h2 a {
		 padding-left: 29vw;
		 padding-right: 7vw;
		 padding-bottom: 5.5vw;
	}
	
	.pave-actu.pave-deux h2 a:before {
		 top: 2.5vw;
		 left: 5.5vw;
		 width: 16vw;
		 height: 21vw;
	}
	
	.pave-actu.pave-deux h2 a span:after {
		 bottom: 0.6vw;
		 right: -6.5vw;
		 width: 4vw;
		 height: 5vw;
	}
	
	.pave-hover.pave-actu.pave-deux h2 a span:after {
		 right: -8vw;
	}
	
	#block-jpa-wh-pave1tweet {
		display: block;
	}
	
	.pave-twitter h2 {
		 padding: 4vw 0 3.8vw 22vw;
		 font-size: 5em;
	}
	
	.pave-twitter .icone-twitter {
		 top: 0;
		 left: 3vw;
		 width: 15vw;
		 height: 19vw;
	}
	
	.pave-twitter .sspave {
		 padding: 4.6vw 4vw;
	}
	
}







@media screen and (max-width: 12px) {
	
	.pave-block {
		border-radius: 10px;
		margin-bottom: 58px;
	}
	
	.pave-block .sscont {
		padding: 28px 34px 19px;
	}
	
	.pave-actu > div {
		padding-bottom: 36px;
	}
	
	.pave-block h2 {
		font-size: 22px;
		padding: 39px 34px 28px;
	}
	
	.pave-actu h2 {
		padding: 0;
		font-size: 23px;
	}
	
	.pave-actu h2 a {
		padding: 27px 27px 23px;
	}
	
	.pave-actu .lien-lire-suite {
		margin-left: 27px;
	}
	
	.pave-actu.pave-deux > div {
		padding-bottom: 0;
	}
	
	.pave-actu.pave-deux h2 a {
		padding-left: 120px;
		padding-right: 13px;
	}
	
	.pave-twitter h2 {
		padding: 19px 0 15px 92px;
	}
	
	.pave-twitter .icone-twitter {
		top: 10px;
		left: 13px;
		width: 64px;
		height: 64px;
	}
	
	.pave-twitter .sspave {
		padding: 15px 22px;
	}
	
}