/*

Author	: Integration : Yann Lobry

*/

#container-bando-image {
	position: relative;
}

#container-bando-image img {
	width: 100%;
	height: auto;
}

#container-bando-image > div {
	position: absolute;
	 top: 8vw;
	 left: 6.6vw;
}

#ld-dossier-osbl #container-bando-image > div {
	 top: 8vw;
}

#container-bando-image .cont-col {
	display: flex;
	align-items: flex-end;
}

#container-bando-image .col-un {
	width: 21.3vw;
}

#container-bando-image .col-un > div {
	margin: 0 0 0 1.1vw;
	position: relative;
	box-shadow: -1.1vw 0.9vw 0px 0px #2CAEC6;
}

#container-bando-image .col-un img {
	display: block;
	box-shadow: -0.5vw 0.5vw 0.4vw 0 rgba(0,0,0,0.1);
}

#container-bando-image .col-deux {
	padding: 0 0 0 2.4vw;
	 width: 51vw;
}

#ld-dossier-osbl #container-bando-image .col-deux {
	 width: 52vw;
}

#container-bando-image .col-deux p {
	color: #38C9DC;
	 font-weight: 600;
	 font-size: 3.25em;
	 line-height: 1.15em;
	 margin-bottom: 0.5vw;
}

#container-bando-image .col-deux h1 {
	color: #fff;
	 font-size: 3.6em;
	 font-weight: 600;
	 line-height: 1.15em;
	 opacity: 1;
}

#container-bando-image .col-deux h1 span {
	font-size: 0.7em;
	font-weight: 400;
}

#cont-txt-form {
	padding: 2.6vw 6.6vw 3vw;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
}

#cont-txt {
	width: 59%;
}

#cont-txt p {
	
}

#cont-txt h2 {
	font-size: 2.9em;
	margin-bottom: 2.6vw;
}

#cont-txt h3 {
	font-size: 2.3em;
	 margin-bottom: 2vw;
	 font-weight: 400;
}

#cont-txt h3.temoignages {
	position: relative;
	padding: 0 0 0 3.4vw;
}

#cont-txt h3.temoignages:before {
	content: '';
	 display: block;
	 width: 2.6vw;
	 height: 4vw;
	 position: absolute;
	 top: -0.2vw;
	 left: 0;
	 background: transparent url(/themes/jpai/images/__livre-blanc-dossier-vin/micro-temoignages.svg) no-repeat center center;
	 background-size: contain;
}

#cont-txt ul.sommaire {
	width: 42vw;
	position: relative;
	margin: 0 0 3.3vw;
}

#cont-txt ul.sommaire:before {
	content: '';
	display: block;
	width: 3.7vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/themes/jpai/images/__livre-blanc-dossier-vin/bullet-sommaire.svg) repeat-y top left;
}

#cont-txt .sommaire li {
	padding: 0;
	 display: flex;
	 justify-content: space-between;
	 align-items: flex-start;
	 line-height: 1.25em;
	 margin: 0 0 1.4vw;
}

#cont-txt .sommaire li:last-child {
	margin: 0;
}

#cont-txt .sommaire li:before {
	content: '' !important;
	display: none !important;
}

#cont-txt .sommaire .chiffre {
	display: block;
	 width: 4%;
	 text-align: right;
	 font-weight: 600;
	 color: #000;
}

#cont-txt .sommaire .texte {
	display: block;
	 width: 88%;
}

#cont-form {
	width: 35.5%;
}

#cont-form > div {
	background: linear-gradient(#41C5D8, #27BDD3);
	 padding: 2.2vw 1.7vw 1.7vw;
	 border-top: solid 2.8vw #3AB4D3;
}

#cont-form .intro p {
	font-weight: 600;
	 color: #000;
	 font-size: 1.39em;
	 width: 90%;
	 line-height: 1.35em;
	 margin: 0 0 2vw;
}

