/* G L O B A L */
.cms-127 #columns {
	max-width: 80%;

}
.planches {
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

.price_tag a {
	font-family: 'gotham_mediumregular'!important;
	color: #000!important;
	font-size: 0.9em;
	line-height: 1em;
	letter-spacing: 0.14em;
}

.price_tag a span {
	display: block;
	clear: both;
}

.price_tag a:last-of-type {
	display: inline-block;
	margin-top: 0.8vw;
	padding-bottom: 0.2vw;
	font-size: 1.039em;
}

.price_tag a:hover {
	border-bottom: 2px solid #000;
}

.gotobutton {
	font-family: 'gotham_mediumregular';
	font-size: 1em;
	color: #000;
	background-color: #fff;
	text-transform: uppercase;
	padding: 0.6vw 2vw;
	box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.4);
	display: inline-block;
}

.planches_video {
	text-align: center;
}

/* P L A N C H E    1 */

.planche1 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche1bgi.jpg);
	position: relative;
	padding: 5vw 0 12vw 30vw;
	text-align: center;
}

.planche1 h1 {
	font-family: 'notera2';
	color: #fff;
	font-size: 14em;
	line-height: 0.6em;
	margin-top: 18vw;
	text-shadow: -2px 2px 10px rgba(0, 0, 0, 0.4);
}

.planche1 h1 span {
	display: block;
	clear: both;
	margin-left: 18vw;
	margin-bottom: 3vw;
}

/* P L A N C H E    2 */

.planche2 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche2bgi.jpg);
	padding: 2vw;
}

.planche2 img {
	display: block;
	margin: 0 auto;
	width: 88%;
}

.button_container {
	text-align: center;
}

#atmosphere {
	font-family: 'gotham light';
	font-size: 1.4em;
	text-transform: uppercase;
	line-height: 1.6em!important;
	margin: 3vw 0 1vw 0;
}

#atmosphere span {
	background-color: #ffcc00;
}

.button_container .gotobutton {
	margin-bottom: 2vw;
}

/* P L A N C H E    3 */

.planche3 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche3bgi.jpg);
	height: 45vw;
	padding: 3vw;
	position: relative;
}

#planche3img1, #planche8img1 {
	position: relative;
	top: 10vw;
	left: 5vw;
}

#planche3img2, #planche8img2 {
	position: relative;
}

/* P L A N C H E    4 */

.planche4 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche4bgi.jpg);
	width: 100%;
	height: 35vw;
	margin-top: 2vw;
	overflow: hidden;
}

.planche4 a img {
	display: block;
}

#planche4img2, #planche6img2, #planche9img2 {
	margin: 0 auto;
}

#planche4img3, #planche6img3, #planche9img3 {
	float: right;
}

/* P L A N C H E    5 */

.planche5 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche5bgi.jpg);
	margin-top: 2vw;
}

#planche5img2, #planche10img2 {
	margin-top: 5vw;
}

/* P L A N C H E    6 */

.planche6 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche6bgi.jpg);
}

/* P L A N C H E    7 */

.planche7 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche7bgi.jpg);
}

.overflowhidden {
	height: 32vw;
	overflow: hidden;
}

.planche7 .gotobutton {
	margin-top: 3vw;
}

/* P L A N C H E    8 */

.planche8 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche8bgi.jpg);
	margin-top: 2vw;
}

/* P L A N C H E    9 */

.planche9 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche9bgi.jpg);
}

/* P L A N C H E    10 */

