/**
** Programme EPOC
*/

/* Genèse et ambition */
.pourquoi {
	margin-bottom: 50px;
}

.pourquoi .content {
	display: flex;
}

.pourquoi .content .content-left h2 {
	margin-top: 60px;
	margin-bottom: 30px;
}

.illustration-container {
	width: 100%;
	height: 100%;
	padding: 50px 0;
}

.pourquoi .content .content-right img {
	width: 60%;
}

@media(min-width: 992px) {
	.pourquoi {
		padding: 0;
	}

	.pourquoi .content .content-left {
		padding: 80px 20px 80px 100px;
	}

	.pourquoi .content .content-right {
		padding-left: 0;
	}
}

.tout-savoir {
	margin-bottom: 50px;
	padding: 0;
}

.tout-savoir .content .content-left .content-left-inner {
	padding: 15px;
}

.tout-savoir .content .content-left .content-left-inner h2 {
	margin-bottom: 30px;
}

.tout-savoir .content .content-left .content-left-inner h2.second-title {
	margin-top: 60px;
}

.tout-savoir .content .content-left .content-left-inner .btn {
	margin-top: 60px;
}

.tout-savoir .content .content-right .content-inner {
	padding: 15px;
}

.tout-savoir .content .content-right .content-inner h2 {
	font-size: 1.2em;
}

@media(min-width: 992px) {
	.tout-savoir .content .content-left .content-left-inner {
		padding: 80px 80px 30px 80px;
	}

	.tout-savoir .content .content-left {
		padding-right: 0;
	}

	.tout-savoir .content .content-right {
		padding-left: 0;
	}

	.tout-savoir .content .content-right .content-inner {
		padding: 100px 40px 40px 40px;
	}
}

/* Rhumatisme inflammatoires et chronique */
.treatment .content {
	display: flex;
}

.treatment .content .content-left h2 {
	margin-bottom: 30px;
}

.physic {
	padding: 0;
}

.physic .content {
	display: flex;
}

.physic .content .content-left {
	display: flex;
}

.physic .content .content-left .content-left-inner {
	padding: 15px;
}

.physic .content .content-left h2 {
	margin-bottom: 30px;
}

@media(min-width: 992px) {
	.treatment {
		padding: 0;
	}

	.treatment .content .content-left .content-left-inner {
		padding: 80px 50px 80px 85px;
	}

	.treatment .content .content-right {
		padding-left: 0;
	}

	.physic .content .content-left {
		padding-right: 0;
	}

	.physic .content .content-left .content-left-inner {
		padding: 80px 50px 80px 85px;
	}

	.physic .content .content-right {
		padding-left: 0;
	}
}

/* Étapes de programme */
@media(min-width: 992px) {
	.bg-arrow {
		background-image: url('../img/etapes/arrow-down-white.png');
		background-size: 10px auto;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 0;
		left: 85px;
		width: 10px;
		height: 40px;
		z-index: 1;
	}

	.bg-arrow.blue {
		background-image: url('../img/etapes/arrow-down-blue.png');
	}

	.bg-arrow.horizontal.blue {
		width: 40px;
		height: 10px;
		background-image: url('../img/etapes/arrow-horizontal-blue.png');
		background-size: 40px auto;
		left: 90px;
		bottom: -5px;
	}

	.epoc .bg-arrow {
		left: 70px;
	}
}

.epoc .content .content-left ul {
	padding-left: 15px;
}

.epoc .content .content-right {
	padding: 0 40px;
	display: flex;
	align-items: center;
}

.epoc .content .content-right img {
	margin-left: auto;
	margin-right: auto;
}

@media(min-width: 992px) {
	.epoc {
		padding: 0;
	}

	.epoc .content {
		display: flex;
	}

	.epoc .content .content-left .content-left-inner {
		padding: 80px 35px 20px 85px;
		position: relative;
	}
}

.research .grid h2 {
	font-size: 1.4em;
	background: url('../img/etapes/item-bullet-point.png') no-repeat left center;
	background-size: 12px auto;
	margin: 0 0 20px 0;
	padding-left: 20px;
}

.research .grid .content-right {
	margin-bottom: 40px;
}

.research .grid .content-right img {
	width: 95%;
}

.research .grid .content-left .item-arrow {
	position: absolute;
	right: 0;
}