#cont-form .jpa-form input[type="text"],
#cont-form .jpa-form input[type="email"] {
	 border: solid 2px #167A92;
	 line-height: 3.4vw;
	 height: 3.4vw;
	 font-size: 1.4em;
}

#cont-form .jpa-form .form-item {
	 margin: 0 0 1.2vw 0;
}

#cont-form .jpa-form input[type="submit"] {
	background: #0C83A1 url(/themes/jpai/images/__livre-blanc-dossier-vin/picto-submit-lb-vin.png) no-repeat left top;
	 background-size: contain;
	 padding: 1.2vw 1.5vw 0.9vw 4.5vw;
	 font-size: 1.1em;
	 letter-spacing: 0.1em;
	 width: 100%;
	 text-align: left;
}

#cont-form .jpa-form input[type="submit"]:hover {
	 background-color: #1198ba;
}

#cont-form .form-actions {
	padding-top: 0.6vw;
}




body.confirm-landing-vin #container-bando-image {
	overflow: hidden;
	 height: 10vw;
}

body.confirm-landing-vin #container-bando-image > div {
	display: none;
}

body.confirm-landing-vin #cont-txt {
	display: none;
}

body.confirm-landing-vin #cont-form {
	width: 100%;
}

body.confirm-landing-vin #cont-form > div {
	 background: none;
	 padding: 0;
	 border-top: none;
}

.cont-col-confirm {
	display: flex;
	 align-items: center;
	 justify-content: space-between;
	 margin-bottom: 5vw;
}

.col-un-confirm {
	width: 21.3vw;
}

.col-un-confirm > div {
	 margin: 0 0 0 1.1vw;
	 position: relative;
	 box-shadow: -1.1vw 0.9vw 0px 0px #2CAEC6;
}

.col-un-confirm img {
	display: block;
	 box-shadow: -0.1vw 0.1vw 0.8vw 0.3vw rgba(0,0,0,0.1);
	 width: 100%;
	 height: auto;
	 transition: all .2s;
}

.col-un-confirm a:hover img {
	transform: scale(1.05);
	transform-origin: left bottom;
}

.col-deux-confirm {
	width: 71%;
}

.col-deux-confirm p {
	font-size: 2em;
	 font-weight: 600;
	 margin: 0 0 2vw;
}

.col-deux-confirm p.un {
	margin: 0;
	padding: 3vw 0 0;
}

.col-deux-confirm p.deux {
	font-weight: 300;
}

.col-deux-confirm p.trois {
	margin-bottom: 4vw;
}

.col-deux-confirm p.quatre {
	font-weight: 300;
	 font-size: 1.5em;
}


/* + */

/*#sign-jp {
	display: block;
	 float: left;
	 width: 150px;
	 margin: 0 15px 10px 0;
}

#sign-jp .photo {
	border-radius: 75px;
	 overflow: hidden;
	 display: block;
	 margin: 0 0 10px;
}

#sign-jp img {
	max-width: none;
	 width: 100%;
	 height: auto;
	 display: block;
}

#sign-jp .txt {
	font-size: 12px;
	 line-height: 1.2em;
	 text-align: center;
	 margin: 0;
}

*/

/* + 2 */

#sign-jp {
	 display: flex;
	 width: auto;
	 float: none;
	 margin: 1vw 0 4vw;
	 justify-content: flex-start;
	 position: relative;
	 align-items: center;
	 padding: 3vw 0 1vw;
}

#sign-jp:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 18vw;
	 height: 0.4vw;
	 background-color: #27BDD3;
}

/*#sign-jp:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 15vw;
	height: 1vw;
	background-color: #27BDD3;
}*/

#sign-jp .photo {
	 border-radius: 6vw;
	 overflow: hidden;
	 display: block;
	 margin: 0 2vw 0 0;
	 width: 12vw;
}

#sign-jp img {
	max-width: none;
	 width: 100%;
	 height: auto;
	 display: block;
}