.planche10 {
	background-image: url(https://jeanmarcphilippe.com/img/cms/lookbook/lignes-vives/planche10bgi.jpg);
}

/* P R I C E    T A G S */

.planche2_text {
    left: 12vw;
    top: 25vw;
}

.planche3_text, .planche8_text {
	left: 4vw;
}

.planche4_text {
	bottom: 7vw;
	left: 4vw;
}

.planche5_text {
	left: 12vw;
	top: 33vw;
}

.planche6_text {
	text-align: right;
    bottom: 8vw;
    right: 1vw;
}

.planche7_text {
	left: 12vw;
    top: 27vw;
}

.planche8_text a{
	color: #fff!important;
}
.planche8_text a:hover {
	border-bottom-color: #fff;
}

.planche9_text {
	bottom: 7vw;
    left: 1vw;
}

.planche10_text {
	left: 12vw;
	top: 31vw;
}

/********************************** M O B I L E S **********************************/

@media (max-width: 425px) {
	.cms-127 #columns {
		max-width: 100%;
	}
	.cms-127 #center_column {
		padding-top: 0;
	}
	.cms-127 .gotobutton {
		padding: 2vw 6vw;
		margin-bottom: 10vw;
	}
	.displaynone {
		display: none;
	}
	.overflowhidden {
		height: 66vw;
	}
	.price_tag {
		display: none;
	}
	.planche1 {
		-webkit-background-size: 180%;
		background-size: 180%;
		padding: 20vw 0 30vw 23vw;
	}
	.planche1 h1 {
		font-size: 7em;
	}
	.planche2 img {
		width: 95%;
	}
	#atmosphere {
		font-size: 1.1em;
		margin: 8vw 0 5vw 0;
	}
	.planches_video {
		position: relative;
		padding-bottom: 45.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.planches_video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.planche3 {
		-webkit-background-size: 138%;
		background-size: 138%;
		height: 90vw;
		background-position: 0 center;
	}
	#planche3img1, #planche8img1 {
		top: 32vw;
		left: 26vw;
		width: 60%;
	}
	#planche3img2, #planche8img2 {
		bottom: 47vw;
		left: 53vw;
		width: 70%;
	}
	.planche4 {
		height: 69vw;
		width: 100%;
		-webkit-background-size: 188%;
		background-size: 188%;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	.planche4, .planche9 {
		bottom: 16vw;
	}
	.planche4 a img {
		width: 93%;
	}
	.planche5 {
		bottom: 15vw;
		height: 66vw;
		z-index: 0;
	}
	#planche5img2, #planche10img2 {
		margin-top: 0;
	}
	.planche5 img {
		width: 84%;
	}
	#planche6img3 {
		float: right;
	}
	.planche7 {
		bottom: 14vw;
	}
	.planche7 .gotobutton {
		margin-top: 6vw;
	}
	.planche8 {
		bottom: 15vw;
	}
	.planche9, .planche10 {
		bottom: 31vw;
	}
	#planche9img3 {
		float: right;
	}
}

/********************************** T A B L E T S **********************************/

@media (min-width: 426px) and (max-width: 767px) {
	.cms-127 #columns {
		max-width: 100%;
	}
	.cms-127 #center_column {
		padding-top: 0;
	} 
	.cms-127 .gotobutton {
		padding: 1.2vw 4.3vw;
	}
	.button_container .gotobutton {
		margin-bottom: 6vw;
	}
	.overflowhidden {
		height: 63vw;
	}
	.price_tag {
		display: none;
	}
	.planche1 {
		-webkit-background-size: 114%;
		background-size: 114%;
		padding: 8vw 0 8vw 30vw;
	}
	.planche1 h1 {
		font-size: 11em;
	}
	.planche2 {
		padding: 2vw 0;
	}
	#atmosphere {
		margin: 4vw 0 2vw 0;
	}
	.planches_video {
		position: relative;
		padding-bottom: 52.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.planches_video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.planche3 {
		-webkit-background-size: 128%;
		background-size: 128%;
		height: 90vw;
		background-position: 0 center;
	}
	#planche3img1, #planche8img1 {
		top: 32vw;
		left: 38vw;
		width: 56%;
	}
	#planche3img2, #planche8img2 {
		bottom: 43vw;
		left: 58vw;
		width: 64%;
	}
	.planche4 {
		width: 100%;
		height: 79vw;
		bottom: 10vw;
		-webkit-background-size: 174%;
		background-size: 174%;
	}
	.planche4 a img {
		width: 96%;
		margin: 0;
	}
	#planche4img2, #planche6img2, #planche9img2 {
		float: right;
	}
	.planche5 {
		-webkit-background-size: 160%;
		background-size: 160%;
		bottom: 19vw;
		height: 75vw;
		padding: 4vw 0;
	}
	#planche5img2, #planche10img2 {
		margin-top: 10vw;
	}
	.planche6 {
		height: 72vw;
		bottom: 12vw;
	}
	.planche7 {
		bottom: 10vw;
	}
	.planche7 .gotobutton {
		margin: 4vw 0 5vw 0;
	}
	.planche8 {
		-webkit-background-size: 136%;
		background-size: 136%;
		bottom: 11vw;
	}
	.planche9 {
		height: 71vw;
	}
	.planche9, .planche10 {
		bottom: 19vw;
	}
	.planche10 {
		margin-top: 0;
	}
}

/********************************** L A R G E    T A B L E T S **********************************/

