.img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}

.img-responsive-full{
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
}

.grand-voyage sup{
	font-size: 60%;
}

@media (min-width: 80em) {
	.grand-voyage .container {
	  	max-width: 86rem;
	}
}

.floor-margin{
	margin-bottom: 4.5rem;
}

.text-italic{
	font-style: italic;
}

@media (max-width: 63.99875em) {
	.floor-margin{
		margin-bottom: 6.5rem;
	}
}

.number{
	font-family: loccitaneserif,ui-serif,Georgia,Cambria,times new roman,Times,serif;
	font-size: 7.5rem;
	line-height: 1;
	font-weight: 500;
	margin: 0;
}

.big-title{
	font-family: loccitaneserif,ui-serif,Georgia,Cambria,times new roman,Times,serif;
	font-size: 3.5rem;
	line-height: 1.2;
	font-weight: 500;
}

.big-title span.big-title-small{
	font-size: 3rem;	
}

.title{
	font-family: loccitaneserif,ui-serif,Georgia,Cambria,times new roman,Times,serif;
	font-size: 3rem;
	line-height: 4rem;
	font-weight: 500;
	margin: 0 0 2rem;
}

.subtitle{
	font-family: loccitaneserif,ui-serif,Georgia,Cambria,times new roman,Times,serif;
	font-size: 2.2rem;
	line-height: 3.4rem;
	margin: 0 0 2rem;
	font-weight: 400;
}

.subsubtitle{
	font-family: loccitaneserif,ui-serif,Georgia,Cambria,times new roman,Times,serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin: 0 0 2rem;
	font-weight: 400;
}

.med-paragraph{
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0;
}

.paragraph{
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0;
}

@media (max-width: 63.99875em) {
	.subtitle{
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
}

.white{
	color: #FFF;
}

.light-black{
	color: #1E1E1E;
}

.grand-voyage .picto-circle{
	max-width: 40px;
	margin: 0 auto;
}

.grand-voyage .a-button {
	background: transparent;
	border: .1rem solid #001022;
	line-height: 2.2rem;
}

body:not(.touch) .grand-voyage .a-button:hover{
	background-color: #f6f7f7;
}

/* INTRO */
.floor-intro{
	position: relative;
}

.floor-intro .abs-container{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.floor-intro .abs-container::before{
	content: "";
	background: linear-gradient(to top,rgba(0,0,0,0.56),transparent);
	height: 17.6rem;
}

.floor-intro .abs-inner{
	background: rgba(0, 0, 0, 0.56);
}

.floor-intro .big-title{
	margin: 0 0 6rem;
}

/* EPISODE */
.floor-episode{
	padding: 5rem 0.8rem 0.8rem;
	text-align: center;
}

.floor-episode.bg-beige{
	background-color: rgba(239, 202, 138, 0.4);
}

.floor-episode.bg-blue{
	background-color: rgba(64, 99, 129, 0.2);
}

.floor-episode .videofull-container{
	overflow:hidden; 
	padding-bottom:46.14%; 
	position:relative; 
	height:0;
	max-width: 82%;
	margin: 0 auto 3rem;
}

.floor-episode .videofull-container iframe{
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}

.floor-episode .flex-container{
	display: flex;
	justify-content: space-between;
}

.floor-episode .flex-container__item{
	width: 24.30555555555556%;
}

.floor-episode .flex-container__3item{
	width: 32.63888888888889%;
}

/* EDITO */
.floor-edito{
	padding: 5rem 0;
}

.floor-edito .container{
	text-align: center;
}

/* NAV */
.floor-nav{
	margin-bottom: 5rem;
	text-align: center;
}

.floor-nav .subsubtitle{
	margin-bottom: 0;
}

.floor-nav .list-nav{
	padding: 1.6rem;
	display: flex;
	justify-content: center;
	background-color: #fffefa;
	transition: top .1s cubic-bezier(.7,0,.3,1);
}

.floor-nav .list-nav__item{
	border: 1px solid #001022;
	color: #001022;
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: 1.2rem 1.6rem;
	border-radius: 8rem;
	transition: background-color .2s cubic-bezier(.7,0,.3,1);
	cursor: pointer;
	margin: 0 10px;
}

.floor-nav .list-nav__item.list-nav__item--inactive{
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: rgba(0, 0, 0, 0.2);
	pointer-events: none;
}

.floor-nav .list-nav__item.list-nav__item--active{
	background-color: #001022;
	color: #FFF;
}

.floor-nav.nav-fixed{
	height: 74px;
}

.floor-nav.nav-fixed .list-nav{
	position: fixed;
	top: 116px;
	left: 0;
	width: 100%;
	z-index: 9;
}

.floor-nav.nav-fixed.nav-fixed-up .list-nav{
	top: 158px;
	transition: top .5s cubic-bezier(.7,0,.3,1);
}

@media (min-width: 64em) and (max-width: 76.125em) {
	.floor-nav.nav-fixed .list-nav{
		top: 140px;
	}

	.floor-nav.nav-fixed.nav-fixed-up .list-nav{
		top: 190px;
	}
}

@media (max-width: 63.99875em) {
	.floor-nav .list-nav{
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		justify-content: flex-start;
	}

	.floor-nav .list-nav::-webkit-scrollbar{
		display: none;
	}

	.floor-nav .list-nav__item{
		flex: 0 0 auto;
	}

	.floor-nav.nav-fixed .list-nav{
		top: 93px;
		box-shadow: rgba(0,0,0,.42) 0 0 5.4rem;
	}

	.floor-nav.nav-fixed.nav-fixed-up .list-nav{
		top: 153px;
	}
}

body:not(.touch) .floor-nav .list-nav__item:not(.list-nav__item--inactive):hover{
	transition: background-color .2s cubic-bezier(.7,0,.3,1);
	background-color: #001022;
	color: #FFF;
}

/* END */
.floor-end .flex-container{
	display: flex;
	justify-content: space-between;
}

.floor-end .flex-container__item{
	position: relative;
	width: 49.72222222222222%;
}

.floor-end .flex-container__item .text-container{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	width: 90%;
	text-align: center;
}

@media (max-width: 63.99875em) {
	.floor-end .flex-container__item .subsubtitle{
		display: none;
	}

	.floor-end .flex-container__item .big-title{
		font-size: 2rem;
	}

	.floor-end .flex-container__item .big-title span{
		font-size: 1.5rem;
	}
}

@media (min-width: 64em) {
	.floor-end{
		margin-bottom: 5rem;
	}
}