#sign-jp .txt {
	 font-size: 0.8em;
	 line-height: 1.45em;
	 text-align: left;
	 margin: 0;
}

#sign-jp strong {
	display: block;
}

#sign-jp .txt br {
	display: none;
}

#cont-txt p.first {
	position: relative;
}

#cont-txt p.first:before {
	display: block;
	 content: '';
	 position: absolute;
	 top: -0.2vw;
	 left: -5.8vw;
	 width: 5vw;
	 height: 5vw;
	 background: transparent url(/themes/jpai/images/__livre-blanc-dossier-vin/guillemets.svg) no-repeat center center;
	 background-size: contain;
}

/*.col-un-confirm {
	position: relative;
}

.col-un-confirm:after {
	display: block;
	 content: '';
	 position: absolute;
	 bottom: 0.4vw;
	 left: 1.5vw;
	 width: 5vw;
	 height: 5vw;
	 background: transparent url(/themes/jpai/images/__livre-blanc-dossier-vin/PDF_icon.svg.png) no-repeat center center;
	 background-size: contain;
}*/



/* spécifique landing OSBL */
body.confirm-landing-vin #ld-dossier-osbl #container-bando-image img {
	margin-top: -10vw;
}











@media screen and (min-width: 1281px) {
	
	#container-bando-image > div {
		top: 103px;
		 left: 85px;
	}
	
	#ld-dossier-osbl #container-bando-image > div {
		 top: 102px;
	}
	
	#container-bando-image .col-un {
		width: 273px;
	}
	
	#container-bando-image .col-un > div {
		margin: 0 0 0 14px;
		 box-shadow: -14px 12px 0px 0px #2CAEC6;
	}
	
	#container-bando-image .col-un img {
		box-shadow: -7px 7px 6px 0 rgba(0,0,0,0.1);
	}
	
	#container-bando-image .col-deux {
		padding: 0 0 0 31px;
		 width: 656px;
	}
	
	#ld-dossier-osbl #container-bando-image .col-deux {
		 width: 635px;
	}
	
	#container-bando-image .col-deux p {
		font-size: 43px;
		 margin-bottom: 6px;
	}
	
	#container-bando-image .col-deux h1 {
		 font-size: 48px;
	}
	
	#cont-txt-form {
		padding: 33px 85px 38px;
	}
	
	#cont-txt h2 {
		font-size: 39px;
		 margin-bottom: 33px;
	}
	
	#cont-txt h3 {
		font-size: 31px;
		 margin-bottom: 26px;
	}
	
	#cont-txt h3.temoignages {
		padding: 0 0 0 44px;
	}
	
	#cont-txt h3.temoignages:before {
		 width: 33px;
		  height: 51px;
		  top: -3px;
		  left: 0;
	}
	
	#cont-txt ul.sommaire {
		width: 538px;
		 margin: 0 0 42px;
	}
	
	#cont-txt ul.sommaire:before {
		width: 47px;
	}
	
	#cont-txt .sommaire li {
		padding: 0;
		 margin: 0 0 18px;
	}
	
	#cont-txt .sommaire li:last-child {
		margin: 0;
	}
	
	#cont-form > div {
		padding: 28px 22px 22px;
		 border-top: solid 35px #3AB4D3;
	}
	
	#cont-form .intro p {
		 font-size: 19px;
		  margin: 0 0 26px;
	}
	
	#cont-form .jpa-form input[type="text"],
	#cont-form .jpa-form input[type="email"] {
		line-height: 44px;
		 height: 44px;
		 font-size: 19px;
	}
	
	#cont-form .jpa-form .form-item {
		 margin: 0 0 15px 0;
	}
	
	#cont-form .jpa-form input[type="submit"] {
		 padding: 15px 19px 12px 58px;
		  font-size: 15px;
	}
	
	#cont-form .form-actions {
		padding-top: 8px;
	}
	
	
	
	
	body.confirm-landing-vin #container-bando-image {
		 height: 128px;
	}
	
	body.confirm-landing-vin #cont-form > div {
		 padding: 0;
	}
	
	.cont-col-confirm {
		 margin-bottom: 64px;
	}
	
	.col-un-confirm {
		width: 273px;
	}
	
	.col-un-confirm > div {
		margin: 0 0 0 14px;
		 box-shadow: -14px 13px 0px 0px #2CAEC6;
	}
	
	.col-un-confirm img {
		 box-shadow: -1px 1px 10px 4px rgba(0,0,0,0.1);
	}
	
	.col-deux-confirm p {
		font-size: 27px;
		 margin: 0 0 26px;
	}
	
	.col-deux-confirm p.un {
		margin: 0;
		padding: 38px 0 0;
	}
	
	.col-deux-confirm p.trois {
		margin-bottom: 51px;
	}
	
	.col-deux-confirm p.quatre {
		 font-size: 20px;
	}
	
	
	
	#sign-jp {
		margin: 13px 0 51px;
		 padding: 38px 0 13px;
	}
	
	#sign-jp:before {
		top: 0;
		 left: 0;
		 width: 231px;
		 height: 5px;
	}
	
	#sign-jp .photo {
		border-radius: 77px;
		 margin: 0 26px 0 0;
		 width: 154px;
	}
	
	#sign-jp .txt {
		 font-size: 14px;
		 margin: 0;
	}
	
	#cont-txt p.first:before {
		top: -3px;
		 left: -74px;
		 width: 64px;
		 height: 64px;
	}
	
	/* spécifique landing OSBL */
	body.confirm-landing-vin #ld-dossier-osbl #container-bando-image img {
		margin-top: -128px;
	}
	
}








