.products-wrapper {
	width: 100%;
}
	.abo-wrapper {
		width: 100%;
		background: #1a1e4f;
		padding: 3rem 0 1.5rem;
		border-radius: 8px;
	}
		.abo-wrapper .header {
			padding-left: 1.5rem;
			width: 100%;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
		}
			.abo-wrapper .header .logo {
				margin: auto 0;
				margin-left: 50px;
				width: 200px;
			}
			.abo-wrapper .header .title {
				margin: auto 0 0 auto;
				width: 670px;
			}
				.abo-wrapper .header .title span {
					text-align: left;
					font-family: 'ClanOT-Thin';
					font-size: 26px;
					color: #ffffff;
					text-transform: uppercase;
					line-height: 34px;
				}
				.abo-wrapper .header .title .spacer {
					margin-top: 0.6rem;
					width: 100%;
					height: 7px;
					background: #FFF;
					border-top-left-radius: 8px;
					border-bottom-left-radius: 8px;
				}
		.abo-wrapper .products-index {
			padding: 4rem;
			display: flex; display: -webkit-flex; 
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			justify-content: space-around; -webkit-justify-content: space-around;
		}
			.abo-wrapper .products-index .products-item {
				margin: 0 auto 30px;
				width: 390px;
				height: 315px;
				display: flex; display: -webkit-flex; 
				flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
				justify-content: flex-start; -webkit-justify-content: flex-start;
				background: #FFF;
				font-family: 'Montserrat', sans-serif;
			}
				.abo-wrapper .products-index .products-item .col-left {
					width: 160px;
					height: 315px;
					background: #436464;
					position: relative;
				}
					.abo-wrapper .products-index .products-item .col-left .picture {
						position: absolute;
						top: 40px;
						left: 20px;
						z-index: 10;
						width: 140px;
						height: 200px;
						overflow: hidden;
					}
						.abo-wrapper .products-index .products-item .col-left .picture img {
							width: 100%;
							height: auto;
						}
				.abo-wrapper .products-index .products-item .col-right {
					padding: 3rem 0 2rem;
					padding-left: 3rem;
					position: relative;
					width: 268px;
					display: flex; display: -webkit-flex; 
					flex-flow: column; -webkit-flex-flow: column;
					justify-content: space-around; -webkit-justify-content: space-around;
				}
					.abo-wrapper .products-index .products-item .col-right .title {
						font-weight: bold;
						color: #e01e22;
						font-size: 20px;
						line-height: 1.2;
						margin: 0;
						margin-right: -0.7rem;
						padding-right: 1rem;
						border-bottom: 1px solid #e01e22;
					}
					.abo-wrapper .products-index .products-item .col-right .description {
						font-weight: light;
						color: #1a1e51;
						font-size: 11px;
						line-height: 1.1;
						padding: 1.5rem 2rem 1.5rem 0;
						flex: auto;
					}
					.abo-wrapper .products-index .products-item .price {
						margin-right: -0.7rem;
						padding-right: 1rem;
						border-top: 1px solid #e01e22;
						padding-top: 1.1rem;
						text-align: center;
						font-size: 27px;
						font-weight: lighter;
						color: #1a1e51;
						line-height: 30px;
						height: 48px;
					}
						.abo-wrapper .products-index .products-item .price span.promo {
							display: block;
							font-size: 15px;
							line-height: 1.0;
							text-decoration: line-through;
						}
					.abo-wrapper .products-index .products-item .col-right .link {
						width: 160px;
						height: 29px;
						background: #e01e22;
						font-size: 14px;
						line-height: 29px;
						text-align: center;
						text-transform: uppercase;
						font-weight: bold;
						color: #FFF;
						margin:auto;
					}
					.abo-wrapper .products-index .products-item .col-right .link.isfiliere {
						width: 220px;
						margin-left: -110px;
						background: #1a1e4f;
					}