@media (min-width: 768px) and (max-width: 1024px) {
	.cms-127 #columns {
		max-width: 100%;
	}
	.cms-127 .gotobutton {
		padding: 0.8vw 3vw;
	}
	.planche1 h1 {
		font-size: 12em;
	}
	.overflowhidden {
		height: 42vw;
	}
	#atmosphere {
		margin: 4vw 0 3vw 0;
	}
	.planche2 .button_container .gotobutton {
		margin-bottom: 4vw;
	}
	.planches_video {
		position: relative;
		padding-bottom: 35.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.planches_video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.planche3 {
		height: 68vw;
	}
	#planche3img1, #planche8img1 {
		width: 45%;
		left: 7vw;
		top: 19vw;
	}
	#planche3img2, #planche8img2 {
		width: 50%;
		bottom: 42vw;
		left: 28vw;
	}
	.planche4 {
		width: 100%;
		height: 47vw;
		bottom: 34vw;
	}
	.planche4 a img {
		width: 94%;
	}
	.planche5 {
		bottom: 34vw;
	}
	.planche5, .planche6 {
		margin-top: 1vw;
	}
	.planche7 {
		bottom: 33vw;
	}
	.planche7 .overflowhidden {
		height: 41vw;
	}
	.planche7 .button_container .gotobutton {
		margin-bottom: 1vw;
	}
	.planche8 {
		bottom: 35vw;
	}
	.planche9, .planche10 {
		bottom: 70vw;
	}
	.price_tag a {
		font-size: 0.87em;
	}
	.price_tag a:last-of-type {
		font-size: 1.03em;
	}
	.planche2_text {
		left: 15vw;
		top: 31vw;
	}
	.planche3_text, .planche8_text {
		left: 37vw;
		bottom: 44vw;
	}
	.planche4_text {
		bottom: 9vw;
	}
	.planche5_text {
		left: 15vw;
		top: 39vw;
	}
	.planche6_text {
		bottom: 12vw;
		right: 2vw;
	}
	.planche7_text {
		left: 15vw;
		top: 33vw;
	}
	.planche9_text {
		bottom: 9vw;
		left: 2vw;
	}
	.planche10_text {
		left: 15vw;
		top: 36vw;
	}
}

/********************************** L A P T O P S **********************************/

@media (min-width: 1025px) and (max-width: 1440px) {
	.floatright {
		float: right;
	}
	.planche1 {
		padding: 3vw 0 6vw 30vw;
	}
	.planches_video {
		position: relative;
		padding-bottom: 35.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.planches_video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.planche3 {
		height: 53vw;
	}
	#planche3img1, #planche8img1 {
		width: 90%;
		top: 15vw;
	}
	.planche4 {
		height: 37vw;
	}
	.planche4 a img {
		width: 93%;
	}
	.planche2_text {
		top: 25vw;
	}
	.planche3_text, .planche8_text {
		bottom: 1vw;
	}
	.planche4_text {
		bottom: 11vw;
		left: 3vw;
	}
	.planche6_text {
		bottom: 11vw;
	}
	.planche9_text {
		bottom: 9vw;
	}
	.planche10_text {
		top: 31vw;
	}
	.planche2_text {
		top: 21vw;
	}
	.planche5_text {
		top: 30vw;
	}
	.planche6_text {
		bottom: 12vw;
	}
	.planche7_text {
		top: 24vw;
	}
	.planche10_text {
		top: 28vw;
	}
}

@media (min-width: 1441px) and (max-width: 1799px) {
	#planche3img1, #planche8img1 {
		width: 86%;
	}
	.planche4 a img {
		width: 90%;
	}
	.planche4_text, .planche9_text {
		bottom: 9vw;
	}
	.planche6_text {
		bottom: 9vw;
	}
}

/* A U T R E S */

@media (min-width: 1025px) and (max-width: 1199px) {
	#planche3img1, #planche8img1 {
		width: 50%;
		left: 0;
	}
	#planche3img2, #planche8img2 {
		width: 56%;
		bottom: 36vw;
		left: 18vw;
	}
	.planche4 {
		bottom: 37vw;
	}
	.planche5 {
		bottom: 39vw;
	}
	.planche6, .planche7 {
		bottom: 41vw;
	}
	.planche8 {
		bottom: 43vw;
	}
	.planche9, .planche10 {
		bottom: 80vw;
	}
	.planche10 {
		margin-top: 0;
	}
	.planche3_text, .planche8_text {
		bottom: 37vw;
		left: 24vw;
	}
}