@media screen and (max-width: 820px) {
	
	.texte-riche p {
		 font-size: 1.9em;
	}
	
	#cont-txt-form {
		 padding: 4.6vw 6.3vw 5vw;
	}
	
	#cont-txt {
		 width: 52%;
	}
	
	#cont-form {
		 width: 45%;
	}
	
	#cont-txt h2 {
		 font-size: 3.5em;
		 margin-bottom: 3.6vw;
	}
	
	#cont-txt ul.sommaire {
		 width: auto;
		 margin: 0 0 5vw;
	}
	
	.texte-riche li {
		 font-size: 1.9em;
	}
	
	#cont-txt .sommaire li {
		 margin: 0 0 1.5vw;
	}
	
	#cont-txt .sommaire .chiffre {
		 width: 5%;
	}
	
	#cont-txt .sommaire .texte {
		 width: 87%;
	}
	
	#cont-txt ul.sommaire:before {
		 background: transparent url(/themes/jpai/images/__livre-blanc-dossier-vin/bullet-sommaire-resp.svg) repeat-y top left;
		 width: 4.4vw;
	}
	
	#cont-txt h3 {
		 font-size: 2.8em;
		 margin-bottom: 2.6vw;
	}
	
	#cont-txt h3.temoignages {
		 padding: 0 0 0 5vw;
	}
	
	#cont-txt h3.temoignages:before {
		 width: 3.6vw;
		 height: 5vw;
		 top: -0.5vw;
	}
	
	#cont-form .intro p {
		 font-size: 1.85em;
		 margin: 0 0 3vw;
	}
	
	#cont-form > div {
		 padding: 3.2vw 2.2vw 2.2vw;
		 border-top: solid 3.2vw #3AB4D3;
	}
	
	#cont-form .jpa-form input[type="text"], 
	#cont-form .jpa-form input[type="email"] {
		 line-height: 42px;
		 height: 42px;
		 font-size: 16px;
	}
	
	#cont-form .jpa-form .form-item {
		 margin: 0 0 20px 0;
	}
	
	#cont-form .jpa-form input[type="submit"] {
		padding: 11px 14px 10px 54px;
		 font-size: 16px;
		 
		 padding: 11px 14px 10px 57px;
		 font-size: 15px;
		 letter-spacing: 0.05em;
		 white-space: normal;
		 background: #0C83A1 url(/themes/jpai/images/__livre-blanc-dossier-vin/picto-submit-lb-vin-resp.svg) no-repeat left top;
		 background-size: contain;
	}
	
}