.base-wrapper {
	width: 100%;
	background: #ececec;
	padding: 3rem 0 1.5rem;
	border-radius: 8px;
	margin-bottom: 2rem;
}
	.base-wrapper .header {
		width: 100%;
		display: flex; display: -webkit-flex; 
		flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
		justify-content: center; -webkit-justify-content: center;
		color: #1a1e51;
	}
		.base-wrapper .header .title {
			margin: 1.5rem;
			width: 100%;
			text-align: center;
			border-bottom: 1px solid;
			font-family: 'ClanOT-Book';
			font-size: 26px;
			text-transform: uppercase;
			line-height: 1.1;
		}
			.base-wrapper .header .title span {
				display: block;
				font-family: 'ClanOT-Thin';
				font-size: 26px;
				text-transform: uppercase;
				line-height: 1.1;
			}

		.base-wrapper.etudes .header {
			color: #e01e22;
		}

	.base-wrapper .products-index {
		padding: 4rem;
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: flex-start; -webkit-justify-content: flex-start;
	}
		.base-wrapper .products-col {
			width: 25%;
			margin: 0;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: center; -webkit-justify-content: center;
		}
		.base-wrapper .products-index .products-item {
			margin: 0 auto 30px;
			padding: 0.7rem;
			width: 92%;
			display: flex; display: -webkit-flex; 
			flex-flow: column; -webkit-flex-flow: column;
			justify-content: flex-start; -webkit-justify-content: flex-start;
			background: #FFF;
			box-shadow: 0px 2px 3.58px 0.42px rgba(0, 0, 0, 0.11);
			position: relative;
			font-family: 'Montserrat', sans-serif;
		}


			.base-wrapper .products-index .products-item .picture {
				width: 100%;
				height: 259px;
				text-align: center;
				position: relative;
				z-index: 5;
				margin-bottom: 0.7rem;
				overflow: hidden;
			}
				.base-wrapper .products-index .products-item .picture img {
					width: 100%;
					height: auto;
				}
				.base-wrapper .products-index .products-item .picture .title {
					color: #FFF;
					position: absolute;
					bottom: 5px;
					left: 5px;
					right: 5px;
					font-size: 24px;
					font-family: 'ClanOT-Black';
					text-transform: uppercase;
					z-index: 10;
					text-align: left;
					line-height: 1.0;
					height: auto;
				}

			.base-wrapper .products-index .products-item .title {
				font-weight: bold;
				color: #e01e22;
				font-size: 14px;
				line-height: 1.2;
				margin: 0;
				padding: 0.3rem 0 1rem;
				text-align: center;
				height: 60px;
			}

			.base-wrapper .products-index .products-item .price {
				width: 110%;
				margin-left: -5%;
				border-top: 1px solid #e01e22;
				padding-left: 1rem;
				padding-right: 1rem;
				padding-top: 1.1rem;
				text-align: center;
				font-size: 27px;
				font-weight: lighter;
				color: #1a1e51;
				line-height: 30px;
				height: 48px;
			}
				.base-wrapper .products-index .products-item .price span.promo {
					display: block;
					font-size: 15px;
					line-height: 1.0;
					text-decoration: line-through;
				}
			.base-wrapper .products-index .products-item .link {
				margin-top: 1.5rem;
				width: 100%;
				height: 29px;
				background: #1a1e51;
				font-size: 14px;
				line-height: 29px;
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				color: #FFF;
			}
			.products-item .link-small {
				margin-top: 1.5rem;
				width: 100%;
				font-size: 12px;
				line-height: 1.1;
				text-align: center;
				color: #e01e22;
				text-decoration: underline;
			}

/*	VIEW */
.product-wrapper {
	width: 100%;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
	border-radius: 9px;
	overflow: hidden;
}
	.product-wrapper .col-left {
		margin: 0;
		width: 335px;
		background: #3d5c5d;
		display: flex; display: -webkit-flex; 
	}
		.product-wrapper .col-left img {
			margin: auto;
		}
	.product-wrapper .col-right {
		margin: 0;
		width: calc(100% - 335px);
		background: #ececec;
		font-family: 'Montserrat', sans-serif;
	}
		.product-wrapper .col-right .title {
			display: block;
			margin: 3rem;
			padding-bottom: 2rem;
			font-size: 25px;
			color: #e01e22;
			font-weight: bold;
			border-bottom: 1px solid;
			margin-bottom: 2rem;
		}
		.product-wrapper .col-right .description {
			padding: 0 3rem;
			color: #1a1e51;
			font-weight: 300;
		}
		.product-wrapper .col-right .buttons {
			padding: 3rem;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: space-around; -webkit-justify-content: space-around;
		}
			.product-wrapper .col-right .buttons .price {
				margin: auto 4rem;
				margin-left: auto;
				height: 30px;
				padding: 0 1.5rem;
				font-size: 27px;
				line-height: 1.1;
				font-weight: lighter;
				color: #1a1e51;
				text-align: right;
			}
				.product-wrapper .col-right .buttons .price span.promo {
					display: block;
					font-size: 15px;
					line-height: 1.0;
					text-decoration: line-through;
				}

			.product-wrapper .col-right .buttons .link {
				height: 30px;
				line-height: 32px;
				padding: 0 1.5rem;
				font-weight: bold;
				color: #FFF;
				text-transform: uppercase;
				background: #e01e22;
			}
			.product-wrapper .col-right .buttons .link.read-file {
				margin-right: auto;
				padding: 0 3.5rem;
				background: #1a1e51;
			}
.accroche-etudes {
	font-size: 16px;
	font-style: italic;
	text-align: center;
	padding: 0 2rem 2rem;
}
	.accroche-etudes a {
		text-decoration: underline;
	}