.research .grid.line5 .content-right-inner {
	background-image: url('../img/etapes/line5.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 95px;
	margin-left: 15px;
	padding-left: 55px;
}

.research .grid.line5 .content-right-inner .pdf {
	margin-bottom: 15px;
	color: #d61919;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Comfortaa, sans-serif;
	padding-top: 10px;
}

.research .grid.line5 .btn-more-details {
	display: inline-block;
	height: 100px;
	background-image: url('../../../../themes/epoc/img/more-details-red.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 36px 0 0 140px;
}

@media(min-width: 992px) {
	.research {
		padding: 0;
	}

	.research .grid {
		display: flex;
	}

	.research .grid h2 {
		margin: 0;
	}

	.research .grid .content-left {
		padding-right: 0;
	}

	.research .grid .content-left-inner {
		height: 100%;
		color: white;
		background-color: #2468ba;
		padding: 50px 0 0 0;
		background-image: url('../img/etapes/dash-line-vertical.png');
		background-repeat: repeat-y;
		background-position: 75px 0;
		display: flex;
		align-items: center;
	}

	.research .grid.line5 .content-left-inner {
		padding-top: 80px;
	}

	.research .grid:last-child .content-left .content-left-inner {
		padding-bottom: 100px;
	}

	.research .grid .content-left .content-left-inner .title-wrapper {
		width: 100%;
		background-image: url('../img/etapes/item-arrow.png');
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 25px;
		margin-right: 10px;
		padding: 0 70px 0 70px;
	}

	.research .grid .content-right {
		margin: 0;
		padding-top: 50px;
	}
}

.phase {
	padding: 0;
}

.phase h2 {
	color: #d61919;
	font-size: 1.6em;
	text-transform: uppercase;
}

.phase .subtitle {
	color: #2468ba;
	font-size: 1.6em;
	line-height: 1;
	text-transform: uppercase;
}

.phase .phase-left {
	position: relative;
	padding: 15px 30px;
}

.phase .phase-right .phase-right-inner {
	background-color: #00579e;
	color: white;
	padding: 15px;
}

@media(min-width: 992px) {
	.phase .content {
		display: flex;
	}

	.phase .phase-left {
		background-image: url('../img/etapes/dash-line-vertical-blue.png');
		background-repeat: repeat-y;
		background-position: 90px 0;
		padding: 50px 30px 0 105px;
	}

	.phase .subtitle {
		margin-right: 50px;
	}

	.phase .phase-right {
		padding-left: 0;
	}

	.phase .phase-right .phase-right-inner {
		padding: 80px 50px 20px 80px;
	}
}

.phase ul {
	background-image: url('../img/etapes/phase2-bg-1.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	margin-bottom: 20px;
	padding: 15px 10px 12px 30px;
}

.phase2 .phase-right .phase-right-inner ol {
	padding-left: 15px;
}

.phase2 .phase-right .phase-right-inner ol li {
	padding: 5px 0;
}

.phase4 .col {
	padding: 0;
}

.phase4 .phase-left img {
	padding: 80px 0;
}

.phase4 .phase-right .text-row {
	margin-bottom: 20px;
}

.phase4 .phase-right .text-row ul {
	background-image: url('../img/etapes/phase4-bg.png');
	height: 100%;
}

@media(min-width: 992px) {
	.phase4 .phase-right .text-row {
		display: flex;
	}
}

/* Les partenaires du programme */

/**
** Partenariat avec UCB
*/
.ucb-partnership {
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 10px;
}

@media(max-width: 767px) {
	.ucb-partnership {
		padding-top: 40px;
	}
}

.ucb-partnership .box {
	padding: 0;
}

.ucb-partnership img.bird1 {
	position: absolute;
	top: -22px;
	left: 60%;
}

.ucb-partnership img.bird2 {
	position: absolute;
	top: -50px;
	left: 80%;
	z-index: 10;
}

@media(max-width: 992px) {
	.ucb-partnership img.bird1, .ucb-partnership img.bird2 {
		display: none;
	}
}

.ucb-partnership .ucb-partnership-left {
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
}

.ucb-partnership .ucb-partnership-left .intro-content-block {
	padding-bottom: 30px;
}

.ucb-partnership .ucb-partnership-left img {
	height: 60px;
	margin-bottom: 50px;
}

@media(min-width: 992px) {
	.ucb-partnership .row {
		display: flex;
	}

	.ucb-partnership .ucb-partnership-left {
		padding-left: 80px;
	}

	.ucb-partnership .ucb-partnership-right {
		padding-left: 0;
		display: flex;
	}
}

.ucb-partnership .ucb-partnership-right-inner {
	width: 100%;
	padding: 50px 15px;
	display: flex;
}

.ucb-partnership .ucb-partnership-right-inner img {
	width: 100%;
	max-width: 400px;
	margin: auto;
	align-self: center;
}

/* Member */
.member {
	text-align: center;
}

.member .member-container {
	padding: 30px;
}

.member .member-info {
	margin-bottom: 20px;
}

.member .member-info img {
	width: 100%;
	max-width: 136px;
	margin-bottom: 10px;
}

.member .member-info .logo {
  display: block;
  margin: auto;
  margin-top: 30px;
  max-width: 60%;
}

.member .member-info .member-name {
	font-weight: bold;
}

.member .member-info p {
	margin: 0 0 5px;
}

@media(min-width: 992px) {
	.member {
		text-align: left;
	}

	.member .member-container .member-row {
		padding: 20px;
	}
}


@media(min-width: 992px) {
	.wity-app.wity-app-programme-epoc {
		padding-top: 40px;
	}
}

.download-image {
	padding-top: 20px;
	padding-bottom: 20px;
}