@media screen and (max-width: 660px) {
	
	.texte-riche p {
		 font-size: 14px;
		 margin-bottom: 12px;
	}
	
	#cont-form .intro p {
		 font-size: 15px;
	}
	
	#cont-txt h2 {
		 font-size: 24px;
		 margin-bottom: 24px;
	}
	
	#cont-txt ul.sommaire {
		 margin: 0 0 33px;
	}
	
	.texte-riche li {
		 font-size: 14px;
	}
	
	#cont-txt .sommaire li {
		 margin: 0 0 11px;
	}
	
	#cont-txt .sommaire .chiffre {
		 width: 15px;
	}
	
	#cont-txt ul.sommaire:before {
		 width: 30px;
	}
	
	#cont-txt .sommaire .texte {
		 width: calc(100% - 41px);
	}
	
	#cont-txt h3 {
		 font-size: 20px;
		 margin-bottom: 17px;
	}
	
	#cont-txt h3.temoignages:before {
		 width: 26px;
		 height: 36px;
		 top: -5px;
	}
	
	#cont-txt h3.temoignages {
		 padding: 0 0 0 35px;
	}
	
	#cont-form > div {
		 border-top: solid 21px #3AB4D3;
	}
	
}








@media screen and (max-width: 600px) {
	
	#cont-txt-form {
		 padding: 28px 6.3vw 58px;
		 flex-wrap: wrap;
		 flex-direction: column-reverse;
	}
	
	#cont-txt {
		 width: 100%;
		 
	}
	
	#cont-form {
		 width: 100%;
		 margin-bottom: 44px;
	}
	
	#container-bando-image {
		 height: 225px;
		 overflow: hidden;
	}
	
	#container-bando-image > img {
		 width: auto;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 50%;
		  transform: translateX(-50%);
	}
	
	#container-bando-image > div {
		 top: 36px;
	}
	
	#container-bando-image .col-un {
		 width: 128px;
	}
	
	#container-bando-image .col-un > div {
		 margin: 0 0 0 7px;
		 box-shadow: -7px 5px 0px 0px #2CAEC6;
	}
	
	#container-bando-image .col-un img {
		 box-shadow: -3px 3px 2px 0 rgba(0,0,0,0.1);
	}
	
	#container-bando-image .col-deux {
		 padding: 0 0 0 14px;
		 width: 292px;
	}
	
	#container-bando-image .col-deux p {
		 font-size: 20px;
		 margin-bottom: 3px;
	}
	
	#container-bando-image .col-deux h1 {
		 font-size: 22px;
	}
	
	#cont-form > div {
		 border-top: solid 24px #3AB4D3;
		 padding: 27px 20px 20px;
	}
	
	#cont-form .intro p {
		 font-size: 18px;
		/* max-width: 294px;*/
		 margin: 0 0 30px;
	}
	
	#cont-form .jpa-form input[type="submit"] {
		 padding: 11px 14px 10px 58px;
		 font-size: 16px;
		 letter-spacing: 0.1em;
		 background: #0C83A1 url(/themes/jpai/images/__livre-blanc-dossier-vin/picto-submit-lb-vin.png) no-repeat left top;
		 background-size: contain;
	}
	
	#cont-form .intro p br {
		display: none;
	}
	
	#sign-jp .photo {
		 border-radius: 54px;
		  margin: 0 12px 0 0;
		  width: 108px;
	}
	
	#sign-jp:before {
		width: 162px;
		 height: 4px;
	}
	
	#sign-jp {
		margin: 12px 0 30px;
		 padding: 30px 0 12px;
	}
	
	body.confirm-landing-vin #container-bando-image {
		 height: 19vw;
	}
	
	body.confirm-landing-vin #container-bando-image > img {
		 width: 100%;
		 height: auto;
		 position: static;
		 top: auto;
		 left: auto;
		 transform: none;
	}
	
	.col-deux-confirm p {
		 font-size: 16px;
		 margin: 0 0 12px;
	}
	
	.col-deux-confirm p.un {
		 margin: 0;
		 padding: 0 0 0;
	}
	
	.col-deux-confirm p.trois {
		 margin-bottom: 24px;
	}
	
	.col-deux-confirm p.quatre {
		 font-size: 14px;
	}
	
	.cont-col-confirm {
		 align-items: flex-start;
		 margin-bottom: 28px;
	}
	
	.col-un-confirm {
		 width: 35%;
	}
	
	.col-deux-confirm {
		 width: 60%;
	}
	
}





@media screen and (max-width: 500px) {
	
	#container-bando-image .col-deux {
		 width: 282px;
	}
	
}







@media screen and (max-width: 490px) {
	
	#cont-form .jpa-form input[type="submit"] {
		 padding: 11px 14px 10px 42px;
		 font-size: 14px;
		 letter-spacing: 0.09em;
		 background: #0C83A1 url(/themes/jpai/images/__livre-blanc-dossier-vin/picto-submit-lb-vin-resp.svg) no-repeat left top;
		 background-size: contain;
	}
	
}







#couv-resp {
	display: none;
}

@media screen and (max-width: 445px) {
	
	#container-bando-image .col-un {
		 display: none;
	}
	
	#container-bando-image > div {
		 top: 46px;
	}
	
	#container-bando-image .col-deux {
		 padding: 61px 0 0;
		 width: 282px;
	}
	
	#ld-dossier-osbl #container-bando-image .col-deux {
		 width: 83vw;
		 padding: 67px 0 0;
	}
	
	#couv-resp {
		display: block;
		 float: left;
		 width: 121px;
		 margin: 0 12px 12px 7px;
		 box-shadow: -7px 7px 0px 0px #2CAEC6;
	}
	/* + 2 */
	#couv-resp {
		 float: right;
		 margin: 0 0 12px 12px;
	}
	
	#couv-resp img {
		width: 100%;
		 height: auto;
		 max-width: none;
		 box-shadow: -1px 1px 7px 1px rgba(0,0,0,0.1);
		 display: block;
	}
	
}







@media screen and (max-width: 420px) {
	
	#container-bando-image > div {
		 left: 9.6vw;
	}
	
	#cont-txt-form {
		 padding: 28px 9.6vw 58px;
	}
	
	#cont-form .jpa-form input[type="submit"] {
		 padding: 11px 14px 10px 52px;
	}
	
	#cont-txt p.first:before {
		 top: 0.2vw;
		 left: -7.8vw;
		 width: 6.5vw;
		 height: 6.5vw;
	}
	
	#cont-form .intro p br {
		 display: inline;
	}
		
}





@media screen and (max-width: 360px) {
	
	
	
}






.livre-blanc-cont-total {
	max-width: 1314px;
	 padding: 0 5.5vw;
	 padding: 0;
	 margin: 0 auto;
}

@media screen and (min-width: 1315px) {
  
  .livre-blanc-cont-total {
	 padding: 0 73px;
	 padding: 0;
  }
  
}

@media screen and (max-width: 1280px) {
  
  .livre-blanc-cont-total {
	 padding: 0;
  }
  
}

/*@media screen and (max-width: 740px) {
  
  .livre-blanc-cont-total {
	 padding: 0 42px;
  }
  
}


@media screen and (max-width: 555px) {
  
  .livre-blanc-cont-total {
		padding: 0 30px;
  }
  
}*/

.texte-riche p, .texte-riche li, .texte-riche blockquote {
	opacity: 1;
}